Dreamweaver CS6设计简单网页教程
51 浏览量
更新于2024-09-01
收藏 864KB PDF 举报
"本教程详细介绍了如何使用Dreamweaver CS6设计和制作一款简单的网页,包括设置站点、创建HTML页面、添加文字、插入背景图像、构建表格、插入图片、加入音乐、创建表单、插入视频、创建超链接等步骤。"
在使用Dreamweaver CS6设计一款简单的网页时,首先需要设置工作站点,这有助于组织和管理你的网页文件。在本例中,站点被设置在了"D/20151120225"目录下。接着,创建一个新的HTML页面作为网页的基础。
在页面内容编辑方面,可以通过输入文字来添加标题或正文,例如在本教程中输入了"人类的伙伴—狗"。为了控制文本样式,可以设置CSS规则,选择合适的CSS选择器类型。
为了让网页更具视觉吸引力,可以插入背景图像。在"页面属性"中找到"背景图像"选项,选择合适的图片作为背景。此外,通过"插入"菜单中的"表格"功能,可以创建和调整表格布局,例如教程中创建了一个7行3列的表格,并进行了单元格合并,以适应内容的展示。
插入图片是网页设计的重要部分。在"插入"菜单中选择"图像",然后从本地文件中选取图片,即可将其添加到网页上。同样,如果需要在网页中添加音频元素,可以使用"插入"-"媒体"-"插件",选择音乐文件,并调整相关参数,如设置为隐藏播放。
为了增加互动性,可以创建表单。在"插入"菜单中选择"表单",然后添加所需的表单元素,如表格、列表、单选按钮组和按钮。这允许用户在网页上进行交互,如填写信息或进行选择。
视频内容的插入也很简单,选择"插入"-"媒体"-"FLV",选择要插入的视频文件,设置播放选项,确保Flash播放器在文件夹内以便正常播放。
最后,为了使网页各部分之间有导航联系,需要创建超链接。选择要链接的文字,然后通过"插入"-"超级链接",指定链接文件,设置目标为新窗口(_blank)以在新标签页中打开链接。
通过以上步骤,我们可以完成一个包含多个页面的简单网站,每个页面都有其特定的内容,如狗狗品种介绍、逗趣视频和优点贡献等。这个教程提供了一个基础的指导,帮助初学者掌握使用Dreamweaver CS6设计网页的基本技能。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2020-09-24 上传
2020-09-24 上传
2022-07-10 上传
2020-10-08 上传
2015-11-03 上传
2022-07-02 上传
weixin_38702047
- 粉丝: 3
- 资源: 967
最新资源
- centiq-crest:流星的宁静图书馆
- 计算机设计 - vb家庭财务管理系统设计(LW+源代码+英文文献),保证可靠运行,毕业生可参考,免费资源下载
- Swift-UISearchController_Swift_UISearchController_
- smoothratingbar:平滑的等级栏
- USB hub板子开源(PCB文件)-电路方案
- jQuery实现的图文排版点击弹出图片特效源码.zip
- 时间操作-易语言
- netsurf-2.1.zip_浏览器_Unix_Linux_
- tpolm_-_cyboman_5:TPOLM的“ Cyboman 5”,适用于Stream 2012小规模入门比赛的javascript画布4k入门
- Python库 | azure-mgmt-peering-0.1.0rc1.zip
- 掩膜切割法_掩膜切割_相位解缠_
- 基于java的-113-jspm高职院校教学中心可视化教学分析系统-源码.zip
- java-mammoth:将Word文档转换为简单干净HTML
- 【楼层6层】3100平米左右一字型框架办公楼毕业设计(含建筑结构图、计算书)-土木工程建造设计.zip
- 372套精品网页设计模板,前端设计模板,HTML模板
- HapiNG:使用 AngularJS 设置 HapiJS