作者：鼎翰文化
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
新手学Dreamweaver CS6+Flash CS6+Photoshop CS6网页设计(实例版)(全彩)(含DVD光盘1张)试读：
前言
PREFACE随着因特网的进一步普及，网页制作技术也在不断地提高，除了传统的美工技术外，多媒体和交互性技术已经在网页制作中得到了广泛的应用。Adobe最新推出Dreamweaver CS6、Flash CS6和Photoshop CS6，正是为适应用户对网页制作新的要求和需要而开发的，这三个软件的界面经过进一步整合，操作更加简单，而且满足了当前网页制作绝大部分技术的需要。
我们针对初中级读者在学习过程中的要求及习惯，综合了具有丰富经验的设计师的设计经验，编写了这本书，希望能帮助读者快速了解网页制作的设计思路，熟练掌握各种工具及命令的功能与使用技巧，从而快速成长为一名具有非凡创造力的网页设计人员。
本书精选了数十个具有代表性和说明性的精彩案例，将软件的应用技巧与实际创意完美地结合在一起，这些案例堪称在软件使用中的经典。且所选案例具有很强的代表性、非常美观，包括网页的基本编辑、网页布局、多媒体与网页特效、Flash基础动画、鼠标与按钮菜单动画、Action动画、图像处理、网页艺术字、制作按钮与导航菜单、房地产网站、化妆品网站等，通过Step By Step的讲解方式，深刻细致地剖析整个实例的制作过程。本书实例力求用最简单、最直接的方法达到最好的设计效果，并在带领读者熟练掌握软件操作的同时，掌握网页的制作方法和操作技巧。
本书力求全面地将Dreamweaver CS6、Flash CS6和Photoshop CS6所涉及的知识点深入浅出地进行透彻讲解，再由浅入深地引导，同时配以相应的图像，不仅使读者清晰、快捷地了解网页的创作过程，而且对有关网页制作的概念、技巧也一目了然。
本书特色“全新软件+实例导学+视频助学”模式。全书采用实例导学模式，让读者在模仿中学习，快速掌握软件的应用及设计实践，轻松驾驭软件，熟练完成网页设计工作。
突出重点及难点，提供相关的知识链接。在写作中穿插技巧提示，帮助读者及时解决学习中可能会碰到的问题。适当补充相关知识链接，让读者进一步拓展应用能力。
实用性强，易于上手。本书的实例均来自一线实践需求，每一个实例都有不同的知识点和代表性，实例由简到繁逐步深入，非常适合初学者入门学习并逐步提高。
多媒体视频教学辅助学习。本书不仅提供了所有的实例素材文件，还提供了操作演示视频，读者可以通过多媒体视频教程直观地学习，进一步强化学习效果。本书力求全面地将Dreamweaver CS6、Flash CS6和Photoshop CS6所涉及的知识点深入浅出地进行透彻讲解，再由浅入深地引导，同时配以相应的图像，不仅使您清晰、快捷地了解网页的创作过程，而且对有关网页制作的概念、技巧也一目了然。
本书由鼎翰文化编著，同时参与编写的人员还有李彪、杨仁毅、李彪、何紧莲、王政、邓建功、朱世波、尹新梅、蒋平、陈果、彭子佳、刘会、王园、王东华、王朋伟等同志，在此感谢所有创作人员对本书付出的艰辛。在创作的过程中，由于时间仓促，错误在所难免，希望广大读者批评指正。编著者第1篇 Dreamweaver篇
■ 01章 网页的基本编辑
■ 02章 网页布局
■ 03章 多媒体与网页特效01章 网页的基本编辑
建立本地站点
在网页中插入日期
插入彩色的水平线
为网页中的图片添加指定颜色的边框
将图像设置为网页的背景
锚记链接
为网页中的图像添加提示信息
图像占位符
在文本框中添加及显示图片
实例01 建立本地站点
案例说明： 在建立站点之前，首先要知道所有文件夹、资源和特定的文件都包含在站点中。因此，首先在硬盘上建立一个新文件夹作为本地根文件夹，用来存放相关文档。如在D盘根目录下创建一个名为“zhandian”的文件夹，在“zhandian”文件夹里再创建一个名为“images”的文件夹，用来存放网站中用到的图像文件。
光盘文件： 无
操作步骤
1 新建站点。启动Dreamweaver CS6，选择“站点→新建站点”命令，打开建立站点对话框。
2 设置站点。在“站点名称”文本框中输入“网站”，在“本地站点文件夹”文本框中输入刚才在D盘创建好的“zhandian”文件夹的路径。也可以单击右侧的文件夹图标，在弹出的对话框中进行选择。
3 显示站点。完成后单击按钮，完成本地站点的建立。这时在“文件”面板下方的列表框中将显示建立好的站点列表。
提示
如果是一个复杂的站点，它所包含的文件会很多，而且各类型的文件其内容也会不尽相同。如果将一切网页文件都存放在一个文件夹中，当站点的规模越来越大时，管理起来就会很不容易。为了能更合理地管理文件，要将文件分门别类地存放在相应的文件夹中。
用文件夹来合理构建文档的结构时，应该先为站点在本地磁盘创建一个根文件夹。在此文件夹中，再分别创建多个子文件夹，如：网页文件夹、媒体文件夹和图像文件夹等。再将相应的文件放在相应的文件夹中。站点中的一些特殊文件，如模板、库等最好存放在系统默认创建的文件夹中。
为了方便管理，文件夹和文件的名称最好有具体的含义。这一点非常重要，特别是在网站的规模变得很大时，文件名容易理解的话，人们一看就明白网页所描述的内容。否则，随着站点中文件的增多，不易理解的文件名会影响工作的效率。实例02 在网页中插入日期
案例说明： 利用Dreamweaver CS6可以在网页中插入日期，当保存文档时，又可以自动更新。
光盘文件： 无
操作步骤
1 执行菜单命令。将光标放置到要插入日期的位置。选择“插入→日期”命令。
2 选择日期格式。弹出“插入日期”对话框，在“日期格式”列表框中选择需要的日期格式。
3 显示日期。单击按钮后，将在网页上显示插入日期的效果。实例03 插入彩色的水平线
案例说明： 水平线用于分隔网页中的不同内容，网页中的水平线可以将网页划分成几个不同的页面。在网页中插入水平线时，水平线的默认颜色都是黑色，无法直接插入其他颜色的水平线，这样就会出现插入的水平线与整个网页颜色不协调的情况。如果需要其他颜色的水平线，就需要在插入水平线后进行设置。
光盘文件： 光盘\源文件与素材\01章\插入彩色的水平线
操作步骤
1 放置光标。将光标置于网页中两幅图像的中间。
2 插入水平线。选择“插入→HTML→水平线”命令，便会在光标所在位置处插入一条水平线。
3 设置水平线。选择刚刚插入的水平线，在“属性”面板中的“宽”、“高”文本框中分别输入水平线的宽度与高度，这里分别输入“750”与“9”，在“对齐”下拉列表中选择水平线的对齐方式，这里选择“居中对齐”选项。
4 添加代码。在“属性”面板中单击按钮，打开快速标签编辑器。在快速标签编辑器中对其参数进行
设置就可以改变水平线的颜色，其中“#xxxxxx”是所需颜色的色标值。例如，在快速标签编辑器中输入“hr color=" # #FF0000"”。表示插入红色的水平线。
5 保存文件。选择“文件→保存”命令，弹出“另存为”对话框，在“保存在”下拉列表中选择文件保存的位置。在“文件名”文本框中输入保存文件的名称，完成设置后单击按钮。
6 浏览网页。按下【F12】键浏览网页。实例04 为网页中的图片添加指定颜色的边框
案例说明： 在Dreamweaver CS6中是无法直接给网页中的图像添加边框的。本例主要通过对图片添加空链接，然后设置边框的大小与颜色，给图像添加上指定颜色的边框，可以使图片的表现方式更多样。
光盘文件： 光盘\源文件与素材\01章\为网页中的图片添加指定颜色的边框
操作步骤
1 导入图像。新建一个网页文档，选择“插入→图像”命令，将一幅图像插入到文档中。
2 添加空链接。在网页中插入图片后，选中该图片，在“属性”面板中的“链接”文本框中输入“#”号，即可为图片添加空链接。
3 设置颜色。单击“属性”面板中的按钮，弹出“页面属性”对话框，选择“链接（CSS）”选项，为图片设置需要的链接颜色，本例设置为紫色。完成后单击按钮。
4 浏览网页。保存文档，按下【F12】键浏览网页。实例05 将图像设置为网页的背景
案例说明： 在Dreamweaver CS6中也可以为网页文档设置背景图像。
光盘文件： 光盘\源文件与素材\01章\将图像设置为网页的背景
操作步骤
1 执菜单行命令。新建一个网页文档，选择“修改→页面属性”命令。
2 设置背景图像。打开“页面属性”对话框，选择“外观（CSS）”选项，在“背景图像”文本框中输入将被用做网页背景的图像文件的路径，或者单击其右侧的按钮，在弹出的对话框中选择一幅图像文件。
提示
如果要使网页背景呈条纹状显示，可使用图像编辑软件（PhotoShop或Fireworks）制作一个宽和高都为5像素的图片，然后使用矩形工具绘制一个宽为1像素、高为5像素的矩形，并填充上喜欢的色彩，另存为.gif文件，最后在Dreamweaver中将其设置为背景图像即可。
3 完成设置。完成后单击按钮，即可为网页文档设置背景图像。
提示
如果同一个网页既设置了背景颜色，又设置了背景图像，那么只能显示背景图像，不能显示背景颜色。
实例06 锚记链接
案例说明： 我们在浏览网页时，当一个网页的内容很多，需要上下拖动滚动条来查看网页的内容时，就会觉得很麻烦。其实，使用命名锚记可以解决这个问题。命名锚记使用户可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将浏览者带到指定位置。
光盘文件： 光盘\源文件与素材\01章\锚记链接
创建到命名锚记链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。
操作步骤
1 放置光标。将光标放置到要创建命名锚记的位置，如页面顶部。
2 打开“命名锚记”对话框。选择“插入→命名锚记”命令，弹出“命名锚记”对话框。
提示
按下【Ctrl+Alt+A】组合键能快速打开“命名锚记”对话框。
3 设置锚记名称。在“锚记名称”文本框中输入锚记的名称。锚记名不能含有空格，如这里输入“abc”。然后单击按钮。
4 插入锚记。这时可以在文档窗口中看到锚记。
试读结束[说明：试读内容隐藏了图片]