第9章 Dreamweaver CS5网页制作项目一.ppt

中文版Dreamweaver CS5网页制作案例教程 全国计算机“十二五”精品图书 项目一 网页制作基础 任务一 认识网站和网页 任务二 网站开发基础 任务三 初识Dreamweaver CS5 任务四 站点基本操作 任务五 网页文档基本操作 任务一 认识网站和网页 任务说明 预备知识 一、网页和网站 二、网页的构成元素 三、网页的本质 任务实施——指出新浪网主页的构成元素 任务二 网站开发基础 任务说明 预备知识 一、网站管理与网页制作相关软件 二、网页制作基础——XHTML语言 三、IP地址、域名和网址 （1）IP地址 （2）域名 （3）网址 任务实施——网站建设基本流程 任务三 初识Dreamweaver CS5 任务说明 预备知识 一、启动Dreamweaver CS5 二、Dreamweaver CS5界面元素简介 1．应用程序栏 2．文档标签栏 3．文档工具栏 4．状态栏 5．属性检查器 6．面板组 任务实施——调整Dreamweaver CS5工作界面 任务四 站点基本操作 任务说明 预备知识 一、在Dreamweaver CS5中定义站点 二、在Dreamweaver CS5中管理站点 任务实施—在DreamweaverCS5中定义站点“欧妮雅” 任务五 网页文档基本操作 任务说明 预备知识 一、网页文档和文件夹命名规则 二、新建和保存网页文档 三、打开、预览和关闭网页文档 四、利用“文件”面板管理站点文件和文件夹 任务实施——在站点“欧妮雅”中创建网页 在Dreamweaver CS5中可以创建两种类型的网页文档，一种是直接创建的空白网页文档，另一种是通过Dreamweaver CS5内置的模板创建具有一定内容和样式的网页文档。 若要对已有的文档进行编辑，就需要在Dreamweaver中打开该文档。另外，在Dreamweaver中打开网页文档并执行相应操作后，如果想查看它在浏览器中的效果，可执行预览操作。 * * 本任务中，我们将简单了解网页和网站、网页的构成元素以及网页的本质。 网页就是我们上网时在浏览器中打开的一个个画面，网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。 另外，打开某个网站时显示的第一个网页被称为网站的主页（或首页）。 我们可以将网页中的元素按功能分为站标、导航条、广告条、标题栏和按钮等。 站标 导航条 广告条 标题栏 按钮 一般情况下，网页中除了包含网页文件（扩展名为.html、.asp等）外，还有图像文件（扩展名为.jpg、.gif等）、Flash动画文件（扩展名为.swf）、脚本文件（扩展名为.js）、样式文件（扩展名为.css）以及视频文件（扩展名为.avi、.flv等）等。 在了解了网页的构成元素后，接下来通过辨识“新浪网”网站首页的构成元素，来进一步加强和巩固前面的学习。 站标 导航条 广告条 标题栏 按钮 在学习制作网页之前首先了解一下与网站开发相关的基础知识，并从整体上认识一下其制作流程，对后面的学习将是非常有利的。下面就来了解一下与网站开发密切相关的基础知识。 Dreamweaver是目前最常用的网站管理和网页制作软件，其功能全面、操作灵活、专业性强。 在制作网页时，除Dreamweaver外还需要用到Fireworks、Flash、Photoshop等辅助软件。 XHTML是Extensible HyperText Markup Language(可扩展超文本标记语言)的英文缩写，它的前身是HTML。由于HTML代码繁琐，结构松散，所以推出了XHTML。也可以说，XHTML是HTML的一个升级版本。 互联网上连接了不计其数的服务器和客户机，每一个主机在互联网上都有一个唯一的地址，我们称这个地址为IP地址（Internet Protocol Address）。IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“26”就是一个IP地址。 由于IP地址在使用过程中难于记忆和书写，人们又开发了一种与IP地址对应的字符用以表示地址，这就是域名。每一个网站都有自己的域名，并且域名是独一无二的。例如，我们只需要在浏览器地址栏中输入搜狐网站的域名“”，然后按回车键就可以访问搜狐网站了。 网址又叫URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。它是网络上通用的一种地址格式，用于标识网页文件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。 网站建设流程是从企业计划建设网站到网站建设完成的一套规范化运作。 收集网站建设需求及素材。 制作网站策划书。 网页美术设计。 美术与程序整合。 测试和发布网站。 推广和维护