Dreamweaver CC网页设计与制作（3版） 课件 模块1 网页基础知识.pdfVIP

DDrreeaammwweeaavveerr CCCC网网页页设设计计 与与制制作作 （（33版版）） 模模块块11 课课件件 0011 模模块块11 网网页页基基础础知知识识 0022 模模块块22 初初级级应应用用 0033 模模块块33 网网页页布布局局 0044 模模块块44 高高级级应应用用 0055 模模块块55 网网站站的的测测试试与与发发布布 0066 模模块块66 综综合合应应用用 任务1 体验HTML文——网 基础 任任务务描描述述 通过在记事本和Dreamw eaver 中使用HTML代码制作 网 ，介绍HTML代码 的常用标 记及如何使用HTML代码制作简单网 的方法 。 任任务务解解析析 ◉ 在记事本 中输入HTML代码制作简单网 ； ◉在Dreamw eaver 中使用代码视 图查看 网 代码 ； ◉在Dreamw eaver 的代码视 图下编辑HTML代码 。 具体操作 ： （1）选择 “开始→所有程序→附件→记事本 ”命令 ，在记事本窗 口 输入 以下HTML代码 ： htm l head title社会主义核心价值观/title /head body marquee direction=left 富强、民主、文 明、和谐、 自由、平等、公正、法治、爱国、敬业 、诚信、友善 /marquee /body /htm l （2 ）输入完毕，选择 “文件→保存 ”命令 ，打开 “另存为 ”对话框 ，选择保存位置为素材库 的 chapter 1文件夹 ，文件名为 “myw eb 1.htm l”，保存类型为 “所有文件 ”，如 图1- 1所示 ， 单击 “保存 ”按钮 。 （2 ）输入完毕，选择 “文件→保存 ”命令 ，打开 “另存为 ”对话框 ，选择保存位置为素材 的chapter 1文件夹 ，文件名为 “myw eb 1.htm l”，保存类型为 “所有文件 ”，如 图1- 1所示 ， 单击 “保存 ”按钮 。 （3 ）在 “计算机 ”中打开chapter 1文件夹 ，双击myw eb 1.htm l打开浏览器浏览该网页，可 以看到字幕 “富强、民主、文 明、和谐、 自由、平等、公正、法治、爱国、敬业 、诚信、友善 ” 从右 向左滚动 ，标题 “社会主义核心价值观 ”出现在浏览器 的标题栏 ，如 图1-2所示 。 图1- 1 “另存为 ”对话框 图1-2 浏览myw eb 1.htm l （4 ）右单击浏览器空 白处，选择 “添加到收藏夹 ”命令 ，将该网页添加到收藏夹 中， 图1-3所 示 。 图1-3 添加到收藏夹 （5 ）启动Dreamw eaver CS6软件 ，选择 “文件→打开 ”命令 ，打开cha ter 1文件夹 中的 myw eb2.htm l，如 图1-4所示 。 （6 ）按F4键隐藏所有面板 ，单击 “文档 ”工具栏上 的 “代码 ”按钮 ，切换到Dreamw eaver 的 “代码 ”视 图，对代码进行如 图1-5所示 的修改。 图1-4 在Dreamw eaver 中打开myw eb2.htm l 图1-5 Dreamw eaver 代码视 图 （7 ）单击 “设计 ”按钮切换到设计视 图，按F 12键保存并浏览网页，如 图1- 所示 。单击 “Adobe官方 网站 ”，将在浏览器 的新