Dreamweaver CS的基本操作学习教案

1、会计学1Dreamweaver CS的基本操作的基本操作第一页，共21页。22022-6-241.Dreamweaver CS4的工作界面的工作界面 2.在启动在启动Dreamweaver CS4时，首先进入时，首先进入(jnr)的是起的是起始页面，在起始页中，将始页面，在起始页中，将Dreamweaver CS4能完成的任能完成的任务都集中地放在了一个页面中，务都集中地放在了一个页面中，如如“打开最近的项目打开最近的项目”、“新建新建”、“主要功能主要功能”等等 3. 第1页/共21页第二页，共21页。32022-6-24第2页/共21页第三页，共21页。42022-6-24第3页/共21页

2、第四页，共21页。5 2022-6-24工作工作(gngzu)界面界面2. Dreamweaver CS4参数参数(cnsh)的设置的设置 第4页/共21页第五页，共21页。62022-6-24文档工具栏文档工具栏给当前编辑的网页(wn y)文档提供了一系列的便捷操作工具，它位于网页(wn y)编辑窗口的上部，此工具提供了当前编辑网页(wn y)的视图切换、文件管理等功能。第5页/共21页第六页，共21页。72022-6-24插入(ch r)栏插入栏中按类别可分为“常用”、“布局”、“表单”、“数据”、Spry、Context Editing、“文本”、“收藏夹”、“颜色图标”和“隐藏标签”。

3、这样可以通过插入栏“常用”选项完成(wn chng)在文档中插入常用的网页元素、通过“布局”选项完成(wn chng)控制网页布局的元素如Div标签、Spry菜单栏和表格等、通过“数据”选项完成(wn chng)在文档插入Spry数据集、记录集等操作。 第6页/共21页第七页，共21页。82022-6-24属性(shxng)检查器属性检查器中以HTML方式显示的属性面板可以设置“格式”、ID、“CSS样式”、“链接”、“文本格式”、“列表”、“编号(bin ho)”、“缩进”、“凸出”和“页面属性”等；以CSS方式显示的属性面板可以直接选择CSS样式的“目录规则”，并可对CSS规则进行编辑，以

4、及快捷打开CSS面板。同时，可以显示已选元素的“字体”、“大小”、“颜色”、“文本格式”和“对齐方式”等，也可以设置页面属性。第7页/共21页第八页，共21页。92022-6-24面板(min bn)组Dreamweaver CS4将各种工具面板集成到面板组中，包括“插入”、“CSS样式”、“行为(xngwi)”、“框架”、“文件”和“历史”等面板。可以在菜单栏中选择“窗口”命令，在弹出的下拉菜单中选择显示或隐藏某项面板。第8页/共21页第九页，共21页。102022-6-242. Dreamweaver CS4参数(cnsh)的设置在Dreamweaver CS4中，所有的环境设置都是通过“

5、首选参数”进行设置。我们通过“编辑(binj)”、“首选参数”进入参数设置的界面。第9页/共21页第十页，共21页。112022-6-24第10页/共21页第十一页，共21页。122022-6-24第11页/共21页第十二页，共21页。132022-6-24新建：可以新建一个站点。编辑：可以选择对话框中的已有站点进行编辑。复制：可以选择对话框中的已有站点，复制出一个新的站点。删除：可以选择对话框中的已有站点，删除该站点。导出：可以选择对话框中的已有站点，其配置文件可以.ste格式(g shi)保存。导入：可以将.ste格式(g shi)的配置文件导入。第12页/共21页第十三页，共21页。14

6、2022-6-24通过站点管理对话框的“编辑”按钮，打开“站点定义为”对话框，打开“高级(goj)”类，可以对站点信息进行设置。 站点管理高级(goj)设置第13页/共21页第十四页，共21页。152022-6-24在Dreamweaver CS4主窗口中，选择“文件(wnjin)”“新建”命令，打开“新建文档”对话框。选择HTML空白页第14页/共21页第十五页，共21页。162022-6-24u保存(bocn)网页页面编辑完成后，需要把之前的页面保存(bocn)下来，选择“文件” “保存(bocn)”命令或者选择“文件” “另存为”命令，选择保存(bocn)路径，即可在对应路径中生成HTM

7、L文件保存(bocn)下来。第15页/共21页第十六页，共21页。172022-6-24u关闭(gunb)网页关闭文档的操作分为两种。（1）关闭关闭当前操作文档。选择“文件(wnjin)” “关闭”命令，或使用快捷键Ctrl+W关闭文档。（2）全部关闭一次性将所有在工作界面打开的文档全部关闭，选择“文件(wnjin)” “全部关闭”，或使用快捷键Ctrl+Shift+W。第16页/共21页第十七页，共21页。18在测试站点过程中应该注意以下几个方面。（1）在测试站点过程中，应确保在目标浏览器中，网页能如预期的显示和工作，没有损坏的链接，以及下载(xi zi)时间不宜过长等。（2）了解各种浏览器

8、对Web页面的支持程度，不同的浏览器观看同一个Web页面会有不同的效果。很多制作的特殊效果在有些浏览器中可能看不到，为此需要进行浏览器兼容性检测，以找出不被其他浏览器支持的部分。（3）检查链接的正确性，可以通过Dreamweaver提供的检查链接功能来检查文件或站点中的内部链接及孤立文件。 第17页/共21页第十八页，共21页。192022-6-242.发布(fb)网站设置站点（1）选择“站点” “管理(gunl)站点”命令，打开“管理(gunl)站点”对话框。（2）根据设计网站设置好“远程(yunchng)信息”，设置好相应的“FTP主机”、“登录”、“密码”等。第18页/共21页第十九页，共