教科版高中信息技术选修三4.2网站设计 课件(共23张PPT)

4.2 网站设计 思考：出黑板报的一般过程 网站设计的一般过程 1、确定主题 2、栏目设置 3、版面设计 4、树立网站整体风格 5、素材的收集与整理 1.栏目设置 阅读P81并思考 1、什么是栏目，它在网站设计中的作用是什么？ （1）要紧扣主题，尽可能删除与主题无关的栏目。 （2）尽可能将网站最有吸引力的内容列在栏目上。 （3）尽可能方便访问者的浏览和查询。 栏目实质上式一个网站的大纲索引，索引应该将网站的主题明确显示出来。 2、网站栏目安排要注意哪些问题？ 1.栏目设置 名称 栏目名称 描述 为了绿色 绿色焦点 绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为 绿色活动 那些保护绿色的行动永远值得我们骄傲 绿色人物 那些保护绿色的人物永远值得我们学习 绿色历史 看看我们为保护绿色曾经做过什么 绿色留言 请留言，留下您最想说的 绿色信箱 请给“为了绿色”信箱发邮件 1.栏目设置 名称 栏目名称 描述 我们的家园 ——地球 我们的家 认识地球 地球演化 审视现状 森林、沙漠、海洋、空气、土地 环保问题 环保新闻 环保事件 给我意见 提供留言板或电子邮箱地址 友情链接 提供相关网站的登陆方式 在线帮助 为浏览网站提供帮助 2.版面设计 阅读教材P83-84，并思考： 1、版面设计需要考虑哪些因素？ 2、版面布局可按哪些步骤来进行？ 2.版面设计 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 几种常见的页面布局样式： “厂”字型 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 几种常见的页面布局样式： “口”字型 主菜单 主要内容 友情链接等 广 告条 几种常见的页面布局样式： 自由式，又称POP布局 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 2.版面设计 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 标题栏 子栏目 名称 主要内容 内容提示 附加信息 3.建立网站整体风格 阅读教材P84-87,并思考： 1、色