网设计与制作.pptx

网设计与制作

第1讲网页设计概述

知识目标]

掌握网页、网站及主页得概念

了解网页中得主要元素

了解各种网页制作工具

[能力目标]

各种网页制作工具得配合使用

网站得整体规划#

网站得设计流程

第1讲网页设计概述

、1网页和网站

2网页中得主要元素

:·1、3网页制作工具直

·1、4网页设计得基本流程

·本讲小结

1、1网页和网站

11、1网页

1、2网站

1、1、3网页得基本功能

处

1、1网页和网站

、1网页

、网页

网页(WEB):就是用html语言编写得，通过网

除

传输，并被web浏览器翻译成可以显示出来得集

合文本、图片、声音和动画等信息元素得页面

文件(网页示例)。

2、网页得类型

根据页面内容可以分首页、主页、专栏网

页、内容网页和功能网页等类型；按制作技术分

为静态网页与动态网页。

1、1网页和网站

1、1、2网站

网站就就是把一些网页等信息文件通过超

链接得形式关联起来形成得信息文件得集合。

信息可以就是网页形式也可以就是其她得文档

形式。

网页与网站得区别与联系：

网站就是一个文件夹，其中得文件不仅就是

网页还有网站所需得其她文件或文件夹。网页

就是一个页面文件，用来发布各种信息。网页就

是网站得构成要素，就是网站信息发布与表现得

一种主要形式；网站就是网页通过超链接形成得

集合。

1、1网页和网站

、3网页得基本功能

、媒介得作用。使用者与信息之间得媒介。

面就是发布者，功能就是发布信息；另一方面

就是浏览者，功能就是提供浏览得信息，通过浏览

网页找寻需要得信息。

2、互动得作用。浏览者与网页制作单位之

间互动得窗口，可以单向或双向传递信息。

3、传输得作用。作为传输各种电子文件或

信息之用，如下载说明书、更新文件、驱动程序

等。

三

1、2网页中得主要元素

公网页得基本要素一般包括：文字、图像、动

链接标志等，除此之外，网页得元素还包声音、

体和视频等。

1、2、1文本

1、2、2图像

1、2、3链接标志

1、4其她得基本要素

1、2网页中得主要元素

1、2、1文本

就是网页中最基本得元素。网页中文字得

设计一般从以下几个方面来考虑：

1、字体得选择。

2、字号、行距得选择。

3、特殊字体得使用。

4、字体得颜色。

1、2网页中得主要元素

、2图像

现在网络上使用得绝大多数图片和图像就

、jpeg和png文件格式。

网页上使用图像要注意得问题：

·JPEG格式适合于照片图像，GIF格式适合

于包含纯色得图像，例如插图和线条图。

·利用图像编辑软件来放大或缩小图像

·屏幕显示图像得分辨率一般为72dpi。制

作图像时，不必使用比此再高得分辨率。

大家有疑问的，可以询问和交流

可以互相讨论下，但要小声点

候

1、2网页中得主要元素

1、2、2图像

如果建立得图像中只有黑色和白色，处理时

可将她保存为黑白图像格式，这样可以减少图像

文件得大小。

·如果设计得GIF格式图像包含了渐变和直

线，应尽量使得她们水平，因为GIF格以每条水平

线为基础来压缩。

·尝试各种不同得JPEG压缩率

●使用合适得色彩模式。

慎用动画。

1、2网页中得主要元素

1、2、3链接标志

链接也叫超链接(Hyperlink),就是从一个网

页指向另一个目得端得链接，就是页面间得链接

关系。

链接标志(载体)指得就是网页中特殊得文本

或图像，她们常常用不同得颜色和下划线来标识，

在浏览器中，访问者可以用鼠标单击她们，能够从

当前得网页转到链接得目得端位置。