Dreamweaver CS6网页设计实用教程

内容简介

《Dreamweaver CS6网页设计实用教程/国家示范性高等职业教育电子信息大类“十二五”规划教材》通过基础知识与实例相结合，为网页设计的初、中级读者，系统地讲解Dreamweaver CS6网页设计与制作的方法及经验。
　　《Dreamweaver CS6网页设计实用教程/国家示范性高等职业教育电子信息大类“十二五”规划教材》的内容包括网页设计基础、Dreamweaver CS6的操作环境、文字应用、图像应用、表格应用、超链接应用、多媒体应用、CSS样式表、框架和AP元素、行为和Javascript应用、Div+CSS网页布局基础、Spry框架、模板和库、表单、网站开发与发布。另外，本书在附录中针对Dreamweaver CS6中文版的“CSS规则定义”相关参数都是英文的情况，采用中英文对照的方式，详细介绍CSS规则定义相关参数，以方便读者学习。
　　为了方便教学，本书还配有教学课件等教学资源包，任课教师和学生可以登录“我们爱读书”网免费注册下载，或者发邮件免费索取。
　　《Dreamweaver CS6网页设计实用教程/国家示范性高等职业教育电子信息大类“十二五”规划教材》图文并茂、内容翔实，集操作性、实用性和针对性于一体，主要面向学习网页设计与制作的初、中级读者，适合大中专院校计算机应用、电子商务、网络技术等专业以及计算机培训机构的教学需求，也可作为广大网站设计者的参考用书。

目录

第1章 网页设计基础
1.1 网页设计基础知识
1.2 html基础
本章小结
习题1
第2章 Dreamweaver CS6的操作环境
2.1 初识Dreamweaver CS6
2.2 操作实例——用Dreamweaver制作一个简单的网页
2.3 “代码”视图
2.4 站点的建立
本章小结
习题2
第3章 文字应用
3.1 网页中的文字
3.2 操作实例——设置页面属性
本章小结
习题3
第4章 图像应用
4.1 网页中的图像
4.2 编辑图像
本章小结
习题4
第5章 表格的应用
5.1 在网页中应用表格
5.2 导入表格数据并排序
5.3 操作实例——用表格布局网页
本章小结
习题5
第6章 超链接应用
6.1 超链接
6.2 创建超链接
6.3 管理超链接
本章小结
习题6
第7章 多媒体应用
7.1 网页中应用Flash动画
7.2 在网页中应用视频
7.3 在网页中应用音频
本章小结
习题7
第8章 CSS样式表基础
8.1 CSS层叠样式表概述
8.2 CSS选择器类型
8.3 操作实例——用CSS控制页面元素
8.4 链接外部CSS样式文件
8.4 管理CSS样式表
本章小结
习题8
第9章 框架和AP元素
9.1 框架
9.2 Iframe元素
9.3 AP元素
本章小结
习题9
第10章 行为和Javascript的应用
10.1 行为
10.2 Javascript入门
本章小结
习题10
第11章 Div+CSS网页布局基础
11.1 Div标签
11.2 Div+CSS布局
11.3 操作实例——Div+CSS布局
本章小结
习题11
第12章 Spry框架
12.1 Spry框架概述
12.2 Spry构件
12.3 Spry效果
本章小结
习题12
第13章 模板和库
13.1 模板
13.2 库
本章小结
习题13
第14章 表单
14.1 表单的基础知识
14.2 表单对象
14.3 使用Spry验证表单对象
14.4 操作实例——设计注册表单
本章小结
习题14
第15章 网站开发与发布
15.1 网站开发流程
15.2 操作实例——局域网发布网站
本章小结
习题15
附录
附录A DW CS6的CSS定义详解
附录B 习题参考答案
参考文献

摘要与插图

第2章 Dreamweaver CS6的操作环境
　　本章主要介绍Dreamweaver CS6的工作环境，通过创建简单的网页，熟悉网页制作的过程。描述站点的创建方法及站点的管理，另外，简单地演示如何在“代码”视图中编辑HTML。
　　·Dreamweaver CS6工作环境；
　　·建立站点；
　　·在“代码”视图中创建HTML。
　　2.1初识Dreamweaver CS6
　　掌握Dreamweaver CS6的工作环境是学习网页制作的基础，而软件的安装与卸载、启动，Dreamweaver的工作界面以及帮助是学习软件的要任务。
　　2.1.1Dreamweaver CS6的安装与卸载
　　1.Dreamweaver CS6的安装
　　安装Dreamweaver CS6，具体的操作步骤如下。
　　（1）步骤1双击Dreamweaver CS6的安装文件，程序会自动开始解压缩，单击“确定”按钮，弹出如图2-1所示的界面。
　　（2）步骤2选择文件解压缩的路径，单击“下一步”按钮，依次弹出如图2-2至图2-4所示的界面。
　　图2-1安装界面一
　　图2-2安装界面二
　　（3）步骤3在图2-4所示的界面单击“接受”按钮，弹出如图2-5所示窗口，单击“安装”按钮即可成功安装Dreamweaver CS6，弹出如图2-6所示的界面。
　　图2-3安装界面三
　　图2-4安装界面四
　　图2-5安装界面五
　　图2-6安装界面六
　　（4）步骤4选择“立即启动”，弹出如图2-7所示的“默认编辑器”对话框，单击“确定”按钮，即可进入软件界面。
　　图2-7“默认编辑器”对话框
　　2.Dreamweaver CS6的卸载
　　卸载Dreamweaver CS6与卸载其他的应用程序一样，具体的操作步骤如下。
　　（1）步骤1在“控制面板”中选中“添加或删除程序”列表项，打开“添加或删除程序”窗口，如图2-8所示。
　　（2）步骤2选择“AdobeDreamweaver CS6”，单击“卸载”按钮，弹出“卸载选项”窗口，如图2-9所示。
　　（3）步骤3单击“卸载”按钮，弹出显示卸载进度窗口，如图2-10所示，即可完成卸载工作，卸载完成窗口如图2-11所示。
　　图2-8卸载界面一
　　图2-9卸载界面二
　　图2-10卸载界面三
　　图2-11卸载界面四
　　2.1.2Dreamweaver CS6的启动
　　选择“程序”→“所有程序”→“AdobeDreamweaver CS6”命令，可以启动程序，弹出DW窗口，如图2-12所示。在此窗口中显示了一个开始页，可以选择以哪种方式使用Dreamweaver。
　　图2-12DW窗口
　　2.1.3Dreamweaver CS6工作界面
　　在Dreamweaver CS6开始页中，选择“新建”列表中的“HTML”选项，启动Dreamweaver CS6的工作窗口，如图2-13所示。Dreamweaver CS6所提供的工作区环境，将全部功能面板集成到了一个应用程序窗口中，使用者可以自己选择布局模式进行开发，如图2-14所示。
　　图2-13Dreamweaver CS6的工作窗口
　　图2-14“工作区切换器”下拉菜单
　　Dreamweaver CS6的工作窗口包含菜单栏、文档工具栏、文档窗口、属性检查器、标签选择器、面板组。
　　·文档窗口：用来显示当前创建和编辑的文档内容，是网站设计和开发的主要工作区。
　　·文档工具栏：包含一系列的操作按钮，使用这些按钮可以在编辑文档的不同视图间快速切换，例如“代码”视图、“设计”视图、同时显示代码视图和设计视图的“拆分”视图。工具栏中还包括查看文档、传输文档相关的常用命令，如图2-15所示。
　　图2-15文档工具栏
　　·属性检查器：一个用于查看和编辑所选对象或文本的各类属性（如格式、样式、字体等）的功能面板，如图2