第1单元网页制作基础.ppt

第1页 第1章 网页制作基础 □本章知识点及学习目标 在学习制作网页之前，不仅要清楚网页的构成元素，了解制作网页可以采用哪些工具，还要知道网页制作的基本步骤。本章主要介绍了与网页制作相关的一些基础知识。通过本章的学习，读者应该掌握以下内容：得。通过本章的学习，读者应该掌握以下内容： 本章内容概览 1.1 网页中的常见元素 1.1.1 文本 1.1.2 图形 1.1.3 超链接 1.1.4 表格 1.1.5 表单 1.1.6 声音和视频 1.2 常用网页制作工具 1.2.1 超文本标识语言 1.2.2 Dreamweaver 1.2.3 FrontPage 1.2.4 Dreamweaver与FrontPage的比较 1.3 常用的网页美化工具 1.3.1 Fireworks 1.3.2 Flash 1.3.3 Photoshop 1.4 建立网站的基本流程 1.4.1 确定主题 1.4.2 搜集资料 1.4.3 网站的整体规划 1.4.4 网页设计与制作 1.4.5 测试与发布网页 1.4.6 网站的宣传与推广 1.4.7 网站的反馈与评价 1.4.8 网站的更新与维护 1.5 网页艺术设施 1.5.1 网页版式设计 1.5.2 网页色彩设计 1.6 网站创意 1.6.1 网站点评之一 1.6.2 网站点评之二 1.7 课后习题与解答 1.1 网页中的常见元素 要学习网页设计与制作，首先要认识网页，了解网页中的常见元素，只有这样才能更加合理地组织和安排网页内容。如图所示。 1.1.1 文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式。文本虽然没有图像对浏览者的吸引力强，但却能准确地表达信息的内容和含义，而且用文本制作的网页占用空间小，浏览时，可以很快地展现在用户面前。但是没有经过编排点缀的纯文字网页，又会给人带来死板的感觉，使得人们不愿意再往下浏览。为了克服这一缺点，人们可以设置网页文本的一些属性，例如字体、字号、颜色、底纹和边框等，通过文本不同的格式，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的样式，包括标题的字型字号、内容的层次样式、文字列表和颜色变换等，这些将给网页中的文本赋予新的生命力。 1.1.2 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一个优秀的网页除了有能吸引浏览者的文字形式的内容外，图形的表现功能是不能低估的。网页上的图形一般使用JPEG、GIF和PNG 3种格式，其中使用最广泛的是JPEG和GIF格式，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。通常图形在网页中有如下的应用。 1.1.3 超链接 超链接技术可以说是万维网流行起来的最主要原因。超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 1.1.4 表格 表格用来控制网页中信息的布局方式。许多大型的网站（如搜狐、网易、新浪、雅虎等）都是使用表格来进行页面布局的。使用表格可以进行页面的设计和排版，控制文本和图像在页面中的位置。另外，使用表格能使页面看起来更加直观和有条理。 1.1.5 表单 网页区别于其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就可以将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，以及产品数量、规格和价格等信息。如果用户选择确定，那么网站能够返回确认信息。网页的这种交互功能是其他媒体无法比拟的。 通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。 1.1.6 声音和视频 声音是多媒体网页的一个重要组成部分。目前存在一些不同类型的声音文件，也有不同的方法将这些声音添加到网页中。在决定添加声音之前，需要考虑声音的用途、文件大小、声音品质和浏览器差别等因素。不同浏览器对于声音文件的处理方法不同，彼此之间很可能不兼容。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。用户在使用这些格式的文件时，需要加以区别。很多浏览器不用插件就可以支持MIDI、WA