内容简介
现代人的生活、学习、工作越来越离不开内容丰富的网站,而丰富多彩的网站也离不开实用、强大的网站制作软件,Adobe公司的网页设计软件Dreamweaver就是当下行的Web开发工具之一。
Dreamweaver CC是Adobe公司推出的版本的网页设计软件,由于它界面友好、实用性强,具有强大的在线更新功能,并且在无须编写任何代码的情况下也可以快速创建页面而深受广大网页设计人员的欢迎。
本书全面介绍了 Dreamweaver CC 的基本操作方法和网页的设计、制作技巧,主要内容包括 HTML 代码、建立和管理站点、如何使用CSS修饰网页、使用 Div+CSS 布局网页、CSS 3.0中新增的属性、处理网页文本、在网页中插入图像、在网页中插入表单元素、表格与Iframe框架的应用、在网页中插入多媒体、设置网页链接、模板和库在网页中的应用、使用行为创建动态效果、HTML5 的应用以及网站的维护与上传。全书提供了 100 多个经典的网页案例帮助读者更深入地掌握Dreamweaver CC的使用和技巧。
本书图文并茂、步骤清晰,适合网页制作初学者和爱好者自学,并可帮助相关从业人员提高技术水平,同时也是计算机培训班和各院校相关专业理想的教辅用书。
本书配套光盘提供了所有实例的源文件和素材以及相关的视频教程,读者可以参考学习。
目录
前言
第1章 网页设计制作基础
1.1 什么是网页
1.1.1 网页设计概述
1.1.2 网页设计与网页制作
1.1.3 网页设计术语
1.2 网页编辑软件和屏幕分辨率
1.2.1 网页编辑软件
1.2.2 屏幕分辨率
1.3 网页的要素
1.4 网页设计所涵盖的内容
1.4.1 网页版式设计
1.4.2 网页设计的任务
1.4.3 网页设计的实现
1.4.4 网页设计造型的组合
1.4.5 网页设计的特点
1.5 网页设计中的色彩应用
1.5.1 网页色彩的特性
1.5.2 网页安全色
1.5.3 色彩模式
1.5.4 色彩的联想作用
1.5.5 网页配色的基本方法
1.6 本章小结
第2章 初识Dreamweaver CC
2.1 Dreamweaver CC简介
2.2 Dreamweaver CC的安装与卸载
2.2.1 Dreamweaver CC的系统要求
2.2.2 安装Dreamweaver CC
自测1:安装Dreamweaver CC
光盘\视频\第2章\2-2-2.swf
2.2.3 卸载Dreamweaver CC
自测2:卸载Dreamweaver CC
光盘\视频\第2章\2-2-3.swf
2.2.4 启动Dreamweaver CC
2.3 Dreamweaver CC的新增功能
2.3.1 简洁的用户界面
2.3.2 全新的“新建文档”对话框
2.3.3 Dreamweaver与Creative Cloud同步
2.3.4 全新的“插入”面板
2.3.5 全新的“CSS设计器”面板
2.3.6 新增HTML5画布插入按钮
2.3.7 新增网页结构元素
2.3.8 新增HTML5音频和视频插入按钮
2.3.9 支持导入Adobe Edge Animate作品
2.3.10 新增HTML5表单输入类型
2.3.11 新增适用于jQuery Mobile的表单元素
2.3.12 jQuery Widget
2.3.13 集成Edge Web Fonts
2.3.14 支持全新的平台
2.3.15 增强表单元素对HTML5的支持
2.3.16 增强FTP
2.4 Dreamweaver CC的工作界面
2.4.1 Dreamweaver CC的菜单栏
2.4.2 “插入”面板
2.4.3 “文档”工具栏
2.4.4 状态栏
2.4.5 浮动面板
2.5 辅助工具的使用
2.5.1 标尺
2.5.2 辅助线
2.5.3 网格
2.6 本章小结
第3章 使用Dreamweaver CC编辑HTML代码
3.1 HTML简介
3.1.1 什么是HTML
3.1.2 HTML的语法结构
3.1.3 HTML中的3种标签形式
3.2 HTML语言中的重要标签
3.2.1 文件结构标签
3.2.2 字符格式标签
3.2.3 区段格式标签
3.2.4 列表标签
3.2.5 表格标签
3.2.6 超链接标签
3.2.7 多媒体标签
3.2.8 表单标签
3.2.9 分区标签
3.3 在Dreamweaver CC中编辑HTML
3.3.1 在代码视图中创建HTML页面
自测3:在代码视图中创建HTML页面
光盘\视频\第3章\3-3-1.swf
3.3.2 在设计视图中创建HTML页面
自测4:在设计视图中创建HTML页面
光盘\视频\第3章\3-3-2.swf
3.3.3 代码视图详解
3.3.4 折叠代码
3.3.5 选择父标签
3.3.6 代码的注释
3.3.7 环绕标签
3.4 使用快速标签编辑器
3.4.1 使用插入模式的快速标签编辑器
3.4.2 使用编辑模式的快速标签编辑器
3.4.3 使用环绕模式的快速标签编辑器
3.4.4 设置快速标签编辑器的属性
3.5 使用代码片段
3.5.1 插入代码片段
3.5.2 创建代码片段
3.6 优化代码
3.6.1 优化HTML代码
3.6.2 清理Word生成的HTML代码
3.7 网页中的其他源代码
3.7.1 CSS样式代码
3.7.2 Javascript脚本代码
3.7.3 源代码中的注释
3.8 本章小结
第4章 建立和管理站点
4.1 创建站点
4.1.1 创建本地站点
自测5:创建本地站点
光盘\视频\第4章\4-1-1.swf
4.1.2 设置站点服务器
4.1.3 站点服
摘要与插图
21世纪是一个互联网的时代,网络生活走进千家万户,越来越多的个人和企业纷纷在网上“自立门户”。随着时代的发展,网页设计已经在短短数年内跃升为一个新的艺术门类,而不再仅仅是一门技术。对于广大的网站拥有人来说,网络就像一座取之不尽、用之不竭的天然宝藏,其中蕴藏着无限的财富与机遇,正因如此,竞争也就产生了。网页设计在其中扮演着举足轻重的作用,对于网页设计而言,网页设计软件的使用是不可或缺的。
由Adobe公司开发的Dreamweaver无疑是应用广泛的专业网页制作软件之一,它以强大的功能和友好的操作界面受到了广大网页设计人员的喜爱,是Dreamweaver CC新增了许多功能,能帮助用户地完成制作。
本书章节及内容安排
考虑到技术的更新,为了跟上技术更新的步伐,Dreamweaver CC对HTML5和CSS 3.0提供了全面的支持。本书从实用的角度出发,采用知识点与实例相结合的方式,突破传统的束缚,对Dreamweaver CC中的功能进行逐一讲解,使实例和知识点达到的契合。
本书共分为18章,各章的主要内容如下:
第1章 网页设计制作基础,主要针对网页的基本概念、基本组成元素进行了详细的介绍,使读者在学习网页设计制作前先了解网页的基础知识,包括网页设计术语、网页布局和网页配色等。
第 2 章 初识 Dreamweaver CC,从软件的安装与卸载以及操作界面的使用入手,对 Dreamweaver CC中的新增功能、各种菜单以及操作流程进行逐一介绍。
第3章 使用Dreamweaver CC轻松地编辑HTML代码,主要向读者介绍与HTML相关的知识点,对HTML的基本概念、HTML语言中的重要标签,以及如何在Dreamweaver CC中编辑HTML等都进行了详细的介绍。
第4章 建立和管理站点,主要向读者介绍如何创建站点、站点的设置与基本操作以及如何管理站点和创建个人站点等相关知识,并对Dreamweaver CC中新增的jQuery以及其他功能做了讲解,使读者对Dreamweaver CC强大的本地站点和远程站点管理功能有所了解。
第5章 网页整体属性的控制,介绍如何对网页的头信息以及整体属性进行设置。
第6章 CSS样式在网页中的应用,主要介绍在Dreamweaver CC中如何使用“CSS设计器”面板进行CSS样式表的创建,使读者能够熟练地掌握创建和使用CSS样式的新方法与新技巧,通过实践掌握各种各样的CSS效果应用。
第7章 CSS 3.0中新增的属性,为了“迎合”代码的更新和软件的需求,本章详细地讲解了CSS 3.0中新增的属性以及具体的使用方法,让读者能够对网页进行更的开发。
第8章 使用Div+CSS布局网页,主要讲解了Web标准的构成、使用Div+CSS样式实现多种网页布局的方法以及各种不同的布局方式,并通过实例的制作讲解实际操作中的Div+CSS布局方法。
第9章 处理网页文本,通过对网页中文本的插入和设置的学习,使读者掌握基本的文本网页的制作。
第10章 在网页中插入图像,带领读者学习图像的应用方法以及Dreamweaver CC中其他图像元素的编辑方法和应用技巧,使读者可以在制作网站页面的过程中更加全面地应用图像元素。
第 11 章 在网页中插入表单元素,主要对网页中的表单元素,例如表单域、文本域、列表/菜单、单选按钮、复选框和图像域等进行了详细的讲解,并对HTML 5中新增的表单元素以及具体的使用方法进行了讲解,同时提供了典型的注册页面实例。
第12章 表格与Iframe框架的应用,主要针对Dreamweaver CC中表格的使用方法和技巧进行讲解,使读者在创建一个表格后能够轻松地修改其外观与结构,同时向读者介绍了Dreamweaver CC中框架的运用,读者通过学习可以使用表格和框架快速地构建不同的网页页面。
第13章 在网页中插入多