Dreamweaver CS6设计简单网页教程
107 浏览量
更新于2024-09-01
收藏 864KB PDF 举报
"本教程详细介绍了如何使用Dreamweaver CS6设计和制作一款简单的网页,包括设置站点、创建HTML页面、添加文字、插入背景图像、构建表格、插入图片、加入音乐、创建表单、插入视频、创建超链接等步骤。"
在使用Dreamweaver CS6设计一款简单的网页时,首先需要设置工作站点,这有助于组织和管理你的网页文件。在本例中,站点被设置在了"D/20151120225"目录下。接着,创建一个新的HTML页面作为网页的基础。
在页面内容编辑方面,可以通过输入文字来添加标题或正文,例如在本教程中输入了"人类的伙伴—狗"。为了控制文本样式,可以设置CSS规则,选择合适的CSS选择器类型。
为了让网页更具视觉吸引力,可以插入背景图像。在"页面属性"中找到"背景图像"选项,选择合适的图片作为背景。此外,通过"插入"菜单中的"表格"功能,可以创建和调整表格布局,例如教程中创建了一个7行3列的表格,并进行了单元格合并,以适应内容的展示。
插入图片是网页设计的重要部分。在"插入"菜单中选择"图像",然后从本地文件中选取图片,即可将其添加到网页上。同样,如果需要在网页中添加音频元素,可以使用"插入"-"媒体"-"插件",选择音乐文件,并调整相关参数,如设置为隐藏播放。
为了增加互动性,可以创建表单。在"插入"菜单中选择"表单",然后添加所需的表单元素,如表格、列表、单选按钮组和按钮。这允许用户在网页上进行交互,如填写信息或进行选择。
视频内容的插入也很简单,选择"插入"-"媒体"-"FLV",选择要插入的视频文件,设置播放选项,确保Flash播放器在文件夹内以便正常播放。
最后,为了使网页各部分之间有导航联系,需要创建超链接。选择要链接的文字,然后通过"插入"-"超级链接",指定链接文件,设置目标为新窗口(_blank)以在新标签页中打开链接。
通过以上步骤,我们可以完成一个包含多个页面的简单网站,每个页面都有其特定的内容,如狗狗品种介绍、逗趣视频和优点贡献等。这个教程提供了一个基础的指导,帮助初学者掌握使用Dreamweaver CS6设计网页的基本技能。
2727 浏览量
455 浏览量
1480 浏览量
201 浏览量
429 浏览量
点击了解资源详情
157 浏览量
156 浏览量
1374 浏览量
weixin_38702047
- 粉丝: 3
- 资源: 967
最新资源
- 英语常用3500词音频+PDF文件(含音频).zip
- 老板计时器
- Honey Boo Boo的算法和功能分解
- ember-addon-config
- 1.8wUA库.zip
- reading-notes:在这里您可以找到我的阅读资料库,主要用于总结我在编程方面的学习历程,希望您能找到一些有用的信息<3
- 视频播放可弹出弹幕,关闭弹幕
- simple-spawner:生成一个命令并将输出通过管道返回到 std{in,out,err}
- CSS_Assignment_2
- 使用注释将JDBC结果集映射到对象
- curious-blindas-api:CuriousCat克隆
- PRO-C21-BULLETS-AND-WALLS
- ff35mm:Flickr 的全画幅 (35mm) 焦距
- C#解析HL7消息的库
- 将Java System.out定向到文件和控制台的快速简便方法
- 库索逻辑-葡萄牙语