Dreamweaver CS6设计简单网页教程

0 下载量 51 浏览量 更新于2024-09-01 收藏 864KB PDF 举报
"本教程详细介绍了如何使用Dreamweaver CS6设计和制作一款简单的网页,包括设置站点、创建HTML页面、添加文字、插入背景图像、构建表格、插入图片、加入音乐、创建表单、插入视频、创建超链接等步骤。" 在使用Dreamweaver CS6设计一款简单的网页时,首先需要设置工作站点,这有助于组织和管理你的网页文件。在本例中,站点被设置在了"D/20151120225"目录下。接着,创建一个新的HTML页面作为网页的基础。 在页面内容编辑方面,可以通过输入文字来添加标题或正文,例如在本教程中输入了"人类的伙伴—狗"。为了控制文本样式,可以设置CSS规则,选择合适的CSS选择器类型。 为了让网页更具视觉吸引力,可以插入背景图像。在"页面属性"中找到"背景图像"选项,选择合适的图片作为背景。此外,通过"插入"菜单中的"表格"功能,可以创建和调整表格布局,例如教程中创建了一个7行3列的表格,并进行了单元格合并,以适应内容的展示。 插入图片是网页设计的重要部分。在"插入"菜单中选择"图像",然后从本地文件中选取图片,即可将其添加到网页上。同样,如果需要在网页中添加音频元素,可以使用"插入"-"媒体"-"插件",选择音乐文件,并调整相关参数,如设置为隐藏播放。 为了增加互动性,可以创建表单。在"插入"菜单中选择"表单",然后添加所需的表单元素,如表格、列表、单选按钮组和按钮。这允许用户在网页上进行交互,如填写信息或进行选择。 视频内容的插入也很简单,选择"插入"-"媒体"-"FLV",选择要插入的视频文件,设置播放选项,确保Flash播放器在文件夹内以便正常播放。 最后,为了使网页各部分之间有导航联系,需要创建超链接。选择要链接的文字,然后通过"插入"-"超级链接",指定链接文件,设置目标为新窗口(_blank)以在新标签页中打开链接。 通过以上步骤,我们可以完成一个包含多个页面的简单网站,每个页面都有其特定的内容,如狗狗品种介绍、逗趣视频和优点贡献等。这个教程提供了一个基础的指导,帮助初学者掌握使用Dreamweaver CS6设计网页的基本技能。