中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS版）.doc

1.1 网页制作基础知识 在开始学习网页制作之前，应该对网页的基本知识有一定的了解，以减少在制作网页时遇到的麻烦。 1.1.1 什么是网站 网站是由多个网页组成的，但并不只是网页的简单罗列组合，而是通过超级链接方式组成的既有鲜明风格又有完善内容的有机整体，如图1-1所示为“人力资源”网站的所有文件及文件夹。要想制作出一个好的网站，必须了解网站建设的一些基本知识。 图1-1 “人力资源”网站文件 1.1.2 如何创建网站 要创建网站，首先应使用Dreamweaver或其他软件在本地电脑中完成整个网站的编辑与测试，然后申请域名（用于访问网站，如）和虚拟主机（用于存放网站内容），并上传网站内容到虚拟主机中，最后申请备案，通过备案后就可以通过域名访问网站了，其流程如图1-2所示。 图1-2 创建网站流程 1.1.3 什么是网页 上网时在浏览器中看到的一个个漂亮的页面就是网页，网页中包括了各种各样的网页元素，如文本、图像和超级链接等，如图1-3所示为网站中“index.html”页面的显示效果，其中各组成元素的作用介绍如下。 图1-3 网页主页 1．Logo Logo是指网站的标志，通常以图像的形式表现。Logo需有独特的创意以体现该网站的宗旨。如图1-4所示分别为腾讯网、MSN中文网及搜搜网站的Logo。 图1-4 网站Logo 2．表单 表单是用于填写申请或提交信息时的交互页面，如电子邮箱、主页空间和QQ号码等的申请页面及登录页面或者进行内容搜索的搜索页面等都是采用表单来实现交互的，如图1-5所示为搜索页面的表单。 图1-5 表单 3．超级链接 超级链接有将不同页面链接起来的功能，它可以是同一站点页面之间的链接，也可以是与其他网站页面之间的链接。超级链接有文本链接、图像链接等。在浏览网页时单击超级链接就能跳转到与之对应的页面。 4．动画等多媒体元素 动画、音乐等多媒体元素在网页中也运用得非常广泛。 网页中常用的音乐格式有mid及mp3两种格式。mid为通过电脑合成的音乐，不能被录制。mp3为压缩文件，其压缩率非常高且音质效果较好，是背景音乐的首选。 网页中常用的动画格式主要有两种：一种是gif动画，另一种是swf动画。gif动画是逐帧动画，画面相对比较简单，而swf动画则更富有表现力和视觉冲击力，还可结合声音和互动功能，给浏览者强烈的视听感受。如图1-6所示分别为网站中的gif动画及swf动画。 图1-6 动画 5．文本 文本是网页中最基本的组成元素之一。通过它可以详细地将要传达的信息传送给浏览者。它在网络上传输速度快，浏览者可方便地浏览和下载文本信息。因此，文本是网页主要的信息载体。 网页中文本的样式繁多、风格不一，吸引人的网页通常都具有美观的文本样式。文本的样式可通过设置网页文本的属性来进行设置。 6．图像 图像也是网页中不可或缺的元素。图像比文本更直观和生动，并且可以传递一些文本不能传递的信息。网站Logo、Banner、广告等通常都是图像。如图1-7所示为网站中的广告图像。 图1-7 广告图像 1.1.4 网页的类型 在网站中，网页有两种分类方法：一种是按表现形式分，另一种是按网页的位置分。 按网页的表现形式可将网页分为静态网页和动态网页两类，下面分别进行介绍。 静态网页：指用HTML语言编写的网页。其制作方法简单易学，但不能进行交互，缺乏灵活性。 动态网页：指使用ASP、ASP.NET、PHP、JSP等语言编写的网页，也称为交互式网页，它可以与浏览者进行交互。 按网页的位置可将网页分为主页和内页两类，分别介绍如下。 主页：指打开网站时看到的第一个页面，也称为首页。 内页：指与主页相关联的页面，也就是网站的内部页面。 1.1.5 网页的相关概念 在网页制作过程中，经常会接触到许多和网络相关的专业术语，了解这些专业术语的概念对于网页设计有很大帮助。下面分别进行介绍。 浏览器：是用于观看Internet上网页的工具，使用它访问网络就像是在互联网的海洋中冲浪一样，现在浏览器种类众多，如IE、Google Chrome、Firefox等。 万维网：简称WWW（World Wide Web），是目前Internet上最流行的一种信息资源。利用万维网可以将全世界的信息链接在一起，可以通过网络访问这些资源并加以利用。 文件传输协议：简称FTP（File Transfer Protocol）。它是一种快速、高效和可靠的信息传输方式，通过该协议可以将文件从一台电脑传输到另外一台电脑，实现资源互享。 超文本标记语言：简称HTML（Hyper Text Markup Language）。网页是通过超文本标记语言创建的，其最基本的特征就是超文本和标记，用