ACCP V4.0
第二章使用 Dreamweaver 制作网页
ACCP V4.02
回顾 2-1
万维网 WWW是哪三个单词的缩写?
处理文本外,使用 Dreamweaver 在网页中还可以插入哪些元素?
开发一个网站需要哪些步骤?
ACCP V4.03
回顾 2-2
网页分为哪两种类型? 举例说明哪些网页应设计为静态网页? 哪些应该设计为动态网页?
超链接的路径有哪些分类?
什么是锚链接? 什么时候使用?
ACCP V4.04
目标
在网页中插入和格式化文本
创建表格
插入图像
创建热点
创建模板
ACCP V4.05
新建网页 3-1
要在 Dreamweaver MX 2004 中创建新网页,请使用起始页和“文件”菜单起始页
“文件”菜单
ACCP V4.06
新建文档 3-2
第二步第一步第三步演示:使用“文件”菜单新建文档的步骤
ACCP V4.07
新建文档 3-3
“文档”工具栏
“文档”窗口
ACCP V4.08
插入文本
要在文档中插入文本,可以使用以下方式:
在网页中键入文本
从其他应用程序(如 MS-Word、记事本和 MS-
Excel 等)复制并粘贴文本
将 Word 文档导入 Dreamweaver
演示:在文档中插入文本的步骤
ACCP V4.09
格式化文本 4-1
使用属性检查器中的字体类型、字体大小、字体颜色等设置可以格式化文本字体大小字体 类型 字体颜色演示:格式化文本的步骤
ACCP V4.010
格式化文本 4-2
在网页中,段落用于组织内容,一个段落就是一个文本块。
Dreamweaver 提供了三种基本段落样式:段落、标题和预先格式化的。
使用属性检查器中的,格式,选项可应用这些样式 。
ACCP V4.011
格式化文本 4-3
Dreamweaver MX 2004 允许在网页中插入特殊字符
网页中常用的特殊字符有?,$,%,& 和? 等
要在网页中插入特殊字符,请选择“插入”?“HTML”?“特殊字符”
ACCP V4.012
格式化文本 4-4
列表可有效地将主题或数据与文档的其他部分分开
列表类型:
项目列表
编号列表项目列表
A
B
C
D
编号列表
1,A
2,B
3,C
4,D
ACCP V4.013
表格行列
ACCP V4.014
创建表格第一步第三步第二步此时,在“文档”窗口中将插入一个空白表格演示:创建表格的步骤
ACCP V4.015
格式化表格使用属性检查器格式化表格。
要查看表格属性,首先选择整个表格。
然后,可以使用属性检查器为该表格增加行、列和边框,对表格或单元格插入背景图像。
演示:格式化表格的步骤
ACCP V4.016
图像
在网页中插入图像可以增添视觉吸引力
大多数浏览器支持 JPEG,GIF 和 PNG 格式的图像
JPEG 格式最适用于照片类的图像 GIF 格式的图像最适用于动画
ACCP V4.017
插入并格式化图像演示:插入图像的步骤属性检查器中将显示图像的属性。
可以将图像链接到另一个文件,给图像增加边框,为图像输入替代文本等。
ACCP V4.018
图像热点演示:制作图像热点的步骤
ACCP V4.019
模板 2-1
在大多数情况下,一个站点的网页内容不同,但它们的界面是相同的
如果界面相同,则可以创建模板
ACCP V4.020
模板 2-2
应用模板后模板示例
ACCP V4.021
创建模板 2-1
可以通过使用现有文档或空白的新模板创建模板。
要将现有文档另存为模板,请选择“文件”?“另存为模板”。
要新建空白模板,请使用“资源”面板或“新建文档”对话框。
演示:创建模板的步骤
ACCP V4.022
创建模板 2-2
然后,向模板添加可编辑区域。
右击选中的区域,然后选择“模板”?“新建可编辑区域”。
ACCP V4.023
应用模板使用“资源”面板将模板应用到网页活动网页 应用于网页的模板演示:应用模板的步骤
ACCP V4.024
总结
使用 Dreamweaver MX 2004 可以插入文本、表格、表单、
表单元素和图像
与 MS-Word 一样,它允许对文本和段落进行格式化,以及进行拼写和语法检查
列表分为有序列表和无序列表
Dreamweaver MX 2004 提供了在网页中插入特殊字符的功能
表格有助于优化网页的设计
大多数浏览器都支持 JPG 和 GIF图像格式
为了保持整个站点外观和风格的一致性,可使用模板
第二章使用 Dreamweaver 制作网页
ACCP V4.02
回顾 2-1
万维网 WWW是哪三个单词的缩写?
处理文本外,使用 Dreamweaver 在网页中还可以插入哪些元素?
开发一个网站需要哪些步骤?
ACCP V4.03
回顾 2-2
网页分为哪两种类型? 举例说明哪些网页应设计为静态网页? 哪些应该设计为动态网页?
超链接的路径有哪些分类?
什么是锚链接? 什么时候使用?
ACCP V4.04
目标
在网页中插入和格式化文本
创建表格
插入图像
创建热点
创建模板
ACCP V4.05
新建网页 3-1
要在 Dreamweaver MX 2004 中创建新网页,请使用起始页和“文件”菜单起始页
“文件”菜单
ACCP V4.06
新建文档 3-2
第二步第一步第三步演示:使用“文件”菜单新建文档的步骤
ACCP V4.07
新建文档 3-3
“文档”工具栏
“文档”窗口
ACCP V4.08
插入文本
要在文档中插入文本,可以使用以下方式:
在网页中键入文本
从其他应用程序(如 MS-Word、记事本和 MS-
Excel 等)复制并粘贴文本
将 Word 文档导入 Dreamweaver
演示:在文档中插入文本的步骤
ACCP V4.09
格式化文本 4-1
使用属性检查器中的字体类型、字体大小、字体颜色等设置可以格式化文本字体大小字体 类型 字体颜色演示:格式化文本的步骤
ACCP V4.010
格式化文本 4-2
在网页中,段落用于组织内容,一个段落就是一个文本块。
Dreamweaver 提供了三种基本段落样式:段落、标题和预先格式化的。
使用属性检查器中的,格式,选项可应用这些样式 。
ACCP V4.011
格式化文本 4-3
Dreamweaver MX 2004 允许在网页中插入特殊字符
网页中常用的特殊字符有?,$,%,& 和? 等
要在网页中插入特殊字符,请选择“插入”?“HTML”?“特殊字符”
ACCP V4.012
格式化文本 4-4
列表可有效地将主题或数据与文档的其他部分分开
列表类型:
项目列表
编号列表项目列表
A
B
C
D
编号列表
1,A
2,B
3,C
4,D
ACCP V4.013
表格行列
ACCP V4.014
创建表格第一步第三步第二步此时,在“文档”窗口中将插入一个空白表格演示:创建表格的步骤
ACCP V4.015
格式化表格使用属性检查器格式化表格。
要查看表格属性,首先选择整个表格。
然后,可以使用属性检查器为该表格增加行、列和边框,对表格或单元格插入背景图像。
演示:格式化表格的步骤
ACCP V4.016
图像
在网页中插入图像可以增添视觉吸引力
大多数浏览器支持 JPEG,GIF 和 PNG 格式的图像
JPEG 格式最适用于照片类的图像 GIF 格式的图像最适用于动画
ACCP V4.017
插入并格式化图像演示:插入图像的步骤属性检查器中将显示图像的属性。
可以将图像链接到另一个文件,给图像增加边框,为图像输入替代文本等。
ACCP V4.018
图像热点演示:制作图像热点的步骤
ACCP V4.019
模板 2-1
在大多数情况下,一个站点的网页内容不同,但它们的界面是相同的
如果界面相同,则可以创建模板
ACCP V4.020
模板 2-2
应用模板后模板示例
ACCP V4.021
创建模板 2-1
可以通过使用现有文档或空白的新模板创建模板。
要将现有文档另存为模板,请选择“文件”?“另存为模板”。
要新建空白模板,请使用“资源”面板或“新建文档”对话框。
演示:创建模板的步骤
ACCP V4.022
创建模板 2-2
然后,向模板添加可编辑区域。
右击选中的区域,然后选择“模板”?“新建可编辑区域”。
ACCP V4.023
应用模板使用“资源”面板将模板应用到网页活动网页 应用于网页的模板演示:应用模板的步骤
ACCP V4.024
总结
使用 Dreamweaver MX 2004 可以插入文本、表格、表单、
表单元素和图像
与 MS-Word 一样,它允许对文本和段落进行格式化,以及进行拼写和语法检查
列表分为有序列表和无序列表
Dreamweaver MX 2004 提供了在网页中插入特殊字符的功能
表格有助于优化网页的设计
大多数浏览器都支持 JPG 和 GIF图像格式
为了保持整个站点外观和风格的一致性,可使用模板