网页设计第3章
时间：2025-03-09
网页制作技术教辅
《网页设计与制作》* 第三章 网页设计与制作》
Dreamweaver 8 网页设计
网页制作技术教辅
教学目标1.熟悉Dreamweaver 8的操作界面； 2.熟悉和掌握使用Dw8建立与管理站点； 3.掌握如何使用Dw8设置页面属性； 4.掌握如何使用Dw8对文本进行编辑； 5.掌握在Dw8中如何插入和编辑图像； 6.掌握如何在Dw8创建表格并对其进行编 辑； 7.掌握如何在Dw8建立超链接； 8.掌握如何在Dw8中使用多媒体；
网页制作技术教辅
教学目标(续)9.掌握如何在Dw8中使用层； 10.掌握如何在Dw8中使用框架； 11.了解如何在Dw8中创建和使用样式表； 12.了解如何在Dw8中使用模板与库； 13.掌握如何在Dw8创建表单； 14.了解如何在Dw8中使用行为与时间轴； 15.熟练运用Dw8创建自己个人主页。
网页制作技术教辅
本章内容Dreamweaver 8简介 站点的建立与管理 页面设计
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介本章案例的小型个人网站是利用 Dreamweaver 8设计的，在设计前首先 要对该环境作个基本的了解，下面就来 简单的介绍Dreamweaver 8。
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.1 Dreamweaver 8操作界面 操作界面 在安装好Dreamweaver 8后，我们可以通过windows中 的“开始/程序/Macromedia/Macromedia Dreamweaver 8” 来启动Dreamweaver 8。 第一次启动时会出现“工作区 设置”对话框，如图所示，可以从 “设计者”和“编码者”中选择一 种工作区布局，它们分别面向设计 者和代码编写者，两种布局也可以 在主菜单中切换，通常选择默认的 “设计者”工作区。
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介Dreamweaver 8工作界面如下图所示。菜单栏 工具栏 网页编 辑窗口 状态栏 面板 工具 标题栏
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.2 标题栏 Dreamweaver 8的“标题栏”中将显示 文字“Macromedia Dreamweaver 8”,如果 打开网页的话，在后面还会显示该网页的一些 信息，如网页标题、所在位置及文件名称，右 边有3个按钮，分别对应Dreamweaver 8窗口 的最小化、最大化和关闭的操作。
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.3 菜单栏 菜单栏中提供了“文件”、“编辑”、“查看”、 “插入”、“修改”、“文本”、“命令”、“站 点”、“窗口”和“帮助”十个菜单项。 单击其中任意一个菜单，会出现一个下拉式指令 菜单，如果指令选项为浅灰色的话，则代表该指令在 当前的状态下不能执行。有些指令的右边会有键盘的 代码，这是该指令的快捷键，熟练使用快捷键将会有 助于提高工作效率。有些指令的右边会有一个小黑三 角的标记，它代表该指令还包含有下一级的指令，鼠 标停留片刻即可显现下一级指令
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.4 工具栏“工具栏”指的是“菜单栏”下边三排按钮， 选择菜单“查看/工具栏”,选
定里面的“插入 插入”、 插入 “文档 文档”和“标准 标准”三项，三个工具栏就显示出来 文档 标准 了，如下图所示。插入工 标准工 具栏 具栏 文档工 具栏
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.5 网页编辑窗口工具栏下面的区域是“网页编辑区域”, 在Dreamweaver 8启动时显示一个“起始页”, 其中包括“打开最近项目”、“创建新项目”、 “从范例创建”三个较方便使用的项目。选中 任意项，出现“网页编辑窗口” ,则“网页编 辑区域”就会出现“网页编辑窗口”,用户可 以在文档区域中输入文字、插入表格和编辑图 片等操作。
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.6 状态栏 文档区下部有一个如下图所示的区域，其中左 半部分文字(如“<body>”)表示当前光标所在区 域的HTML标记，单击可以选定这个HTML标记包括 的区域，其中右半部分文字表示的是当前页面的尺 寸(单位是像素),单击它会出现下拉菜单，用户 可以选择各种网页分辨率，也可以自定义新的分辨 率。
网页制作技术教辅
3.1 Dreamweaver 8简介 8简介3.1.7 面板工具 1.属性面板 网页编辑窗口下面是“属性面板”, 用 来显示和调整页面对象的属性，根据鼠标 所选中对象的不同，“属性面板”界面会 有差异，用户可以分别对不同的对象进行 设置 2.浮动控制面板组
网页制作技术教辅
3.2 站点的建立与管理如果要制作一个完整的网站，在制作网站 的具体页面之前，首先需要创建一个本地站点。 3.2.1 建立站点 创建过程如下：打开“文件”面板 ； 单 击 “管理站点”,出现 “管理站点”对话框； 单击“新建”按钮，并从下拉菜单中选择“站 点”命令 ，按向导新建站点。
网页制作技术教辅
3.2 站点的建立与管理3.2.2 管理站点 Dreamweaver 8的“管理站点”对话 框提供了站点的新建、编辑、复制、删 除、导出、导入等操作，从而能够很方 便的对站点进行管理。
网页制作技术教辅
3.3 页面设计3.3.1 页面属性设置 页面属性设置 打开任意页面，进入页面的编辑窗口。这 时的“属性”面板下方 有一个“页面属性” 按钮，单击该按钮， 调出如下图所示的 “页面属性”对话框， 用于设置页面属性。
网页设计第3章.doc
将本文的Word文档下载到电脑
上一篇：2012年校长述职报告
