Adobe Dreamweaver CS5网页设计与制作技能基础教程

章节摘录

版权页：   插图：   【窗口大小弹出式菜单】：显示页面的大小，可以将文档窗口的大小调整到预定义或自定义的尺寸，但是在“代码”视图中不可用。 【下载指示器】：显示页面的预计文档大小和估计下载时间。 【编码指示器】：显示当前文档的文本编码。 2.2.4 “属性”面板 “属性”面板是非常重要的面板，主要用于查看和更改所选对象的各种属性，所选的对象不同，显示的属性也将不同。通常情况下，“属性”面板位于文档窗Kl的底部，可以通过双击“属性”使该面板显示或者隐藏，还可以通过单击并拖动的方法移动该面板到文档窗口的其他位置，如图2—6所示。 2.2.5浮动面板 浮动面板组是Dreamweaver操作界面的一大特色，用户可以根据自己的需要选择打开相应的面板和面板组。双击组名称，可以在展开和折叠面板组两种状态之间切换，既方便用户使用，又节省了屏幕空间。这里就以“CSS样式”面板和“插入”面板为例进行介绍。 1.“CSS样式”面板 CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示HTML元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大提高了工作效率。 （1）在“当前”模式下，“CSS样式”面板将显示3个窗格：“所选内容的摘要”窗格，显示文档中当前所选内容的CSS属性；“规则”窗格，显示所选属性的位置；“属性”窗格，允许用户编辑定义所选规则的CSS属性，如图2-7所示。 （2）在“全部”模式下，“CSS样式”面板显示两个窗格：“所有规则”窗格，显示当前文档中定义的规则以及附加到当前文档的样式表中定义的所有规则的列表；“属性”窗格，可以编辑“所有规则”窗格中任何所选规则的CSS属性。 2. “插入”面板 “插入”面板包含用于创建和插入对象（表格、图像和链接等）的按钮。这些按钮按类别进行组织，用户可以通过从“类别”弹出菜单中选择所需类别来进行切换，分别为：常用、布局、表单、数据、Spry、InContext Editing、文本、收藏夹、颜色图标和隐藏标签，如图2—8所示。若当前文档（女HASP或CFML文档）包含服务器代码时，还会显示其他类别。

内容概要

伏银恋，毕业于河北师范大学。在卓越文化先后担任过审稿编辑、组稿编辑和策划编辑，现为自由撰稿人，其中写作和参与编写的图书包括《计算机组装与维修教程》、《计算机文化基础》、《计算机AutoCAD应用教程》、《计算机多媒体应用教程》、《AutoCAD建筑绘图经典设计228例》、《多媒体技术基础与实训教程》、《中文版Flash8完美设计技法》、《FlashCS4完全自学教程》等。这次加入到Adobe创意大学计划，参与到Adobe系列教材的改版升级。

书籍目录

