文档介绍：网页设计与制作实用教程
主讲:刘小园
电话:**********
Q Q: 542913868
清华大学出版社
第1章网页制作基础知识
网页和网站
+
认识网页与网站

网页(Web page)是一个文件,它存放在某一部与互联网相连的计算机中,如图1-1所示。

网站(Website)是用于展示特定内容的相关网页的集合。

首页是进入某个网站的入口网页,即打开网站后看到的第一个页面,大多数作为首页的文件名是index和default加上扩展名。
第1章网页制作基础知识
网页构成元素
+
认识网页与网站
虽然网页的外在表现形式多种多样,但构成网页的基本元素却是大体相同,一般包括文本、图像、超链接、表单、动画、音频和视频等,如图1-2所示。
表单
Flash动画
图像
图像超链接
文本超链接
第1章网页制作基础知识
网页构成元素
+
认识网页与网站

文本和图像是网页中最基本的构成元素。

超链接是指超文本内由一文件连接至另一文件的连结。当用户单击超链接时,其指向的目标内容将显示在用户的浏览器中。

表单通常用来收集信息或实现一定的互交效果,其主要功能是收集用户在浏览器中输入的信息,然后将这些信息发送到目的端。
第1章网页制作基础知识
网页构成元素
+
认识网页与网站

为了吸引浏览者的眼球,通常网页中的都包含一定的动画效果,常见的有GIF图像动画和Flash动画。

根据实际需要,网页中还会添加音频和视频来丰富页面效果,常见的音频格式为MP3,视频格式为FLV。
第1章网页制作基础知识
网页制作的工作环境
+
认识网页与网站
Dreamweaver
Photoshop
Flash
第1章网页制作基础知识
+
如何设计网页
网页设计基本原则
网站设计制作的优劣直接关系到门户网站的外在形象和访问者的使用效率,以下是一些在网站设计中应注意的基本原则。
(1)明确网站目标和用户需求。
(2)主题鲜明。
(3)注重布局设计。
(4)避免滥用技术。
(5)及时更新维护。
第1章网页制作基础知识
+
如何设计网页
设计风格与颜色搭配

风格即网站的特点,指的是浏览者对网站内容和形式的直观感受,所透露出来的是设计者的文化品位,图1-3所示的是卡通风格的网站。
网站的风格定位可从以下几方面考虑:
第一,确保网页界面有较强的一致性,使网站形成统一的风格界面,这
里的一致性包括字体、标题、图像、背景颜色和注脚等
第二,确保网页界面美观、简洁,易于访问。
第三,合理安排网页元素,要让访问者在浏览网页过程中体验到视觉的
秩序感、节奏感和新奇感。
第1章网页制作基础知识
+
如何设计网页
设计风格与颜色搭配

(1)颜色种类。
(2)总体统一,局部反差。
(3)文字与背景色的对比。
第1章网页制作基础知识
+
如何设计网页
页面布局与优秀网页欣赏