初识Dreamweaver CS3.docxVIP

初识Dreamweaver CS3 课堂学习目标：操作界面、创建网站框架、管理站点、网页文件头设置 教学重点： 教学难点： 教学内容： 操作界面 1、操作目的：通过打开文件和调出属性面板命令，熟悉菜单栏的操作。通过链接选项改变链接文字的状态，熟悉CSS功能的应用方法。 2、相关工具： 1）开始页面 启动Dream weaver CS3后首先看到的 画面是开始页面，供用户选择 新建文件的类型 ，或打开已有的 文档等。 对于老用户可能 不太习惯开始页 面，可选择“编辑 首选参数”命令，弹出“首选参数”对话框，取消选择“显示欢 迎屏幕”复选框 ，单击“确定” 按钮完成设置。当用 户再次启动Drea mweaver CS3后，将不再显示开始页面 。 2）不同风格的界面 Dreamweaver CS3的操作界面新颖淡雅，布局紧凑，为用户提供了一个轻松、愉悦的开发环境。若用户想修改操作界面的风格，切换到自己熟悉的开发环境，可选择“窗口 工作区布局”命令 ，弹出其子菜单，在子菜单中选择“编码器”或“设计器”命令，页面则会显示不同的界面 风格。 3）伸缩自如的功能面板 在文档编辑窗口的右侧和下方与面板交界的框线中央各有一个箭头，单击箭头便可隐藏或展开面板。 如果用户觉得工作区不够大，可以将鼠标指针放在文档编辑窗口右侧与面板交界的框线处，当鼠标指针呈双向箭头时拖曳鼠标，调整工作区的大小。若用户需要更大的工作区，可以将面板隐藏。 4)多文档的编辑界面 DreamweaverCS3提供了多文档的编辑界面，将多个文档整合在一起，方便用户在各个文档之间切换。用户可以单击文档编辑窗口上方的选项卡，切换到相应的文档。通过多文档的编辑界面，用户可以同时编辑多个文档。 5)插入面板 Dreamweaver CS3的“插入”面板在菜单栏的下方。 6.更完整CSS功能 传 统的HTML所 提供的样式及排 版功能非常有限 ， 因此，现在复杂 的网页版面主要 靠C SS样式来实现。 而 CSS样式表的功 能较多，语法比 较复杂，需要一 个很好 的工具软件有条 不紊地整理复杂 的C SS源代码，并适 时 地提供辅助说明 。Dreamwe aver C S3就 提供了这种方便 有效的CSS功能 。 “ 属性”面板提供 了CSS功能。用户 可以通过“属 性”面板中“样 式”选项的下拉 列表对所选的对 象应 用样式或创建和 编辑样式。若某 些文字应用了自 定义 样式，当用户调 整这些文字的属 性时，会自动生 成新 的CSS样式。 1.2 创建网站框架 操作目 的 操作步 骤 相关工 具 1.2.1 操作目的 通过打开效 果文件，熟练 掌握打开命令 。通 过复制效果，熟练掌握新建命令。通过关闭新建 文件，熟练掌握保存和关闭命令。 1.2.2 操作步骤 1 2 3 4 1.2.3 相关工具 1.创建和保存网页 创 建站点后，用户 需要创建网页来 组织要展示的内 容。合理的网页 名称非常重要， 一般网页文件的 名称 应容易理解，能 反映网页的内容 。 在 网站中有一个特 殊的网页是首页 ，每个网站必须 有一个首页。访问者每当在IE浏览器的地址栏中输入 网站地址，如在I E浏览器的地址 栏中输入 “www.si . cn”时会自动打开新 浪网的首页。一 般情况下，首页 的文件名为“ind ex.htm”、 “index. html”、“in dex.asp ”、 “defaul t.asp”、 “defaul t.htm”或“d efault. html”。 选择“文件 新建”命令，启 用“新建文档” 对 话框，创建空白 网页。 网页设计完成后 ，选择“文件 保存”命令， 弹 出“另存为”对 话框，设置后单 击“保存”按钮 ，将该 文档保存在站点 文件夹中。 2.在站点地图中创建网页 在 站点地图中，各 网页文件间的链 接关系以树状的 形式显示出来。 站点地图是理想 的站点结构布局 工具， 用户利用它可以 快速地设置整个 站点的结构，然 后创 建站点地图的图 形图像。但是， 站点地图仅适用 于本 地站点，对于远 程站点，必须将 其站点内容复制 到本 地磁盘上的一个 文件夹中，并设 置为本地站点后 才能 查看和使用站点 地图。 在 站点地图中，可 以进行选择网页 、打开网页进行 编辑、向站点添 加新页、创建文 件之间的链接、 更改 网页标题等操作 。 3.在文件列表中创建网