作者：数字艺术教育研究室
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
中文版Dreamweaver CS6基础培训教程(第2版)试读：
前言
。同时，读者除了可以通过扫描书中二维码观看当前案例视频外，还可以扫描前言的“在线视频”二维码观看本书所有案例视频。本书适合作为院校和培训机构艺术专业课程的教材，也可作为Dreamweaver CS6自学人员的参考用书。前言
Dreamweaver CS6是由Adobe公司开发的网页设计与制作软件，它功能强大、易学易用，深受网页制作爱好者和网页设计师的喜爱，已经成为这一领域非常流行的软件。目前，我国很多院校和培训机构的艺术专业，都将Dreamweaver作为一门重要的专业课程。为了帮助院校和培训机构的教师比较全面、系统地讲授这门课程，使读者能够熟练地使用 Dreamweaver CS6 进行网页设计，数字艺术教育研究室组织相关院校从事Dreamweaver教学的教师和专业网页设计公司经验丰富的设计师共同编写了本书。
我们对本书的编写体系做了精心的设计，按照“课堂案例—软件功能解析—课堂练习—课后习题”这一思路进行编排，通过课堂案例演练使读者快速熟悉软件功能和网页设计思路，通过软件功能解析使读者深入学习软件功能和制作特色，通过课堂练习和课后习题，拓展读者的实际应用能力。在内容编写方面，我们力求通俗易懂、细致全面；在文字叙述方面，我们注意言简意赅、重点突出；在案例选取方面，我们强调案例的针对性和实用性。
本书附带下载资源，内容包括书中所有案例的素材及效果文件。读者在学完本书内容以后，可以调用这些资源进行深入练习。这些学习资源文件均可在线下载，扫描“资源下载”二维码，关注我们的微信公众号即可获得资源文件下载方式。如需资源下载技术支持，请致函szys@ptpress.com.cn。同时，读者除了可以通过扫描书中二维码观看当前案例视频外，还可以扫描“在线视频”二维码观看本书所有案例视频。另外，购买本书作为授课教材的教师可以通过扫描封底“新架构”二维码联系我们，我们将为您提供教学大纲、备课教案、教学PPT，以及课堂案例、课堂练习和课后习题的教学视频等相关教学资源包。本书的参考学时为64学时，其中实践环节为26学时，各章的参考学时参见下面的学时分配表。
资源下载验证码见本书最后
由于时间仓促，作者水平有限，书中难免存在错误和不妥之处，敬请广大读者批评指正。作者2018年3月第1章初识Dreamweaver CS6本章介绍
网页是网站最基本的组成部分，网站之间并不是杂乱无章的，它们通过各种链接相互关联，从而描述相关的主题或实现相同的目的。本章讲述网站的建设基础，包括 IP 地址与域名、动态数据库开发以及 Dreamweaver CS6的工作界面，最后重点讲述了管理站点的方式。学习目标
● 掌握Dreamweaver CS6的工作界面
● 掌握站点管理器、创建文件夹、定义新站点、创建和保存网页
● 掌握站点的打开、编辑、复制、删除、导出和导入
● 掌握关键字、作者和版权信息、刷新时间、描述信息等其他文件头的设置技能目标
● 熟练掌握站点管理器的使用方法
● 熟练掌握站点的应用和编辑方法
● 熟练掌握文件头的设置方法1.1 Dreamweaver CS6的工作界面
Dreamweaver CS6的工作区将多个文档集中到一个窗口中，不仅降低了系统资源的占用率，还可以更加方便地操作文档。Dreamweaver CS6的工作窗口由5部分组成，分别是“插入”面板、“文档”工具栏、“文档”窗口、面板组和“属性”面板。Dreamweaver CS6的操作环境简洁明快，可大大提高设计效率。1.1.1 友善的开始页面
启动Dreamweaver CS6后，首先看到的画面就是开始页面，供用户选择新建文件的类型，或打开已有的文档等，如图1-1所示。
老用户可能不太习惯开始页面，可选择“编辑 > 首选参数”命令，或按 Ctrl+U 组合键，弹出“首选参数”对话框，取消选择“显示欢迎屏幕”复选框，如图 1-2 所示。单击“确定”按钮完成设置。当用户再次启动Dreamweaver CS6后，将不再显示开始页面。图1-1图1-21.1.2 不同风格的界面
Dreamweaver CS6的操作界面新颖淡雅，布局紧凑，为用户提供了一个轻松、愉悦的开发环境。
若用户想修改操作界面的风格，切换到自己熟悉的开发环境，可选择“窗口 > 工作区布局”命令，弹出其子菜单，如图1-3所示，在子菜单中选择其中的一种界面风格，页面会发生相应的改变。图1-31.1.3 伸缩自如的功能面板
在浮动面板的右上方单击按钮，可以隐藏或展开面板，如图1-4所示。
如果用户觉得工作区不够大，可以将鼠标指针放在文档编辑窗口右侧与面板交界的框线处，当鼠标指针呈双向箭头时拖曳鼠标，调整工作区的大小，如图1-5所示。若用户需要更大的工作区，可以将面板隐藏。图1-4图1-51.1.4 多文档的编辑界面
Dreamweaver CS6提供了多文档的编辑界面，将多个文档整合在一起，方便用户在各个文档之间切换，如图1-6所示。用户可以单击文档编辑窗口上方的选项卡，切换到相应的文档。通过多文档的编辑界面，用户可以同时编辑多个文档。图1-61.1.5 新颖的“插入”面板
Dreamweaver CS6的“插入”面板可放在菜单栏的下方，如图1-7所示。图1-7“插入”面板包括“常用”“布局”“表单”“数据”“Spry”“jQuery Mobile”“InContext Editing”“文本”“收藏夹”9个选项卡，将不同功能的按钮分门别类地放在不同的选项卡中。在Dreamweaver CS6中，“插入”面板可用菜单和选项卡两种方式显示。如果需要菜单样式，用户可用鼠标右键单击“插入”面板的选项卡，在弹出的菜单中选择“显示为菜单”命令，如图1-8所示，更改后的效果如图1-9所示。用户如果需要选项卡样式，可单击“常用”按钮上的黑色三角形，在下拉菜单中选择“显示为制表符”命令，如图1-10所示，更改后的效果如图1-11所示。图1-8图1-9图1-10图1-11“插入”面板中将一些相关的按钮组合成菜单，当按钮右侧有黑色箭头时，表示其为展开式按钮，如图1-12所示。图1-121.1.6 更完整的CSS功能
传统的HTML所提供的样式及排版功能非常有限，因此，现在复杂的网页版面主要靠CSS样式来实现。而CSS样式表的功能较多，语法比较复杂，需要一个很好的工具软件有条不紊地整理复杂的CSS源代码，并适时地提供辅助说明。Dreamweaver CS6就提供了这样方便有效的CSS功能。“属性”面板提供了CSS功能。用户可以通过“属性”面板中“目标规则”选项的下拉列表对所选的对象应用样式或创建和编辑样式，如图1-13所示。若某些文字应用了自定义样式，当用户调整这些文字的属性时，会自动生成新的CSS样式。图1-13“页面属性”按钮也提供了CSS功能。单击“页面属性”按钮，弹出“页面属性”对话框，如图1-14所示。用户可以在“分类”列表的“链接”选项卡中的“下划线样式”选项的下拉列表中设置超链接的样式，这个设置会自动转化成CSS样式，如图1-15所示。图1-14图1-15
Dreamweaver CS6除了提供如图1-16所示的“CSS样式”面板外，还提供如图1-17所示的“CSS属性”面板。“CSS 属性”面板能使用户轻松查看规则的属性设置，并可快速修改嵌入在当前文档或通过附加的样式表链接的CSS样式。可编辑的网格使用户可以更改显示的属性值。对选择所做的更改都将立即应用，这使用户可以在操作的同时预览效果。图1-16图1-171.2 创建网站框架
所谓站点，可以看作是一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点，修改某网页内容时，也必须打开站点，然后修改站点内的网页。在 Dreamweaver CS6中，站点一词是下列任意一项的简称。
Web 站点：从访问者的角度来看，Web 站点是一组位于服务器上的网页，使用 Web 浏览器访问该站点的访问者可以对其进行浏览。
远程站点：从创作者的角度来看，远程站点是远程站点服务器上组成 Web 站点的文件。
本地站点：与远程站点上的文件对应的本地磁盘上的文件。通常，先在本地磁盘上编辑文件，然后将它们上传到远程站点的服务器上。
Dreamweaver CS6站点定义：本地站点的一组定义特性，以及有关本地站点和远程站点对应方式的信息。
在做任何工作之前都应该制定工作计划并画出工作流程图，建立网站也是如此。在动手建立站点之前，需要先调查研究，记录客户所需的服务，然后以此规划出网站的功能结构图（即设计草图）及其设计风格以体现站点的主题。另外，还要规划站点导航系统，避免浏览者在网页上迷失方向，找不到要浏览的内容。1.2.1 站点管理器
站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点以及导入或导出站点。若要管理站点，必须打开“管理站点”对话框。
弹出“管理站点”对话框有以下几种方法。
① 选择“站点 > 管理站点”命令。
② 选择“窗口 > 文件”命令，弹出“文件”面板，如图1-18所示。在“管理站点”选项的下拉列表中选择“管理站点”选项，如图1-19所示。
在“管理站点”对话框中，通过“新建站点”按钮、“编辑当前选定的站点”按钮、“复制当前选定的站点”按钮和“删除当前选定的站点”按钮，可以新建一个站点、修改选择的站点、复制选择的站点和删除选择的站点。通过对话框中的“导出当前选定的站点”按钮和“导入站点”按钮，用户可以将站点导出为XML文件，然后将其导入 Dreamweaver CS6。这样，用户就可以在不同的计算机和产品版本之间移动站点，或者与其他用户共享，如图1-20所示。图1-18图1-19
试读结束[说明：试读内容隐藏了图片]