中文版Dreamweaver CS5.ppt

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