网页设计与制作项目式教程 教学课件 作者 凌云项目二 项目二 Dreamweaver CS3简介.pptVIP

项目二 Dreamweaver CS3简介 项目二 Dreamweaver CS3简介 【知识目标】 1．了解Dreamweaver CS3软件的基本界面组成 。 2．掌握网页文档的基本操作 。 项目二 Dreamweaver CS3简介 【技能目标】 1．能使用Dreamweaver CS3对网页文档进行基本操作 。 2.1 Dreamweaver CS3的界面组成 2.1.1选择工作界面 可以选择【设计者】和【代码编写者】两种工作界面中的任意一种。 2.1.1 选择工作界面 2.1.1 选择工作界面 2.1.2 Dreamweaver CS3界面组成 2.2 新建文档 新建空白文档有三种方法： 选择【文件】｜【新建】命令，如图2-17所示。 利用键盘组合键【Ctrl+N】键，新建文档。 打开【新建文档】对话框，在对话框左侧的列表框中选择【空白页】选项，在【页面类型】列表框中选择HTML选项，在【布局】列表框中选择【无】选项，单击【创建】按钮，即可创建一个空白网页文档。 2.3 打开现有文档 打开现有文档，选择【文件】|【打开】命令，弹出【打开】对话框，如下图所示，选择要打开的现有文档，单击【打开】按钮即可打开文档。 2.4 保存文档 保存文档通常有以下三种方法： 单击菜单【文件】，选择【保存】命令。 右击【文档窗口】的网页标签，选择菜单中的【保存】命令。 利用键盘组合键【Ctrl+S】键。 2.5 关闭文档 关闭文档通常有以下四种方法 ： 单击【文件】菜单，选择【关闭】命令。 右击【文档窗口】的网页标签，选择菜单中的【关闭】命令。 利用键盘组合键【Ctrl+W】键。 单击【文档窗口】上的关闭按钮。 2.6 项目训练 打开Dreamweaver CS3软件，新建一个（空白页）网页文档，输入文字“Hello,world!”，分别点击“文档”工具栏中的按钮，观察【代码】、【拆分】和【设计】三种视图模式下的不同效果，然后将该文档保存命名为index.html，单击“文档”工具栏中的“在浏览器中预览/调试”按钮在浏览器中查看效果，最后关闭。 * * 设计者界面 代码编写者界面