2023学年完整版网站的设计_第1页
2023学年完整版网站的设计_第2页
2023学年完整版网站的设计_第3页
2023学年完整版网站的设计_第4页
2023学年完整版网站的设计_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网络技术应用信息技术(选修3)网络技术应用网站设计与评价因特网应用网络技术基础组网建网用网主题:网络技术基础主题:因特网应用主题:网站设计与评价网络技术应用第一章网络的组建与运行第二章因特网的接入与管理第三章因特网的应用第四章网站的开发第五章动态网页的制作第六章网络安全技术第四章网站的开发1、通过观摩他人网站的制作方法,了解网站开发的基本过程;2、学会规划、设计、制作、发布与管理简单网站的基本方法;3、懂得对常见网站的建设质量与运行状况进行评价;4、学会建立一个自己的网站。第四章网站的开发4.1网站的规划(172-178)4.2网站的设计(179-190)4.3网页的制作(一191-205)4.3网页的制作(二206-213)4.3网页的制作(三214-226)4.4网页的美化与特效(一227-234)4.4网页的美化与特效(二235-238)4.5网站的发布与管理4.6网站的评价4.2网站的设计学习目的:了解网站设计的基本内容、对自己的主题网站进行结构、栏目设计重点难点:网站设计的基本内容学习方式:实例分析学习任务:欣赏优秀网站,学习本节课的教学内容4.2网站的设计一、网站设计的主要内容网站设计一般包括:网站栏目设计、网页版面设计、网页的链接设计(导航设计)等。4.2网站的设计二、欣赏优秀作品,思考有关问题1、这些网站是怎样围绕主题展现内容的?2、这些网站提供了哪些栏目及功能?3、网站的链接有哪些特色,是否便捷?4、网站主页有布局、色彩运用有哪些特点?优秀网站参考:4.2网站的设计三、网站的结构设计制作网站前要设计好网站的栏目。网站的栏目可以有多层,但并不是越多越好,以能够恰当地体现网站主题为好。此外,每个栏目本身应有一个大致的内容描述,以表达该栏目的设计思路,充实整个网站的总体结构设计。4.2网站的设计4.2网站的设计四、网页的版面设计网页的版面设计包括如下两方面:

1、风格设计

风格是指网站的整体形象给浏览者的综合感受。有的严肃,有的清爽温馨,有的深沉厚重等。风格的设计与主题密不可分,是为突出主题服务的。

一种风格的形成需要从多方面着手设计,包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。同一网站内的各网页之间应保持风格的一致、在每个页面的相同位置放置图标、文本块等元素,这样有利于提高浏览速度、并给人以整体感。4.2网站的设计4.2网站的设计2、版面布局设计

网页要呈现的内容很多,概括起来可分为标题信息、栏目信息、内容信息、附加信息等,要进行合理的放置,让人看起来井井有条,主次分明。下图是版面布置的一个例子。

4.2网站的设计4.2网站的设计五、网页的交互设计

用户如何访问网站?怎样从一个位置到另一个位置?怎样防止用户在网站中“迷路”?链接点设计就是要考虑人们在浏览网站时通常有哪些需求,并帮助他快捷地路到所需的页面,实现轻松自如的浏览。4.2网站的设计

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论