Dreamweaver CC网页设计与制作-全套PPT课件.pdfVIP

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