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

  • 188
  • 1
  • 约12.05万字
  • 约 244页
  • 2023-09-07 发布于江苏
  • 举报

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

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 中打开

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档