网站建设资讯

NEWS

网站建设资讯

Dreamweavercs6如何设计一款简单的网页-创新互联

这篇文章主要介绍了Dreamweaver cs6如何设计一款简单的网页,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联建站是一家专注网站建设、网络营销策划、微信小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十载以来,已经为近千家成都食品包装袋各业的企业公司提供互联网服务。现在,服务的近千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

5、插入音乐。选择“插入”—“媒体”—“插件”—选择所需音乐—“确定”。在“插件”中调整参数为“hidden”,数值为“TRUE”。保存网页为index.html。这样主页面就做好了。

Dreamweaver cs6如何设计一款简单的网页

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

Dreamweaver cs6如何设计一款简单的网页

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

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

Dreamweaver cs6如何设计一款简单的网页

Dreamweaver cs6如何设计一款简单的网页

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

感谢你能够认真阅读完这篇文章,希望小编分享的“Dreamweaver cs6如何设计一款简单的网页”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前文章:Dreamweavercs6如何设计一款简单的网页-创新互联
分享地址:http://cdweb.net/article/esppc.html