计算机网络原理》电子教案

可编辑ppt
5
6、状态栏 状态栏提供正在创建的文档有关的其它信息。
8.2 建立站点 8.2.1 建立站点 启动 Dreamweaver MX 2004，选择“站点”—“新建站点”出现“未定义站点 1的站 点定义”对话框。 在对话框中，然后在“您打算为站点起什么名字？”文本框中输入站点名称 （如 zhiyexyuan）。 单击“下一步”，出现“zhiyexyuan站点定义为”对话框，询问是否要使用服 务器技 术。 选择“否”选项，指示目前该站点是一个静态站点，没有动态页。 选择标有“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）” 的
第8章Dreamweaver简介 8.1 Dreamweaver基础知识 1、Dreamweaver启动和退出方法 ⑴“开始”—“程序”—“Macromedia”—“Macromedia Dreamweaver” ⑵双击桌面上的快捷图标。 2、窗口布局
Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成 工作区。首次启动 Dreamweaver 时，会出现一个工作区设置对话框
可编辑ppt
4
文档工具栏中包含如下按钮
⑴显示代码视图：仅在“文档”窗口中显示“代码”视图。 ⑵显示代码视图和设计视图：在“文档”窗口的一部分中显示“代码”视 图，另一部分显示“设计”视图。 ⑶显示设计视图：仅在“文档”窗口中显示“设计”视图。 ⑷标题：允许为文档输入一个标题，它将显示在浏览器的标题栏 中。如果文档已经有了一个标题，则该标题将显示在该区域中。 ⑸没有浏览器/检查错误：可以检查跨浏览器兼容性。 ⑹文件管理：显示“文件管理”弹出菜单。 ⑺在浏览器中预览/调试：在浏览器中预览或调试文档。从弹出菜单 中选择一个浏览器。 ⑻刷新设计视图：在“代码”视图中进行更改后刷新文档的“设计”视图。 ⑼视图选项：允许为“代码”视图和“设计”视图设置选项。
下一页10
8.2.2 创建页面
1、页面创建
在Dreamweaver MX 2004起始页创建新页，或者可以选择“文件”>“新建”， 弹
出对话框：
从各种预先设计的页面布局中选择一种。比如：选择“基本页”HTML，点 击创
建按钮。Dreamweaver MX 2004即展开工作区界面
2、页面制作
⑴【插入标题文字】 进入页面编辑设计视图状态。光标位置就是插入点的位置。启动中文输入法
选项。 在站点开发过程中有多种处理文件的方式，初学网页制作的同学可选择此选
项。 单击该文本框旁边的文件夹图标。 随即会出现“选择站点的本地根文件夹”对
话 框。
出单击“下一步”，出现向导的下一可个编界辑面pp，t 询问如何连接到远程服务器。从弹6
可编辑ppt
7
可编辑ppt
8
可编辑ppt
9
可编辑ppt
前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代 码”。
⑵“编辑”菜单：包含选择和搜索命令，例如“选择父标签”和 “查找
和替换”。“编辑”菜单还提供对DW菜单中“首选参数”的访问。
⑶“查看”菜单：可以看到文档的各种视图，并且可以显示和隐藏
不同类型的页面元素和 DW工具及工具栏。
⑷“插入”菜单：提供“插入”栏的替代项，用于将对象插入文档。
可编辑ppt
3
⑸“修改”菜单：可以更改选定页面元素或项的属性。使用此菜
4、常用工具栏 ⑴“插入”：“插入”栏包含用于创建和插入对象（如表格、层和 图 像）的按钮。 ⑵“常用”：可以创建和插入最常用的对象，例如图像和表格。 ⑶“布局”：可以插入表格、div 标签、层和框架。 ⑷“表单”：包含用于创建表单和插入表单元素的按钮。 ⑸“文本”：插入各种文本格式设置标签和列表格式设置标签。 ⑹“HTML”：插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。 ⑺“脚本”：仅适用于使用特定服务器语言的页面，这些类别中的 每一个都提供了服务器代码对象，可以将这些对象插入“代码”视图中。 ⑻“应用程序”：可以插入动态元素，例如记录集、重复区域以及 记录插入和更新表单。 ⑼“媒体”：可以插入 Flash 元素。 ⑽“收藏”：可以将“插入”栏中最常用的按钮分组和组织到某一 常用 位置。 5、文档工具栏
在标题输入框填入标题“我的主页”
设置背景颜色：网页背景可以是图片，也可以是颜色。如果背景要设为图
片，点击背景图象“浏览”按钮，系统弹出图片选择对话框，选中背景图片文件，
点
可编辑ppt
11
⑸【插入图像】选择以下任意一种方法：
①使用插入菜单：
百度文库
在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选 中该图像
可编辑ppt
2
⑷“面板组”： 是分组在某个标题下面的相关面板的集合。若要展
开一个面板组，单击组名称左侧的展开箭头；若要取消停靠一个面板，
拖动该组标题条左边缘的手柄。
⑸“文件”面板： 可以管理文件和文件夹， “文件”面板还可以访 问
本地磁盘上的全部文件，类似于 Windows 资源管理器。
3、菜单
⑴“文件”菜单：包含“新建”、“打开”、“保存”、“保存全 部”，查看当
输入“我的主页”四个字，并设置其大小。
⑵【设置文字的格式】 选中文字，在属性面板中将字体格式设置成默认字
体，大小可任意更改字号。并选中“B”将字体变粗。
⑶【设置文字的颜色】选中文字，在属性面板中，单击颜色选择图标，在弹
出的颜色选择器中用滴管选取颜色即可。
⑷【设置网页的标题和背景颜色】 点击“修改”菜单选“页面属性”。系统弹出页面属性对话框
可以从中选择一种工作区布局。如果不熟悉编写代码，选择“设计
者”。如果以后想更改工作区，可以使用编辑菜单“首选参数”对话框 切
换到一种不同的工作区。编辑菜可单编辑“pp首t 选参数”对话框如下图：
1
⑴“插入”栏： 包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中 的 按钮。每个对象都是一段 HTML 代码，允许在插入它时设置不同的属性。 ⑵“文档”窗口 显示当前创建和编辑的文档。 ⑶“属性检查器”： 用于查看和更改所选对象或文本的各种属性。
文件，单击确定。如下图：
②使用插入栏（如下图）：单击插入栏对象按钮>选 按钮，弹出 “选