Dreamweaver CS4网页设计与制作 教学课件 ppt 作者 何富贵 课件 第一章绪论.pdf

第一章绪论
网页和网站
网页制作工具
网站开发流程
网页的设计原理
网页设计的规范
优秀网站赏析
解网页和网站的关系和区别
熟悉常用的网页制作的工具
掌握网站的开发流程
掌握网页设计原理
掌握网页设计规范
欣赏优秀的网页,学****他人之长,激发学****网页设
计的兴趣
能够根据网站的要求,写出网站设计文档
网页和网站的区别很大,网站是由网页集合而成的,
网页就是一个浏览页面,是一个html文件,浏览器是
用来解读这份文件的,想要制作一个网站,就需要单独
编辑若干个html文件,然后通过“超链接”把它们连
接在一起,这样一个属于自己的网站就制作出来了。网
站的话必须提供某种服务,或不断更新某些问题,用来
吸引人气。一般得有自己鲜明的特色,它需要专门的技
术和内容维护人员。
网站是以数据为核心,以服务器为基础的“浏览者-
管理员-系统管理员”相互关联系、相互促进、有机制
约的信息化整体。网页则是静态页面各自为政,仅仅提
供链接的HTML文件。
制作网页的专业工具的功能越来越完善,操作也越
来越简单,处理图像、制作动画、发布网站的专业
软件应用得非常广泛。
常用制作网页的工具如下:
①制作网页的专门工具:如 Frontpage、Dreamweaver
②图像处理工具:Firmworks、Photoshop
③动画制作工具:Flash、Swish
④图标制作工具:图标制作器、超级图标
⑤抓图工具:屏幕抓图工具、HyperSnap、HyperCam、
Camtasia Studio
⑥网站发布工具:CuteFTP
第一个阶段:规划和准备阶段。这个阶段要做的工作包括:
(1)需求分析、决定网站的主题、风格;
(2)收集资料、准备素材并进行整理修改;
(3)规划网站结构和页面形式;
第二阶段:网页设计、制作阶段。这个阶段要做的工作包括:
(1)网站总体设计;
(2)设计界面、制作网站中的各个网页;
(3)将各个网页通过超级链接进行整合。
第三阶段:网站的发布、推广和维护阶段。这个阶段要做
的工作包括:
(1)测试、调试与完善网站;
(2)发布与推广网站;
(3)维护和更新网站。

(1)用户至上原则
一个优秀的网站必须要满足用户要求,以“用户”为中心,
充分考虑用户的浏览器软件、网络速度。
(2)易用性原则
网页中的导航应该放置在明显、易找的区域,以方便用户
浏览。导航结构清晰、操作简单。网站的链接结构合理,方
便浏览者浏览网站中的其他网页,在不同网页之间跳转快捷、
方便。网页中设置“我的位置”以提示浏览者当前所处的位
置。
(3)实用形原则
一个实用的主页要给访问者留下深刻、强烈的印象,应用
得体的欢迎方法,具有较强的说服力。页面中可以使用图片、
色彩、图案等方式表示对访问者的欢迎。
网站设计不是把所有内容放置到网页中就行了,
还需要我们把网页内容进行合理的排版布局,以给
浏览者赏心悦目的感觉,增强网站的吸引力。在设
计布局的时候要注意把文字、图片在网页空间上均
匀分布并且不同形状、色彩的网页元素要相互对比,
以形成鲜明的视觉效果。常见的布局结构有“同”
字形布局、“国”字形布局、“匡”字形布局、
“三”字形布局和“川”字形布局等
 LOGO是网站的标志、名片,如同商标一样。在
网站设计中logo的设计是不可缺少的一个重要环节。
logo是网站特色和内涵的集中体现,它作用于传递
网站的定位和经营理念、同时便于人们识别。一个
重点突出的商标内容元素,一张极具视觉冲击力的
商标设计,会直接影响到客户对网站的判断,特别
是网站日后需要进行全球性推广,优秀的商标设计
会吸引来更多的访问者。
 LOGO可以是中文、英文字母,也可以是符号、
图案,还可以是动物或者人物。LOGO的设计创意
来自网站的名称和内容。