Chapter01快速入门网页设计1 1.1网页设计基础1 1.1.1网页与网站1 1.1.2网站的类型2 1.1.3网页的类型4 1.1.4网站的结构7 1.2常用的网页设计软件8 1.3网页的基本构成元素10 1.4网页布局与配色13 1.4.1网页的布局类型13 1.4.2网页色彩基础17 1.4.3色彩搭配原则20 1.5网站构建的基本流程21 1.5.1网站策划21 1.5.2准备工作22 1.5.3制作及上传网页23 1.6习题24 Chapter02DreamweaverCS5的基本操作25 2.1初识DreamweaverCS525 2.2认识DreamweaverCS5工作界面25 2.2.1菜单栏26 2.2.2文档工具栏27 2.2.3状态栏27 2.2.4“属性”面板28 2.2.5浮动面板28 2.3自定义工作环境29 2.4站点的创建与编辑30 2.4.1创建站点30 2.4.2管理站点32 2.5管理站点中的文件或文件夹34 2.5.1新建文件或文件夹34 2.5.2移动和复制文件或文件夹35 2.5.3删除文件或文件夹35 2.6设置页面属性35 2.6.1外观（CSS）属性36 2.6.2外观（HTML）属性36 2.6.3链接（CSS）属性36 2.6.4标题（CSS）属性37 2.6.5标题／编码属性37 2.6.6跟踪图像属性37 2.7综合案例——创建一个小型公司站点37 2.8习题与上机39 Chapter03HTML语言基础40 3.1认识HTML40 3.1.1HTML语言简介40 3.1.2HTML的基本语法结构40 3.2HTML的基本标记42 3.2.1文本标记42 3.2.2段落标记42 3.2.3文本格式标记43 3.2.4图像标记44 3.2.5超链接标记45 3.2.6列表标记46 3.2.7表格标记48 3.2.8表单标记49 3.3综合案例——利用HTML制作一个简单的网页50 3.4习题与上机52 Chapter04创建文本页面54 4.1文本的基本操作54 4.1.1输入文本54 4.1.2设置文本属性55 4.1.3添加字体56 4.2插入其他元素57 4.2.1插入特殊字符57 4.2.2插入水平线58 4.2.3插入注释58 4.3创建项目列表和编号列表58 4.4插入网页头部内容59 4.4.1设置标题59 4.4.2设置Meta60 4.4.3插入关键字60 4.4.4插入说明61 4.4.5插入刷新61 4.4.6设置基础62 4.4.7设置链接63 4.5综合案例——制作一个简洁的文本页面63 4.6习题与上机66 Chapter05创建多媒体页面67 5.1网页中常用的图像格式67 5.2插入图像68 5.2.1插入简单图像68 5.2.2设置图像属性69 5.2.3插入图像占位符70 5.2.4插入鼠标经过图像70 5.3编辑图像72 5.3.1裁剪图像72 5.3.2重新取样图像73 5.3.3调整图像亮度和对比度73 5.3.4锐化图像74 5.4插入多媒体74 5.4.1插入SWF动画74 5.4.2插入FLV视频75 5.4.3插入背景音乐76 5.4.4插入ActiveX控件77 5.5综合案例——创建图文混排网页78 5.6习题与上机83  Chapter06网页中的超链接84 6.1超链接概述84 6.1.1链接的概念84 6.1.2链接路径84 6.2创建超链接85 6.2.1文本链接85 6.2.2图像链接87 6.2.3图像热点链接88 6.2.4E—mail链接90 6.2.5空链接91 6.2.6脚本链接91 6.2.7下载链接92 6.2.8锚链接93 6.3管理链接94 6.3.1更改链接94 6.3.2自动更新链接95 6.3.3更新站点中某个文件的链接95 6.3.4测试链接96 6.4综合案例——为网页创建超链接96 6.5习题与上机100 Chapter07表格的应用101 7.1表格的基本操作101 7.1.1插入表格101 7.1.2设置表格属性102 7.1.3选取表格103 7.1.4行或列的插入与删除105 7.1.5调整表格大小106 7.1.6表格的嵌套107 7.1.7表格排序107 7.2单元格的操作108 7.2.1选定单元格108 7.2.2拆分和合并单元格109 7.2.3使用单元格“属性”面板111 7.3表格的高级应用111 7.3.1制作细边框表格112 7.3.2制作立体效果表格113 7.3.3制作变色单元格114 7.3.4制作只有外边框的表格114 7.4综合案例——使用表格布局网页115 7.5习题与上机119 Chapter08表单的应用121 8.1表单概述121 8.2表单对象122 8.2.1插入表单域122 8.2.2插入文本域123 8.2.3插入密码域124 8.2.4插入多行文本域125 8.2.5插入隐藏域126 8.2.6插入复选框127 8.2.7插入单选按钮127 8.2.8插入列表／菜单128 8.2.9插入跳转菜单130 8.2.10插入文件域131 8.2.11插入图像域132 8.2.12插入按钮133 8.3Spry验证表单134 8.3.1Spry验证文本域134 8.3.2Spry验证文本区域135 8.3.3Spry验证复选框136 8.3.4Spry验证选择136 8.3.5Spry验证密码137 8.3.6Spry验证确认137 8.3.7Spry验证单选按钮组138 8.4综合案例——制作学生信息表单139 8.5习题与上机144  Chapter09使用模板与库145 9.1模板概述145 9.2创建模板145 9.2.1创建新模板146 9.2.2将普通网页保存为模板147 9.3编辑模板147 9.3.1可编辑区域和不可编辑区域147 9.3.2创建可编辑区域148 9.3.3选择可编辑区域148 9.3.4删除可编辑区域149 9.3.5定义模板可选区域149 9.3.6创建重复区域150 9.4模板的应用152 9.4.1从模板新建文档152 9.4.2将页面从模板中分离153 9.4.3更新页面153 9.5管理模板154 9.5.1重命名模板154 9.5.2删除模板155 9.6使用库155 9.6.1库的概念155 9.6.2创建库项目155 9.6.3应用库项目157 9.6.4库项目的编辑和更新157 9.6.5库项目属性158 9.7综合案例——设计一个产品页模板159 9.8习题与上机164 Chapter10使用框架166 10.1框架与框架集166 10.2“框架”面板166 10.3创建框架167 10.3.1创建预定义框架集167 10.3.2创建自定义框架集168 10.3.3创建嵌套框架169 10.4编辑框架170 10.4.1选择框架和框架集170 10.4.2保存框架和框架集171 10.4.3在框架中添加内容172 10.4.4删除框架173 10.4.5分割框架173 10.5设置框架和框架集属性173 10.5.1设置框架集的属性173 10.5.2设置框架的属性174 10.6创建无框架内容175 10.7在框架中使用链接176 10.8Spry框架技术177 10.9使用Spry框架177 10.9.1Spry菜单栏177 10.9.2Spry选项卡式面板179 10.9.3Spry折叠式面板180 10.9.4Spry可折叠面板181 10.10综合案例——利用框架制作公司首页182 10.11习题与上机188 Chapter11网页中的行为——JavaScript189 11.1行为概述189 11.1.1关于动作189 11.1.2关于事件190 11.2行为的应用191 11.2.1交换图像191 11.2.2弹出信息193 11.2.3打开浏览器窗口194 11.2.4改变属性195 11.2.5效果195 11.2.6显示—隐藏元素198 11.2.7检查插件199 11.2.8检查表单200 11.2.9设置文本200 11.2.10调用JavaScript203 11.2.11转到URL204 11.2.12预先载入图像205 11.3综合案例——为网页添加行为206 11.4习题与上机209 Chapter12应用CSS和Div211 12.1CSS样式表211 12.1.1CSS概述211 12.1.2CSS的基本语法212 12.1.3认识“CSS样式”面板213 12.2创建CSS样式表215 12.2.1样式表的创建方法215 12.2.2样式表的类型216 12.2.3样式表的链接217 12.3CSS样式定义218 12.3.1设置类型218 12.3.2设置背景218 12.3.3设置其他项219 12.4管理CSS样式表220 12.4.1查看CSS样式220 12.4.2编辑CSS样式220 12.4.3删除CSS样式221 12.4.4复制CSS样式221 12.5Div概述222 12.5.1什么是Div222 12.5.2Div嵌套222 12.5.3Div与CSS布局优势223 12.6盒模型224 12.6.1盒模型概述224 12.6.2margin225 12.6.3padding225 12.6.4border225 12.7CSS布局方式226 12.7.1居中布局设计226 12.7.2浮动布局设计228 12.7.3高度自适应布局设计232 12.8综合案例——使用Div+CSS布局网页233 12.9习题与上机244 Chapter13网站的上传与维护246 13.1网站测试246 13.1.1检查浏览器兼容性246 13.1.2创建站点报告247 13.1.3清理文档248 13.2上传网站前的准备工作250 13.2.1注册域名250 13.2.2申请空间251 13.3网站上传252 13.3.1设置服务器站点FTP252 13.3.2连接到远程服务器253 13.3.3文件上传254 13.4网站的维护255 13.4.1网站维护与网站更新255 13.4.2网站升级256 13.4.3网站的安全维护256 13.5习题与上机257 Chapter14网站设计综合案例258 14.1企业网站的制作258 14.1.1制作主页面258 14.1.2制作模板页面263 14.1.3利用模板制作其他网页265 14.2学校网站的制作267 14.2.1建立站点267 14.2.2制作主页面268 14.2.3制作模板页面273 14.2.4利用模板制作其他网页276 附录278 附录A期末综合测试题278 附录B参考答案280

