《网页制作课件DreamweaverCS5网页制作高级案例教程项目一》由会员分享，可在线阅读，更多相关《网页制作课件DreamweaverCS5网页制作高级案例教程项目一（19页珍藏版）》请在金锄头文库上搜索。
1、项目一 创建“夕照台”房产网站 网页制作基础,一、学习目标 二、理论指导 三、任务实践,（一）初识Dreamweaver CS5,1启动Dreamweaver CS5,安装Dreamweaver CS5后，单击桌面左下角的“开始”按钮 ，选择“所有程序”“Adobe Dreamweaver CS5”，就可以启动Dreamweaver CS5了。,2Dreamweaver CS5界面元素简介,Dreamweaver CS5的工作界面由应用程序栏、文档标签、文档工具栏、文档窗口、标签选择器、状态栏、属性检查器和面板组等组成。,（1）应用程序栏,应用程序栏位于工作区顶部，左侧显示菜单栏，右侧包含工作
2、区切换器、“CS Live”按钮和程序窗口控制按钮。,（2）文档标签栏,文档标签栏位于应用程序栏下方，左侧显示当前打开的所有网页文档的名称及其关闭按钮（标签）；右侧显示当前文档在本地磁盘中的保存路径以及向下还原按钮；下方显示当前文档中的包含文档以及链接文档。当用户打开多个网页时，通过单击文档标签可在各网页之间切换。另外，单击下方的包含文档或链接文档，可打开相应文档。,（3）文档工具栏,文档工具栏位于文档标签下方，包括各种可对文档进行操作的按钮。,（4）状态栏,状态栏位于文档窗口底部，它提供了与当前文档相关的一些信息。,（5）属性检查器,使用“属性检查器”可以检查和设置当前选定页面元素（如文本和
3、插入对象）的最常用属性。“属性检查器”中的内容会根据选定元素的变化而变化。,（6）面板组,默认状态下，面板组位于文档窗口右侧。面板组中包含各种类型的面板，Dreamweaver中的大部分操作都需要利用面板来实现。其中最常用的有“插入”面板、“文件”面板和“CSS样式”面板，后面将陆续用到。,（二）在Dreamweaver中定义和管理网站,1定义网站,定义网站的目的是把本地磁盘中的站点文件夹同Dreamweaver建立一定的关联，从而方便用户使用Dreamweaver管理站点和编辑站点中的网页文档，以及上传或下载站点内容等。,2管理网站,定义站点后，如果需要修改站点属性、复制或删除站点等，可执行
4、下面的操作。,（五）网页文档基本操作,1网页文档和文件夹命名规则,静态的首页文件一般命名为“index.html”。 不要使用中文命名网站中的文件和文件夹。 文件名中不要使用大写英文字母。 运算符符号不能用在文件名的开头。 比较长的文件名可以使用下划线“_”来隔开多个单词或关键字。 在大型网站中，分支页面的文件应存放在单独的文件夹中。 在动态网站中，用来存放数据库的文件夹一般命名为“data”或者“database” 。,2新建和保存网页文档,在Dreamweaver CS5中可以创建两种格式的网页文档，一种是直接创建空白网页文档，另一种是通过Dreamweaver CS5内置的模板文档创建具
5、有一定内容和样式的网页文档。,3打开、预览和关闭网页文档,若要对已有的文档进行编辑，就需要在Dreamweaver中打开该文档。另外，在Dreamweaver中打开网页文档并执行相应操作后，如果想查看它在浏览器中的效果，可执行预览操作。,4、利用“文件”面板管理站点文件和文件夹,一般在定义站点后，都会利用“文件”面板来创建、重命名或打开站点中的网页文档和文件夹。,三、任务实践,任务一 夕照台网站的建设流程,本任务中，我们将以夕照台房产网站为例，学习一般网站的建设流程。,收集网站建设需求及素材。 制作网站策划书。 网页美术设计。 美术与程序整合。 测试和发布网站。 推广和维护网站。,任务二 调整Dreamweaver CS5工作界面,使用Dreamweaver制作或编辑网页时，经常需要打开、关闭某个面板，或对其工作界面进行各种调整。为方便后期的学习，本任务我们来学习一下调整Dreamweaver CS5工作界面的基本操作（具体操作见视频1-2）。,任务三 创建站点目录结构,在Dreamweaver中创建网站的第一步是确定本地站点的目录结构，并准备好相应的素材文件（具体操作见视频1-3） 。,任务四 定义站点并创建网页,在实际的网页制作中，一般都是定义好网站之后再在网站中新建、打开或编辑网页（具体操作见视频1-4） 。,
