网页设计第一课.pdfVIP

网页设计第一课

本节课主要内容

网页和网站

网站开发流程

网页的设计原理

网页设计的规范

2013年9月18日

网页解析——html

网页和网站的区别很大，网站是由网页集合而

成的，网页就是一个浏览页面，是一个html文件，

浏览器是用来解读这份文件的，想要制作一个网

站，就需要单独编辑若干个html文件，然后通过

“超链接”把它们连接在一起，这样一个属于自

己的网站就制作出来了。网站的话必须提供某种

服务，或不断更新某些问题,用来吸引人气。一

般得有自己鲜明的特色，它需要专门的技术和内

容维护人员。

2013年9月18日

网页解析——html

下面就是网页结构的整体框架：

!HTML网页版本信息说明

HTML

HEAD

!标题标记、属性及其内容

/HEAD

BODY

!主体标记、属性及其

容

/BODY

2013年9月18日/HTML

网站的核心

网站是以数据为核心，以服务器为基础的“浏览

者-管理员-系统管理员”相互关联系、相互促进、

有机制约的信息化整体。网页则是静态页面各自

为政，仅仅提供链接的HTML文件。

2013年9月18日

制作网页的专业工具

§制作网页的专业工具的功能越来越完善，操作也

越来越简单，处理图像、制作动画、发布网站的

专业软件应用得非常广泛。

2013年9月18日

各种工具

制作网页的专门工具

图像处理工具：

动画制作工具：

图标制作工具：

抓图工具：

网站发布工具：

2013年9月18日

网站开发流程

§第一个阶段：规划和准备阶段。这个阶段要做的

工作包括：

§（1）需求分析、决定网站的主题、风格

§（2）收集资料、准备素材并进行整理修改

§（3）规划网站结构和页面形式；

2013年9月18日

第二阶

§网页设计、制作阶段。这个阶段要做的工作包括：

§（1）网站总体设计；

§（2）设计界面、制作网站中的各个网页；

§（3）将各个网页通过超级链接进行整合。

2013年9月18日

§网站的发布、推广和维护阶段。这个阶段要做的

工作包括：

§（1）测试、调试与完善网站；

§（2）发布与推广网站；

§（3）维护和更新网站。

2013年9月18日

关于设计与布局的小建议

§在设计布局的时候要注意把文字、图片在网页空

间上均匀分布并且不同形状、色彩的网页元素要

相互对比，以形成鲜明的视觉效果。

2013年9月18日

LOGO网站的设计

§