北大青鸟：《HTML—JavaScript》课程电子教案（PPT教学课件）第二章 使用 Dreamweaver 制作网页

北大青 7E 男 第二章 使用 Dreamweaver制作网页 ACCP V4.0

ACCP V4.0 第二章 使用 Dreamweaver 制作网页

北大青鸟 TEC 回顶2-1 口万维网WWW是哪三个单词的缩写? 口处理文本外,使用 Dreamweaver在网页中还可 以插入哪些元素? 口开发一个网站需要哪些步骤? ACCP V4.0

ACCP V4.0 2 回顾 2-1 ❑万维网WWW是哪三个单词的缩写? ❑处理文本外，使用 Dreamweaver 在网页中还可 以插入哪些元素？ ❑开发一个网站需要哪些步骤？

北大青 7E 男 回顶22 口网页分为哪两种类型?举例说明哪些网页应设 计为静态网页?哪些应该设计为动态网页? 口超链接的路径有哪些分类? 口什么是锚链接?什么时候使用? ACCP V4.0

ACCP V4.0 3 回顾 2-2 ❑网页分为哪两种类型？举例说明哪些网页应设 计为静态网页？哪些应该设计为动态网页？ ❑超链接的路径有哪些分类？ ❑什么是锚链接？什么时候使用？

北大青 7E 男 目标 口在网页中插入和格式化文本 口创建表格 口插入图像 口创建热 口创建模板 ACCP V4.0

ACCP V4.0 4 目标 ❑在网页中插入和格式化文本 ❑创建表格 ❑插入图像 ❑创建热点 ❑创建模板

北大青 7E 男 新建网页3-1 口要在 Dreamweaver MX2004中创建新网页,请使用 起始页和“文件”菜单 起始页 Macromedia Dreamweaver MX 2004 打开最近项目 创建新项目 从范例创建 a Exercise la/externaLS a HTML c8s样式表 a.se la/FeedbackForm htm d ColdFusion. 框架集 a DiY/PlanetDetails htm a PHP 页面设计C8) 文件编辑(E查看插入(①修改 文件”菜单 新建(N Ctrl+N 打开()∷ C 打开最近的文件( 》 在框架中打开(,,Ctr+5hift+0 关闭(C Ctrl+W 全部关闭E) Ctrl+Shift+W ACCP V4.0

ACCP V4.0 5 新建网页 3-1 ❑ 要在 Dreamweaver MX 2004 中创建新网页，请使用 起始页和“文件”菜单 起始页 “文件”菜单

北大青鸟 TEC 新建文档3-2 文件G编辑E查看插入(修改 顶板 新建(N Ctrl+N 类别 打开(⑨… Ctrl+O HML梗投 打开最近的文件(工 模板页 a库项目 在框架中打开(ECt+5hit+o Css样式表 框架集 气预览 关闭( 第一步 Ctrl+W 页面设计 全部关闭 Ctrl+Shift +W 页面设计〔有辅助功能的 第二步 HmL文档 厂使文档与凯兼容) 帮助0」首选参数0),」 获取更多内容 色键速_ 第三步 演示:使用“文件”菜单新建文档的步骤 ACCP V4.0

ACCP V4.0 6 新建文档 3-2 第二步 第一步 第三步 演示：使用“文件”菜单新建文档的步骤

北大青鸟 新建文档3-3 文档”工具栏 回代码空拆分团设计标题!无标题文档 无标题文档 Untitled- “文档”窗口 :\body) K/1秒 ACCP V4.0

ACCP V4.0 7 新建文档 3-3 “文档”工具栏 “文档”窗口

北大青 7E 男 插入文本 口要在文档中插入文本,可以使用以下方式 口在网页中键入文本 口从其他应用程序(如 MS-Word、记事本和MS Exce等)复制并粘贴文本 口将Wod文档导入 Dreamweaver 演示:在文档中插入文本的步骤 ACCP V4.0

ACCP V4.0 8 插入文本 ❑要在文档中插入文本，可以使用以下方式： ❑在网页中键入文本 ❑从其他应用程序（如 MS-Word、记事本和 MS￾Excel 等）复制并粘贴文本 ❑将 Word 文档导入 Dreamweaver 演示：在文档中插入文本的步骤

北大青 7E 男 格式化文本4-1 口使用属性检查器中的字体类型、字体大小、字体颜色等 设置可以格式化文本 m亚 HTML. HTML HTML, HTML. HTML v属性 格式)阮 样式r 宇体@默认体斗大小③无 彐 B三目链接① 目想 目标) 字体类型字体大小字体颜色C面性 HTML HTML HTML 演示:格式化文本的步骤 ACCP V4.0

ACCP V4.0 9 格式化文本 4-1 ❑ 使用属性检查器中的字体类型、字体大小、字体颜色等 设置可以格式化文本 字体类型 字体大小 字体颜色 演示：格式化文本的步骤

北大青鸟 TEC 格式化文本4-2 防无标题文档( Untitled-1+) 在网页中,段落用于组织 段落示例 内容,一个 段落就是一个 文本块 在网页中,段落用于组织内容,一个段落就是一个 就是一个文本 段喜用于组织毁落 文本块。在网页中,段落用于组织内容 Dreamweaver提供了三种 个段落就是一个文本块。在网页中,段落用于组 织内容,一个段落就是一个文本块。 基本段落样式:段落、标 题和预先格式化的 使用属性检查器中的“格 标题示例 式”选项可应用这些样式 这是标题1 这是标题2 v属性 这是标题3 格式)段落 字体@落 预先格式化的示例 标题3 标题4 标题5 10 预先格式化的 ACCP V40

ACCP V4.0 10 格式化文本 4-2 在网页中，段落用于组织 内容，一个段落就是一个 文本块。 Dreamweaver 提供了三种 基本段落样式：段落、标 题和预先格式化的。 使用属性检查器中的“格 式”选项可应用这些样式