网页基础认识.pptVIP

教材：;第1章

网页设计根底;本章教学目标;教学重点与难点;1.1网页的设计构思和布局;1.1网页的设计构思和布局;1.1网页的设计构思和布局;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.2站点规划与设计流程;1.3主页的根本制作流程;1.4网站的后期;通过本章学习，掌握以下内容：;1.1一个公司的制作例如;1．标题

一个网页通常都有一个标题，说明本网页的主要内容。标题是

醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计是

很重要的。

2．字号

网页中的文字不能太大或太小。太大会使得一个网页信息量变，

太小又使人们浏览时感到费力。一个优秀网页中的文字，应统筹

规划，大小搭配适当，给人以生动活泼之感觉。

3．字型

在网页适当的位置采用不同的字体字型，也能使网页产生吸引

人的效果。应该注意的是在报刊上变换字体字型非常普遍，它可

以在不同的地方使用不同的字型。但在网页制作上却要慎重。因

为有些美丽的字型在制作网页的计算机上有，但将来别人浏览你

的网页时，浏览者的计算机上未必装有这种字体。这样浏览者就

无法得到你预想的浏览效果，甚至适得相反。

如果只是标题或少量的文字，可以将采用的特殊字体制作成图

形方式，就可防止其他浏览者看不到的为难局面了。

当文本内容较多时。可以利用表格形式来实现。;1.2.2图形

这里的图形概念是广义的，它可以是普通的绘制图形，可以是

各种图像，还可以是动画。一幅优秀的网页除了有能吸引浏览者

的文字形式和内容外，图形的表现功能是不能低估的。网页上的

图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可

以在不同操作系统支持的浏览器上显示。图形在网页中通常有如

下应用。

1．菜单按钮

网页上的菜单按钮有一些是由图形制作，通常有横排和竖排两

种形式，由此可以转入不同的页面。;2．背景图形

为了加强视觉效果，有些网页在整个网页的底层放置了图形，称作背景图。???景图可以使网页更加华美，使人感到界面友好。但由于这是一个比较大的图形，需要占据较大的空间，致使网页的显示速度明显变慢，所以，近期的网页以及比较著名的访问量比较大网站一般都不设置背景图形。;1.2.3链接标志

链接是网页中一种非常重要的功能，是网页中最重要、最根

本的元素之一。通过链接可以从一个网页转到另一个网页，也可

以从一个网站转到另一个网站。链接的标志有文字和图形两种。

制作一些精美的图形作为链接按钮，使它和整个网页融为一体。;1.2.4交互功能

Internet区别其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就需要将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，数量、规格、价格等信息。如果用户选择确定，那么网站能够返回确认信息。像这种交互功能其他媒体是无法比较的。

通常网页的交互功能都是利用表单来实现的。表单是网页中站点效劳器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到效劳器上。;网页制作工具

1．超文本标识语言〔HTML〕

HTML〔HypertextMarkupLanguage〕是一种专门用于Web页制

作的编程语言，用来描述超文本各个局部的内容，告诉浏览器如何

显示文本，怎样生成与别的文本或图像的链接点。

HTML文档由文本、格式化代码和导向其他文档的超链接组成。;3．Dreamweaver

Dreamweaver是由Macromedia公司推出的一款在网页制作方面大

众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代

码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人

员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的

网页动态效果与网页排版功能都比一般的软件好用，即使是初学者也

能制作出相当于专业水准的网页，所以Dreamweaver是网页设计者的

首选工具。

Dreamweaver支持动态HTML，并采用了RoundtripHTML技术，从

而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程

中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态

效果；而RoundtripHTML技术那么可以真正支持HTML源编辑模式，不

会产生冗余代码，使网页渲染速度加快。因