如何用Dreamwaver制作一个简单网页

 时间:2024-10-13 21:07:16

1、打开Dreamwaver cs6,设置站点在D/20151120225,建立新网页HTML。

如何用Dreamwaver制作一个简单网页

2、 输入文字“人类的伙伴—狗”,设置ccs规则的选择器类型。

如何用Dreamwaver制作一个简单网页

3、插入背景。在“页面属性”-“背景图像”插入背景。

如何用Dreamwaver制作一个简单网页

4、设置表坼黉赞楞格。在“插入”-“表格”选择7行3列,经过“合并单元格”等调整,制作好表格。插入图片。选择“插入”—“图像”在文件夹中选中需要的图片,点击确定。

如何用Dreamwaver制作一个简单网页

5、插入音乐。选择“插入”—“媒体”—“插件”—选择所需音乐—“确定”。在“插件”中调整参数为“hidden”,数值为“TRUE”。

6、保存网页为index.html。这样主页面就做好了。

如何用Dreamwaver制作一个简单网页
如何用Dreamwaver制作一个简单网页

7、接下来做页面弛阻廖娓二“狗狗品种介绍”。利用上述方法将表格和图片插入并输入文字内容。插入“表单”。选择“插入”—“表单”,在“表单”选中区域内插入“表格”,然后在合适位置插入“列表”“单选按摅侈钠纾钮组”和“按钮”。

如何用Dreamwaver制作一个简单网页

8、保存网页二为“狗狗品种介绍.html”。

如何用Dreamwaver制作一个简单网页
如何用Dreamwaver制作一个简单网页
如何用Dreamwaver制作一个简单网页

9、然后做页面三“狗狗逗趣视频”,利用上述方法将表格和图片插入并输入文字内容。插入视频。选择“插入”—“媒体”—“FLV”—“累进式下载视频”—“URL”—“检测大小”—“确定”。注意:将Flash播放器放到文件夹内才能播放。

如何用Dreamwaver制作一个简单网页

10、保存网页三为“狗狗逗趣视频.html”。

如何用Dreamwaver制作一个简单网页

11、 .然后做页面四“狗狗优点贡献”,利用上述方法将表格和图片插入并输入文字内容。保存页面四为“狗狗优点贡献.html”。

如何用Dreamwaver制作一个简单网页
如何用Dreamwaver制作一个简单网页

12、创建超链接。在网页上选中文字—“插入”—“超级链接”—“文件”—“目标”为-blank。

  • dreamweaver cs6设计网页的操作
  • Dreamweaver中设计的网页如何插入链接
  • 网页设计制作详细流程
  • 在html里的文字怎样设置一、二级标题
  • 如何用html5在网页上做四个浮动框
  • 热门搜索
    建国手抄报内容大全 成长的足迹手抄报 教师节手抄报大全图片 低碳生活手抄报内容 感恩老师手抄报句子 关于父亲节的手抄报 杰出人物手抄报 成语故事手抄报 三爱三节手抄报资料 纪念英雄手抄报