高中信息技术 粤教版选修3 4.2网站的设计(共12张PPT)

4.2 网站的设计 网站的设计 网站设计的目的： 把信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。 （一）网站结构的设计：设计网站的栏目。 网站的栏目可以有多层，以能够恰当地体现网站主题为好。此外，每个栏目本身应有一个大致的内容描述，以表达该栏目的设计思路，充实整个网站的总体结构设计。 网站的设计 （二）网页的版面设计 1.风格设计 包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。 如：严肃庄重、清爽温馨、深沉厚重、生动活泼、古朴典雅。 简洁大方 4 风格独特，构图巧妙 5 生动活泼 6 色彩丰富 7 浓郁的文化气息 8 2.版面布局设计 标题信息、栏目信息、内容信息、附加信息等，要进行合理的放置，让人看起来井井有条，主次分明。 一般来说： 屏幕中央最能引人注意，屏幕上方紧随其后，屏幕左右侧通常放置不太重要或固定信息，附加信息一般放在最下方。 常见网页布局类型 布局类型 布局方式 实例 “国”字型 上面是网站的标题及横幅广告，接下来是网站的主要内容，左右分别列一些小条，中间是主要内容，下面是一些网站的信息 拐角型 上面是标题广告，接下来在左侧是导航栏，右侧是正文，下面是网站的信息。   标题正文型 上面是标题，下面是正文。   左右框型 左边是导航栏，右边是正文。有时最上方会有一个小标题。   上下框型 上面是导航栏，下面是正文。 综合框架型 左右、上下两种框架结构的结合。   封面型（Flash型） 精美的平面或动画作为首页。 网页的交互设计 用户如何访问网站？怎样从一个位置到另一个位置？怎样防止用户在网站中”迷路”？ 链接点设计要考虑人们在浏览网站时通常有哪些需求？帮助浏览者快捷的跳转到所需的页面。 任 务 以小组为单位，每个小组制作一个专题网站。网站主题由各小组定。每小组选出小组长，确定好主题，作好网站的规划。 1.填写好网站规划表 2.给自己组的主题网站设计栏目、结构和作版面设计 $$