编辑推荐

《Adobe Dreamweaver CS5网页设计与制作技能基础教程》由Adobe创意大学管理中心推荐，职业设计师岗位技能实训教育方案指定教材，北京劳动保障职业学院国家骨干校建设资助项目。一个核心特点：书中案例选自公司的实际产品，并且将其制作为成品，可供教师在课堂展示，帮助学生理解生产要求。二元教学目标：教学生不仅学会如何做，而且能够正确做，达到就业岗位要求。三维知识体系：软件技术+专业知识+工作流程，三维知识通过案例系统讲解。

作者简介

《Adobe Dreamweaver CS5网页设计与制作技能基础教程》以易学和实用为目的，采用“知识点+综合案例”模式对Dreamweaver CS5的功能与使用方法进行了详细介绍，以引导读者迅速掌握和提升应用该软件的技巧。全书共14章，从网页设计的入门知识着手介绍，逐一讲解Dreamweaver CS5的基本操作、HTML语言基础、创建文本页面、创建多媒体页面、网页中的超链接、表格的应用、表单的应用、使用模板与库、使用框架、网页中的行为——JavaScript、应用CSS和Div、网站的上传与维护等内容，最后通过第14章的两个网页设计综合案例，将前13章的知识和技能融会贯通。此外，为了充分消化书中知识，各章末都设置了“综合案例”，引导读者思考，在解决问题中学习知识，学习运用所学知识来解决实际问题、积累经验，从而进一步培养动手和解决问题的能力。《Adobe Dreamweaver CS5网页设计与制作技能基础教程》配1CD多媒体光盘，内容丰富，具有极高的学习价值和使用价值，完整收录了书中所有实例的素材和源文件，适合作为应用型本科、职业院校、成人教育院校和培训学校网页设计相关专业的教材，也可以作为广大网页设计爱好者的自学指导书。

---

 Adobe Dreamweaver CS5网页设计与制作技能基础教程下载

---