文档介绍：新建网站及网页
1
粤教版信息技术高二
霍州市煤电第一中学
掌握网站的开发流程
掌握网页设计原理
掌握网页设计规范
欣赏优秀的网页,学习他人之长,激发学习网页设计的兴趣
本章目标
2
第一个阶段:规划和准备阶段。这个阶段要做的工作包括:
(1)市场调查、市场分析;
(2)制定网站技术方案;
(3)规划网站内容;
第二阶段:网页设计、制作阶段。这个阶段要做的工作包括:
(1)网站总体设计(风格、布局、色彩);
(2)设计界面、制作网站中的各个网页;
(3)将各个网页通过超级链接进行整合;
(4)后台设计。
第三阶段:网站的发布、推广和维护阶段。这个阶段要做的工作包括:
(1)测试、调试与完善网站;
(2)发布与推广网站;
(3)维护和更新网站。
网站开发流程
3

(1)用户至上原则
(2)易用性原则
网页中的导航应放置明显、结构清晰、操作简单。网站的链接结构合理,方便浏览者在不同网页之间跳转快捷、方便。
(3)实用性原则
网页的设计原理
4

标准显示器的屏幕分辨率为1024*768,则不同版本的IE浏览器的屏幕大小为:
:1003*600px
(隐藏菜单栏):1003*626
(不隐藏菜单栏):1003*598
原则:不出现水平滚动栏
网页页面与版块
5
LOGO是网站的标志、名片,如同商标一样。在网站设计中logo的设计是不可缺少的一个重要环节。Logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别,会直接影响到客户对网站的判断,特别是网站日后需要进行全球性推广,优秀的商标设计会吸引来更多的访问者。
LOGO可以是中文、英文字母,也可以是符号、图案,还可以是动物或者人物。LOGO的设计创意来源是网站的名称和内容。
网站LOGO
6
网站LOGO
7
导航条
8
网站导航的表现形式主要有:菜单、站内搜索引擎、当前浏览位置等。
(1)菜单。菜单是网站最常见的导航方法,一个好的菜单系统关键在于能适应网站的层次需要,并且容易让浏览者理解网站的结构。
(2)站内搜索引擎。站内搜索引擎提供了一种主动查询方式,浏览者只要把自己需要寻找的内容的关键字输入到搜索引擎中,网站将自动地查找出站内符合条件的页面,这是一种人性化的做法。
(3)当前浏览位置。所谓“当前浏览位置”就是在网站的每个页面中加入当前位置的文字说明并逐级加入链接。
导航条
9
导航条(常用导航栏)
10