作者：职场无忧工作室
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Dreamweaver CC2018中文版入门与提高试读：
前言
在网络浪潮中随着宽带的普及，上网变得越来越方便，就连以前只有专业公司才能提供的Web服务现在许多普通的宽带用户也能做到。您是否也有种冲动，想自己来制作网站，为自己在网上安个家？也许你会觉得网页制作很难，然而如果使用Dreamweaver CC 2018，即使制作一个功能强大的网站，也是件非常容易的事情。
被誉为“网页制作三剑客”之一的Dreamweaver CC 2018是Adobe公司收购Macromedia公司后推出的网页设计制作工具，是继Dreamweaver CC 2017之后的升级版本，是目前最完美的网站制作工具。Dreamweaver CC 2018是一种专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论您喜欢直接编写HTML代码，还是偏爱“所见即所得”的工作环境，Dreamweaver CS4都会为您提供许多方便的工具，助您迅速高效地制作网站。一、本书特点 实用性强
本书的编者都是高校从事计算机图形图像教学研究多年的一线人员，具有丰富的教学实践经验与教材编写经验，有一些执笔者是国内Dreamweaver CC 2018图书出版界知名的作者，前期出版的一些相关书籍经过市场检验很受读者欢迎。多年的教学工作使他们能够准确地把握学生的心理与实际需求，本书是作者总结多年的设计经验以及教学的心得体会，历时多年的精心准备，力求全面、细致地展现Dreamweaver CC 2018软件在网站设计制作应用领域的各种功能和使用方法。 实例丰富
本书的实例不管是数量还是种类，都非常丰富。从数量上说，本书结合大量的网站设计制作实例，详细讲解了Dreamweaver CC 2018知识要点，让读者在学习案例的过程中潜移默化地掌握Dreamweaver CC 2018软件的操作技巧。 突出提升技能
本书从全面提升Dreamweaver CC 2018实际应用能力的角度出发，结合大量的案例来讲解如何利用Dreamweaver CC 2018软件设计开发网站，使读者了解Dreamweaver CC 2018，并能够独立地完成各种网站设计与制作。
本书有很多实例本身就是网站开发项目案例，经过作者精心提炼和改编，不仅保证读者能够学好知识点，更重要的是能够帮助读者掌握实际的操作技能，同时培养网站开发实践能力。二、本书内容
全书分为12章，全面、详细地介绍了Dreamweaver CC 2018的特点、功能、使用方法和技巧。具体内容如下：网页制作基础知识、站点构建与管理、编辑网页文本、在网页中应用图像、用表格规划网页、超级链接的应用、使用多媒体对象、利用CSS+Div设计网页、创建表单网页、应用行为创建交互效果、统一站点风格、旅游网站制作综合实例的详细制作过程。三、本书服务 本书的技术问题或有关本书信息的发布
读者如果遇到有关本书的技术问题，可以登录网站www.sjzswsw.com或将问题发到邮箱win760520@126.com，我们将及时回复。也欢迎加入图书学习交流群（QQ群：512809405）交流探讨。 安装软件的获取
按照本书上的实例进行操作练习，以及使用Dreamweaver CC 2018进行网站设计与制作时，需要事先在计算机上安装相应的软件。读者可从Internet中下载相应软件，或者从软件经销商处购买。QQ交流群也会提供下载地址和安装方法的教学视频。 手机在线学习
为了配合各学校师生利用本书进行教学的需要，随书附有多个二维码，内容为书中所有实例网页文件的源代码及相关资源以及实例操作过程录屏动画，另外附赠大量实例素材，供读者在学习中使用。四、关于作者
本书主要由职场无忧工作室编写，具体参与本书编写的有胡仁喜、刘昌丽、康士廷、王敏、闫聪聪、杨雪静、李亚莉、李兵、甘勤涛、王培合、王艳池、王玮、孟培、张亭、王佩楷、孙立明、王玉秋、王义发、解江坤、秦志霞、井晓翠等。本书的编写和出版得到了很多朋友的大力支持，值此图书出版发行之际，向他们表示衷心的感谢。同时，也深深感谢支持和关心本书出版的所有朋友。
书中主要内容来自于编者多年来使用Dreamweaver的经验总结，也有部分内容取自于国内外有关文献资料。虽然几易其稿，但由于时间仓促，加之水平有限，书中纰漏与失误在所难免，恳请广大读者批评指正。编者2018年3月DW实例源文件二维码目录
DW实例源文件
1-1 安装Dreamweaver CC 2018
1-2 上机练习——组合、拆分浮动面板组
1-3 上机练习——创建一个HTML页面
1-4 上机练习——打开已有的网页
1-5 上机练习——设置网页外观
2-1 上机练习——创建“美食天下”网站
2-2 上机练习——编辑“美食天下”站点
2-3 上机练习——添加网站首页
3-1 上机练习——直接输入文本
3-2 上机练习——美化网页文本
3-3 上机练习——制作李白诗作列表
3-4 实例精讲——制作简单的文本页面
4-1 上机练习——图文混排
4-2 上机练习——制作导航条
4-3 上机练习——使用外部编辑器修改图像
4-4 实例精讲——制作饮料宣传页面
5-1 上机练习——使用“表格”对话框插入表格
5-2 上机练习——设计简单的页面布局
5-3 上机练习——在单元格中添加内容
5-4 上机练习——导入表格式数据
5-5 设计网页基本框架
5-6 设计正文区域布局
5-7 添加网页内容
6-1 上机练习——创建文本链接
6-2 上机练习——制作旅游景点地图
6-3 上机练习——创建锚点链接
6-4 上机练习——添加超链接资源
6-5 设计页面布局
6-6 制作导航和页脚
6-7 制作正文部分
6-8 添加链接
7-1 上机练习——制作游戏网站引导页面
7-2 上机练习——链接到声音文件
7-3 上机练习——添加背景音乐
7-4 规划页面布局
7-5 制作正文区域
7-6 添加媒体对象
7-7 制作页脚
8-1 上机练习——变化的鼠标样式
8-2 上机练习——使用外部样式表美化网页
8-3 上机练习——制作简易公告栏
8-4 上机练习——列固定居中
8-5 上机练习——左、右两列并排居中
8-6 上机练习——制作三列布局
8-7 实例精讲——流金岁月
9-1 上机练习——制作个人信息采集页面
9-2 上机练习——验证必填信息是否为空
9-3 实例精讲——制作在线订购表单页面
10-1 上机练习——查看图像可用的行为
10-2 上机练习——显示图片信息
10-3 上机练习——单击改变背景颜色
10-4 上机练习——跳动的小鱼
10-5 上机练习——制作产品展示页面
10-6 上机练习——制作圣诞贺卡
10-7 上机练习——制作简易相册
10-8 上机练习——验证表单内容的正确性
11-1 上机练习——将文档保存为模板
11-2 上机练习——制作景点门票
11-3 上机练习——定义嵌套模板
11-4 上机练习——应用模板到页
11-5 上机练习——在网页中添加版权声明
11-6 制作页面基本框架
11-7 定义可编辑区域
11-8 制作库项目
11-9 套用模板制作新页面
12-1 制作页面基本框架
12-2 制作导航条
12-3 制作侧边栏
12-4 制作库项目
12-5 添加可编辑区域
12-6 制作首页
12-7 制作其他页面第1章 初识Dreamweaver CC 2018本章导读Dreamweaver CC 2018是由Adobe公司开发的专业HTML编辑器，用于对Web站点、Web页面和Web应用程序进行设计、编辑和开发。利用Dreamweaver CC 2018的可视化编辑功能，用户可以快速地创建页面而无须编写任何代码。学习要点 了解Dreamweaver CC 2018安装与卸载的方法 熟悉Dreamweaver CC 2018的工作界面及基本操作 掌握网页的基本操作1.1 认识Dreamweaver CC 2018
Dreamweaver CC 2018是一款集网页制作和网站管理于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和浏览器限制的充满动感的网页。随着技术的不断发展，HTML5、CSS3转换、jQuery和jQuery Mobile等新技术也应用到Dreamweaver CC 2018中。Dreamweaver CC 2018势必成为各种工程师们最理想的Web开发工具。Dreamweaver CC 2018在Windows系统中安装的最低系统要求Dreamweaver CC 2018在Mac OS中安装的系统要求1.1.1 安装Dreamweaver CC 2018
Creative Cloud（创意云）是Adobe提供的云服务之一，它将创意设计需要的所有元素整合到一个平台，简化了整个创意过程。自Adobe Dreamweaver CC起，安装不再提供光盘、独立安装包等，应使用Adobe ID登录创意云客户端在线安装、激活。
本节简要介绍下载、安装Dreamweaver应用程序，并使用Creative Cloud客户端管理、更新Dreamweaver应用程序的方法。（1）打开浏览器，在地址栏中输入https://www.adobe.com.cn/进入Adobe的官网。在页面导航中单击“支持与下载”，然后在弹出的下拉菜单中选择“下载与安装”，如图1-1所示。图1-1 选择“下载与安装”1-1 安装Dreamweaver CC 2018（2）在弹出的界面中选择要下载的软件Dreamweaver，单击进行下载。如图1-2所示。然后在刷新的网页中单击“开始免费使用”。图1-2 选择要下载的软件
在下载Dreamweaver时，将同时下载Creative Cloud桌面应用程序，以便访问Adobe应用程序和服务，并将应用保持在最新版本。下载完成后，双击下载的安装程序Dreamweaver_Set_Up.exe开始安装。安装完成后，在“开始”菜单中可以看到安装的应用程序，在桌面上可看到Adobe Creative Cloud的图标。（3）双击Adobe Creative Cloud的图标，打开如图1-3（a）所示的Creative Cloud客户端界面。图1-3 Creative Cloud客户端
登录Creative Cloud客户端需要使用Adobe ID，如果还没有Adobe ID，则单击“注册”按钮。
在这里，用户可以查看已安装的Adobe应用程序是否有更新。如果有，在如图1-3（b）所示的界面中单击“更新”按钮，可自动下载更新并安装。如果在图1-2中选择下载的软件不是Dreamweaver，可以单击“试用”按钮，自动安装选择的软件。注意：这种方法安装的软件只是试用版，若要使用完整版，可到经销商处购买。1.1.2 卸载Dreamweaver CC 2018（1）双击Adobe Creative Cloud的图标，打开Creative Cloud客户端界面。（2）单击Dreamweaver CC 2018“开始试用”右侧的按钮，在弹出的下拉菜单中选择“卸载”，如图1-4所示，即可卸载该软件。图1-4 选择“卸载”命令1.1.3 启动与退出
Dreamweaver CC 2018经过重新设计，具备更直观的、可自定义的现代化用户界面，更易于访问的菜单和面板，以及可配置的上、下文相关工具栏。
1. 启动
在Adobe Creative Cloud客户端界面的“Apps”面板中找到应用程序图标，然后单击“打开”按钮；或执行“开始”|“所有程序”|“Adobe Dreamweaver CC 2018”命令，即可启动Dreamweaver CC 2018中文版。
为帮助用户快速适应Dreamweaver CC 2018工作区中的更改，初次启动时，Adobe提供“首次使用体验”，用户可以快速完成自定义体验，以找到适合的工作区和主题选项，如图1-5所示。提示：开发人员工作区默认情况下仅包括开发人员对网站进行编码时最必不可少的面板，例如“文件”面板和“代码片段”面板。标准工作区包括处理代码和设计时所需的所有内容，例如“文件”“CC库”“CSS设计器”“插入”“DOM”“资源”“代码片段”面板。建议初学者选择标准工作区。图1-5 首次自定义体验
首次启动最新版本的Dreamweaver时，可以看到一个全新的欢迎屏幕。除了可快速访问最近打开的文件、Creative Cloud文件和初学者模板，欢迎屏幕顶部还显示有“工作”“学习”两个选项卡。“工作”选项卡用于访问最近打开的文件；“学习”选项卡用于访问Dreamweaver的学习视频。
启动Dreamweaver CC 2018或关闭所有Dreamweaver文档时都会显示新的“开始”页，如图1-6所示。在“开始”页可以方便地访问最近使用过的文件、库和起始页模板。
2. 退出Dreamweaver 单击用户界面右上角的“关闭”按钮。 执行“文件”|“退出”命令。图1-6 标准工作区的开始页1.2 Dreamweaver CC 2018的工作界面
Dreamweaver CC 2018的工作区将多个文档集中到一个界面中，这样不仅可以降低系统资源的占用，而且还可以更加方便地操作文档。Dreamweaver CC 2018的操作界面包括菜单栏、文档工具栏、通用工具栏、文档窗口、状态栏和浮动面板组。如图1-7所示为Dreamweaver CC 2018的操作界面。图1-7 Dreamweaver CC 2018的操作界面1.2.1 菜单栏
Dreamweaver CC 2018的主菜单共分九种，文件、编辑、查看、插入、工具、查找、站点、窗口和帮助，如图1-8所示。图1-8 菜单栏
1. “文件”菜单
试读结束[说明：试读内容隐藏了图片]