中文版dreamweaver+flash+photoshop网页制作从入门到精通（cs版）

《中文版dreamweaver+flash+photoshop网页制作从入门到精通（cs版）》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作从零开始第1章网站的制作流程网页制作软件HTML快速入门什么是网站本章导读学习网页制作，需要先了解网页的相关基础知识，例如，什么是网站、什么是网页、网页由哪些元素组成、使用什么软件可以制作网站、实际制作时该采用哪些流程来完成以及如何才能学好网页制作技术等，本章就来详细介绍这些知识。第1章网页制作从零开始什么是HTML商业网站开发流程23网页制作从零开始第1章1.1网页制作基础知识在开始学习网页制作之前，应该对网页的基本知识有一定的了解，以减少在制作网页时遇到的麻烦。1.1.1什么是网站网站是由多个网页组成的，但并不只是网页的简单罗列组合，而是通过超级链接方式组成的

2、既有鲜明风格又有完善内容的有机整体，如图1-1所示为“人力资源”网站的所有文件及文件夹。要想制作出一个好的网站，必须了解网站建设的一些基本知识。图1-1“人力资源”网站文件1.1.2如何创建网站要创建网站，首先应使用Dreamweaver或其他软件在本地电脑中完成整个网站的编辑与测试，然后申请域名（用于访问网站，如www.baidu.com）和虚拟主机（用于存放网站内容），并上传网站内容到虚拟主机中，最后申请备案，通过备案后就可以通过域名访问网站了，其流程如图1-2所示。23网页制作从零开始第1章图1-2创建网站流程按网站内容可将网站分为门户网站、个人网站、专业网站和职能

3、网站4种类型。1.1.3什么是网页上网时在浏览器中看到的一个个漂亮的页面就是网页，网页中包括了各种各样的网页元素，如文本、图像和超级链接等，如图1-3所示为网站中“index.html”页面的显示效果，其中各组成元素的作用介绍如下。Logo超级链接表单动画图像文本图1-3网页主页1．LogoLogo是指网站的标志，通常以图像的形式表现。Logo需有独特的创意以体现该网站的宗旨。如图1-4所示分别为腾讯网、MSN中文网及搜搜网站的Logo。23网页制作从零开始第1章图1-4网站Logo2．表单表单是用于填写申请或提交信息时的交互页面，如电子邮箱、主页空间和QQ号码等的申请页

4、面及登录页面或者进行内容搜索的搜索页面等都是采用表单来实现交互的，如图1-5所示为搜索页面的表单。图1-5表单3．超级链接在浏览器地址栏中输入要访问的网址后按“Enter”键即可访问该网站。超级链接有将不同页面链接起来的功能，它可以是同一站点页面之间的链接，也可以是与其他网站页面之间的链接。超级链接有文本链接、图像链接等。在浏览网页时单击超级链接就能跳转到与之对应的页面。4．动画等多媒体元素动画、音乐等多媒体元素在网页中也运用得非常广泛。网页中常用的音乐格式有mid及mp3两种格式。mid为通过电脑合成的音乐，不能被录制。mp3为压缩文件，其压缩率非常高且音质效果较好，是

5、背景音乐的首选。网页中常用的动画格式主要有两种：一种是gif动画，另一种是swf动画。gif动画是逐帧动画，画面相对比较简单，而swf动画则更富有表现力和视觉冲击力，还可结合声音和互动功能，给浏览者强烈的视听感受。如图1-6所示分别为网站中的gif动画及swf动画。23网页制作从零开始第1章图1-6动画5．文本文本是网页中最基本的组成元素之一。通过它可以详细地将要传达的信息传送给浏览者。它在网络上传输速度快，浏览者可方便地浏览和下载文本信息。因此，文本是网页主要的信息载体。网页中文本的样式繁多、风格不一，吸引人的网页通常都具有美观的文本样式。文本的样式可通过设置网页文本的

6、属性来进行设置。6．图像图像也是网页中不可或缺的元素。图像比文本更直观和生动，并且可以传递一些文本不能传递的信息。网站Logo、Banner、广告等通常都是图像。如图1-7所示为网站中的广告图像。图1-7广告图像1.1.4网页的类型对于比较大的网站，除了网站首页外，通常还有频道页，频道页下还包括栏目页。在网站中，网页有两种分类方法：一种是按表现形式分，另一种是按网页的位置分。23网页制作从零开始第1章按网页的表现形式可将网页分为静态网页和动态网页两类，下面分别进行介绍。l静态网页：指用HTML语言编写的网页。其制作方法简单易学，但不能进行交互，缺乏灵活性。l动态网页：指使

7、用ASP、ASP.NET、PHP、JSP等语言编写的网页，也称为交互式网页，它可以与浏览者进行交互。按网页的位置可将网页分为主页和内页两类，分别介绍如下。l主页：指打开网站时看到的第一个页面，也称为首页。l内页：指与主页相关联的页面，也就是网站的内部页面。1.1.5网页的相关概念在网页制作过程中，经常会接触到许多和网络相关的专业术语，了解这些专业术语的概念对于网页设计有很大帮助。下面分别进行介绍。l浏览器：是用于观看Internet上网页的工具，使用它访问网络就像是在互联网的海洋中冲浪一样，现在浏览器种类众多，如IE、Goog