四、动态网页与静态网页
从大的方面来讲，网页可分为动态网页（DHTML） 和静态网页（HTML）。 静态网页是指完全采用HTML（超文本标记语言）编 写的网页，它只供浏览者浏览，而不提供交互功能。 动态网页是指其内容可以发生变化，且能与用户进行 交互的网页，如各种论坛、留言板和聊天室等都属于 动态网页。
项目一 网页制作基本知识
认识网站与网页 认识网页制作软件和语言 了解网站制作流程
任务一 认识网站与网页
一、网页的本质
•网页主要由文字、图像和动画等元素组成。网页 包括一组文件，它们分别是网页文件（扩展名为 .htm、.asp等）、图像文件（扩展名为.jpg、.gif 等）和Flash动画文件（扩展名为.swf）等。
网站逻辑结构
网站物理结构
三、收集网站素材
在开始动手制作网站之前，应事先收集好制作网站 时要用到的素材，通常情况下，素材按来源可分为 以下几种类型。
•客户提供的素材：主要是与产品或企业相关的图像和 文字，比如产品外观图像等。 •网上收集的素材：主要是一些辅助性图像，这些图像 的装饰性较强，比如背景图像等。 •独自创作的素材：主要是整个页面中视觉面积最大、 最有说服力的图像，比如广告图像、标题图片等。
2．导航条
导航条是链接到网站内主要页面的超链接组合，它可 以引导浏览者轻松找到网站中的各个页面。设计导航 条时，应注意以下几点：
如果网站内容不多，可根据网站风格尝试灵活摆放， 也可以使用图片或Flash动画等，如下图所示。
如果网站栏目很多，可以将导航条分为多排放置 在Logo的下方或右侧。为便于观看，可为各排设 置不同的底色，如下图所示。
任务二 认识网页制作软件和语言
一、网站管理与网页制作相关软件
目前用于网站管理和网页制作的软件主要是 Dreamweaver。 在进行网页制作时，除需要Dreamweaver外，还会 用到Fireworks、Flash、Photoshop等辅助软件。
二、网页制作基础——XHTML语言
XHTML是EXtensible HyperText Markup Language （可扩展超文本标记语言）的英文缩写，它的前身 是HTML。由于HTML代码烦琐，结构松散，所以推 出了XHTML。也可以说，XHTML是HTML的一个 升级版本。
2 ．域名
由于IP地址在使用过程中难于记忆和书写，人们又发 现了一种与IP地址对应的字符来表示地址，这就是域 名。每一个网站都有自己的域名，并且域名是独一无 二的。例如，我们只需在浏览器地址栏中输入 ，就可以访问搜狐网站。
3 ．网址
网址又叫URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。它是一种网络上通用 的地址格式，用于标识网页文件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地址、网 页在服务器中的路径和文件名4部分组成。
任务三 了解网站制作流程
一、确定网站内容
建设网站要有目的性，首先要根据网站的性质和受 众，确定网站内容和要实现的功能。
二、规划网站结构
确定网站内容后，就要根据网站的服务内容来规划网 站结构。网站结构有两层意思，一是逻辑结构，二是 物理结构。逻辑结构主要是指将网站的内容划分成哪 些栏目。物理结构是指网站中文件的目录结构。
二、网页中的常见元素
从浏览者的角度看，网页中无非就是一些文字、图 像、动画等。但从专业的角度来讲，网页中通常包 含站标、导航条、广告条、标题栏和按钮等功能元 素，如下图所示。
站标
标题栏
广告条
导航条 ，其作用是使人看见 它就能够联想到企业。 Logo一般采用带有企业特色和思想的图案，或是与 企业相关的字符或符号及其变形，当然也有很多是 图文组合。
3．广告条
广告条又称Banner，其功能是宣传网站或替其他企 业做广告。在Banner制作过程中有几点需要注意。
Banner可以是静态的，也可以是动态的。 Banner的体积不宜过大，尽量使用GIF格式图 片与动画或Flash动画。 Banner中的文字不要太多。 Banner中图片的颜色不要太多，尤其是GIF格 式的图片或动画，要避免出现颜色的渐变和光 晕效果。
XHTML语言的核心是标签（或者称为标记）。也 就是说，我们在浏览网页时看到的文字、图像、动 画等在XHTML文档中都是用标签来描述的。
三、脚本语言简介
脚本语言是基于对象的编程语言，网页中常用的有 VBScript、JScript和JavaScript，主要用来制作一 些特殊效果，以弥补XHTML的不足。现在有很多 网站都提供网页特效的下载，这些网页特效便是用 脚本语言实现的。
4．标题栏
此处的标题栏不是指整个网页的标题栏，而是网 页内部各版块的标题栏，是各版块内容的概括。 标题栏可以是文字加不同颜色的背景，也可以是 图片。
标题栏
5．按钮
网页中的按钮被点击之后，网页会实现相应的操作， 比如页面跳转，或数据的传输等。
设计按钮时，有以下几点需要注意。 要保证按钮与页面的协调。 如果按钮上有字则尽量使用单色或渐变色背景。 当页面上有多个按钮时，应分清主次。
四、设计制作网站页面
所谓设计，就是根据前面确定的网站风格，用图像处 理软件（如Photoshop、Fireworks等）设计好网页效 果图，并将设计好的效果图进行切割导出。 将切割好的图片进行导出后，就可以在Dreamweaver 中组织网站内容了。
五、空间和域名申请
1．申请虚拟空间
所谓虚拟空间，是指网站内容所占用的连接到互联 网上的服务器空间。要申请虚拟空间，只需登录到 任何一家提供虚拟空间服务的网站进行操作即可。
三、IP地址、域名和网址
1 ． IP地址
虽然互联网上连接了不计其数的服务器与客户机，但 它们并不是杂乱无章的。每一个主机在互联网上都有 唯一的地址，我们称这个地址为IP地址（Internet Protocol Address）。IP地址由4个小于256的数字组 成，数字之间用点间隔。例如，“61.135.150.126” 就是一个IP地址。