高中信息技术选修3课件-5.2 网页的文件结构及支持技术-浙教版

网页的文件结构与设计 一、思考交流 1、网页中常见的栏目有哪些？ 页面标题、页眉区、导航栏、登录区、搜索区、推荐热点区、主要内容区、页脚区。 一、思考交流 2、网页版面主要有哪几种基本布局？ “同” 字形 偏左 “川” 字形 偏右 “一” 字形 计算机 平板 手机 一、思考交流 3、网页、主页、网站之间的联系与区别。 网页：是一种超文本文件，是用超文本标记语言（HTML）编写的文件。 主页：是网站中所有网页的引导页（首页）。 网站：是由一台HTTP服务器提供的一组相互关联的网页、脚本和数据库。网站中的网页通常围绕一个或多个相关联的主题，并通过超链接互连。 思考： 为什么有的同学作品看起来让人感觉更舒服？ 良好网页设计的几条基本原则 1、规划网页布局，让网页简约并且完整 0 简约 复杂 一个布局、风格具有简约美，同时又能提供大量有价值信息的网站必定受用户欢迎。 良好网页设计的几条基本原则 2、看起来让人感觉舒服的文本内容 字体、字号、字的颜色均非常重要。文本的颜色要尽量与背景颜色相反，这样的文本显的更清楚。 文本不能太宽。横跨屏幕宽度的文本让人难以阅读。 文本尽量不要太长。太长的文本易让人失去阅读兴趣，可把长内容分成几个小主题或分页。 文本内容要反复校正，避免出现错别字、甚至是标点符号的错误。 良好网页设计的几条基本原则 3、留白和信息同样重要 要有这样一种观念：留白也是设计的一部分。那些不使用的空间也能发挥其作用，从用户的角度来说，留白很好，让布局更有条理，信息更清晰。 良好网页设计的几条基本原则 4、用户往往缺乏耐心 用户的时间宝贵，他们缺乏耐心。如果你不能提供便捷的信息，那么他们会选择离开，进而寻找其他网站来谋求信息。 尽量使用具有jpg、gif、png扩展名的图形文件。尽量不要使用容量太大的图片，因为文件越大网页的传输、加载、显示的时间就越长。 良好网页设计的几条基本原则 1、规划网页布局，让网页简约并且完整。 2、看起来让人感觉舒服的文本内容。 3、留白和信息同样重要，留白也是一种设计。 4、用户往往缺乏耐心，要给用户提供便捷的信息。 小结： 1、通过学习，了解了网页的栏目的构成、网页的布局以及良好网页的设计基本规则。 2、制作了一个完整的主题网页，为下一步制作网站打下基础。 作业： 收集个人素材，为制作个人网站做准备 谢谢！ $$