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

入门篇中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 入门篇 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 网页制作从零开始第1章 网页制作从零开始 第1章 PAGE 12 PAGE 11 网站的制作流程网页制作软件HTML快速入门什么是网站本章导读学习网页制作，需要先了解网页的相关基础知识，例如，什么是网站、什么是网页、网页由哪些元素组成、使用什么软件可以制作网站、实际制作时该采用哪些流程来完成以及如何才能学好网页制作技术等，本章就来详细介绍这些知识。第1章 网站的制作流程 网页制作软件 HTML快速入门 什么是网站 本章导读 学习网页制作，需要先了解网页的相关基础知识，例如，什么是网站、什么是网页、网页由哪些元素组成、使用什么软件可以制作网站、实际制作时该采用哪些流程来完成以及如何才能学好网页制作技术等，本章就来详细介绍这些知识。 第1章 网页制作从零开始 网页制作从零开始 什么是HTML 什么是HTML 商业网站开发流程 商业网站开发流程 1.1 网页制作基础知识 在开始学习网页制作之前，应该对网页的基本知识有一定的了解，以减少在制作网页时遇到的麻烦。 1.1.1 什么是网站 网站是由多个网页组成的，但并不只是网页的简单罗列组合，而是通过超级链接方式组成的既有鲜明风格又有完善内容的有机整体，如图1-1所示为“人力资源”网站的所有文件及文件夹。要想制作出一个好的网站，必须了解网站建设的一些基本知识。 图1-1 “人力资源”网站文件 1.1.2 如何创建网站 要创建网站，首先应使用Dreamweaver或其他软件在本地电脑中完成整个网站的编辑与测试，然后申请域名（用于访问网站，如）和虚拟主机（用于存放网站内容），并上传网站内容到虚拟主机中，最后申请备案，通过备案后就可以通过域名访问网站了，其流程如图1-2所示。 图1-2 创建网站流程 按网站内容可将网站分为门户网站、个人网站 按网站内容可将网站分为门户网站、个人网站、专业网站和职能网站4种类型。 上网时在浏览器中看到的一个个漂亮的页面就是网页，网页中包括了各种各样的网页元素，如文本、图像和超级链接等，如图1-3所示为网站中“index.html”页面的显示效果，其中各组成元素的作用介绍如下。 Logo超级链接表单动画图像文本 Logo 超级链接 表单 动画 图像 文本 图1-3 网页主页 1．Logo Logo是指网站的标志，通常以图像的形式表现。Logo需有独特的创意以体现该网站的宗旨。如图1-4所示分别为腾讯网、MSN中文网及搜搜网站的Logo。 图1-4 网站Logo 2．表单 表单是用于填写申请或提交信息时的交互页面，如电子邮箱、主页空间和QQ号码等的申请页面及登录页面或者进行内容搜索的搜索页面等都是采用表单来实现交互的，如图1-5所示为搜索页面的表单。 图1-5 表单 3．超级链接 在浏览器地址栏中输入要访问的网址后按“Enter”键即可访问该网站。 在浏览器地址栏中输入要访问的网址后按“Enter”键即可访问该网站。 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语言编写的网页。其制作