《Dreamweaver CS4网页设计与制作》全面地介绍了网页制作技术及其相关理论。全书共分12章,包括绪论、网站的创建与管理、网页基本元素实现、网页页面布局实现、表单的应用、CSS与模板、使用Div和AP Div、HTML、制作网页动态效果、XML、JSP基础、站点测试与发布等内容。
《Dreamweaver CS4网页设计与制作》适合作为高职高专院校的教材,也可为社会培训班和广大网页制作爱好者使用。
本书是根据教育部对高职高专教育人才培养工作的指导思想编写而成的。全书贯穿项目教学的思想,从网页制作初学者的角度出发,采用“任务驱动”模式进行编写,通过一个个具体的课堂任务案例,由浅入深、循序渐进地介绍网页制作技术。
本书主要针对高职高专院校的特点进行设计,将教学内容主要定位在静态网页的设计、制作和发布方面。通过学习本书,读者能够具备运用Dreamweaver CS4设计中小型网站和制作网页的能力,为今后从事网站设计与制作工作打下良好的基础。
本书共分12章,内容概括如下。
第1、2章介绍网页制作的前期工作。第1章介绍网页制作工具、网站开发流程、网页设计原理和网页设计规范;第2章介绍网站的创建与管理,包括本地站点和远程站点的创建、网页文档的基本操作等。
第3~7章主要介绍网页制作元素的使用方法。每章设计一个知识模块,包括文本、图像、超链接、表格、页面的整体控制、框架、Spry布局对象、表单、CSS、模板、库、Div和AP Div等。
第8章主要介绍HTML。在Dreamweaver。CS4中对源代码的操作方法、网页的组成元素以及属性设置最终都形成HTML代码,因此有必要对HTML语言的语法结构、HTML标签有一定的了解。
第9章主要介绍制作网页动态效果。包括JavaScript制作网页特效的有关知识、制作特效的DreamweaverCS4的各种内置行为和网页中插入各种媒体的方法。
第10章主要介绍XML。XML是一种先进的描述数据的技术,它将数据内容与数据的显示分离,是未来数据处理的发展方向。
第11章主要介绍动态网页制作技术JSP。
第12章介绍站点测试与发布。
本书具有下列特点。
(1)面向高职高专。本书按照高职高专的特点进行编写,以案例为主线进行内容的讲解。
(2)有序分类。按照循序渐进的学习方式,对学习内容进行了归类,把属于同一类的内容归到一起,使得每一章具有独立性,在整体上又具有完整性。
(3)内容全面。包括静态网页制作、动态网页制作和XML。
(4)采用Dreamweaver的最新版本Dreamweaver CS4讲解网页的制作,体现新技术的使用。
前言
第1章绪论1
1.1网页和网站1
1.2网页制作工具2
1.2.1网页编辑工具2
1.2.2网页图像与动画制作工具3
1.3网站开发流程4
1.3.1网站的开发流程4
1.3.2网站规划5
1.4网页设计原理7
1.4.1网页设计的基本原则7
1.4.2网页版面布局设计8
1.4.3网站LOGO设计8
1.4.4网页色彩设计原理9
1.4.5网站导航设计11
1.4.6网页页面元素设计13
1.5网页设计规范13
1.5.1命名规范13
1.5.2目录结构规范14
1.5.3尺寸规范14
1.5.4形象设计规范15
1.5.5新技术使用规范15
1.5.6导航规范16
1.5.7数据库使用规范16
1.6优秀网站赏析16
1.6.1国外优秀网站赏析16
1.6.2优秀个人网站19
1.7同步测试22
第2章网站的创建与管理23
2.1DreamweaverCS4简介23
2.1.1DreamweaverCS4的特点23
2.1.2DreamweaverCS4的新增功能25
2.1.3DreamweaverCS4的工作环境27
2.1.4DreamweaverCS4的帮助系统32
2.2网站的创建32
2.2.1创建本地站点33
2.2.2创建远程站点36
2.3网站的管理40
2.3.1使用“文件”面板管理网站中的资源41
2.3.2使用“资源”面板管理网站中的资源41
2.4网页文档的基本操作43
2.4.1创建网页文档43
2.4.2保存网页文档44
2.4.3打开网页文档44
2.4.4关闭网页文档44
2.5同步测试44
2.6综合实例-申请远程站点45
第3章网页基本元素实现48
3.1文本操作48
3.1.1输入文本48
3.1.2在网页中编辑文本50
3.1.3插入相关文本要素50
3.1.4文本的格式化54
3.2在网页中插入图像54
3.2.1网页图像的基础知识54
3.2.2网页图像素材的搜集55
3.2.3图像操作55
3.2.4插入相关图像元素58
3.3设置超链接61
3.3.1超链接概述61
3.3.2创建文本超链接62
3.3.3创建图片超链接64
3.3.4创建电子邮件超链接65
3.3.5创建空链接和脚本链接66
3.3.6创建下载文件超链接66
3.3.7链接检查66
3.3.8导航栏67
3.4页面的整体控制67
3.4.1设置参数67
3.4.2设置页面属性68
3.4.3设置文件头内容72
3.4.4辅助工具的使用76
3.5同步测试79
3.6综合实例-校园风光介绍79
第4章网页页面布局实现82
4.1表格的应用82
4.1.1表格82
4.1.2表格的基本操作与属性设置83
4.1.3表格的嵌套和排序89
4.1.4利用表格布局网页90
4.2框架92
4.2.1创建保存框架集92
4.2.2显示框架边框和“框架”面板93
4.2.3插入和删除框架93
4.2.4设置框架与框架集95
4.2.5利用框架设计网页96
4.3使用Spry布局对象98
4.3.1Spry菜单栏99
4.3.2Spry选项卡式面板100
4.3.3Spry折叠式构件101
4.3.4Spry可折叠面板103
4.4同步测试103
4.5综合实例-制作学院网站首页105
第5章表单的应用108
5.1表单简介108
5.2表单和表单对象109
5.2.1表单109
5.2.2表单对象109
5.3创建表单111
5.4插入表单对象112
5.4.1插入文本字段112
5.4.2插入文本区域113
5.4.3插入复选框组114
5.4.4插入单选按钮组115
5.4.5插入列表/菜单116
5.4.6插入跳转菜单117
5.4.7插入图像域118
5.4.8插入文件域119
5.4.9插入按钮119
5.5Spry类表单对象120
5.6表单和表单对象的应用122
5.6.1使用表单对象制作注册界面122
5.6.2使用Spry类表单对象制作界面127
5.7同步测试129
5.8综合实例-制作反馈表单130
第6章CSS与模板135
6.1CSS的应用135
6.1.1CSS的基本语法136
6.1.2CSS的定义位置137
6.1.3CSS的冲突138
6.1.4CSS操作139
6.1.5CSS的应用实例143
6.2模板150
6.2.1模板概述150
6.2.2创建模板151
6.2.3模板操作152
6.2.4使用模板创建网页154
6.2.5模板的可编辑区域154
6.2.6更新基于模板的网页文件157
6.2.7页面与模板分离158
6.3库159
6.3.1库建立160
6.3.2库操作160
6.3.3在网页中插入库161
6.3.4更新库161
6.4同步测试161
6.5综合实例-制作旅游网页162
第7章使用Div和APDiv167
7.1Div标签167
7.1.1Div概述167
7.1.2Div标签操作167
7.1.3Div+CSS169
7.2APDiv的使用173
7.2.1APDiv概述173
7.2.2APDiv操作174
7.2.3绘制嵌套的APDiv177
7.2.4APDiv与表格互换178
7.3应用实例-使用APDiv显示多层动画180
7.4同步测试183
7.5综合实例-制作相册184
第8章HTML190
8.1HTML简介190
8.1.1HTML的特点190
8.1.2HTML的语法规则192
8.1.3HTML标签的类型192
8.2DreamweaverCS4的HTML源代码功能193
8.2.1DreamweaverCS4的视图模式193
8.2.2在DreamweaverCS4中直接编写HTML194
8.2.3DreamweaverCS4的代码编辑工具195
8.3HTML标签202
8.3.1HTML版本信息202
8.3.2HTML头部信息203
8.3.3HTML主体标签204
8.3.4HTML文字与段落标签204
8.3.5HTML图像标签206
8.3.6HTML超链接标签207
8.3.7HTML中的表格标签208
8.3.8HTML框架标签208
8.3.9HTML表单标签210
8.3.10添加多媒体元素211
8.4同步测试212
8.5综合实例-使用HTML语言制作公司营销网页213
第9章制作网页动态效果219
9.1JavaScript简介219
9.1.1JavaScript219
9.1.2一个简单的JavaScript实例220
9.2JavaScript的基本语法220
9.2.1JavaScript脚本的语法格式220
9.2.2JavaScript的常量和变量221
9.2.3JavaScript的运算符和表达式222
9.2.4JavaScript的语句222
9.2.5JavaScript函数225
9.2.6JavaScript的事件225
9.3JavaScript的对象226
9.3.1JavaScript的浏览器对象226
9.3.2JavaScript的内置对象228
9.3.3JavaScript对象的引用230
9.4JavaScript代码嵌入到HTML文档的方法230
9.4.1在head部分添加JavaScript脚本230
9.4.2在body部分添加JavaScript脚本231
9.4.3链接JavaScript脚本文件231
9.5使用JavaScript制作特效231
9.6行为应用232
9.6.1行为的概念232
9.6.2使用“行为”面板233
9.6.3使用常见行为234
9.7网页中的媒体应用237
9.7.1插入Flash238
9.7.2FLV视频238
9.7.3插入Shockwave影片240
9.7.4插入JavaApplet241
9.7.5插入ActiveX控件243
9.7.6插入声音245
9.7.7删除媒体246
9.8同步测试246
9.9综合实例-制作博客网页247
第10章XML252
10.1XML简介252
10.1.1XML的特点252
10.1.2XML内容254
10.2XML语法255
10.2.1XML标记语法255
10.2.2XML文档语法256
10.3XML和HTML258
10.3.1XML与HTML结合的优势258
10.3.2数据岛和XML数据源对象258
10.3.3数据绑定259
10.3.4结合脚本语言的XML261
10.4DreamweaverCS4操作XML263
10.4.1利用CSS显示XML263
10.4.2DreamweaverCS4实现XSL转换264
10.5同步测试266
10.6综合实例-使用XML制作古诗网页267
第11章JSP基础270
11.1JSP270
11.1.1JSP简介270
11.1.2安装配置JSP运行环境272
11.1.3JSP语法274
11.2JSP的常用对象279
11.2.1request对象279
11.2.2response对象280
11.2.3session对象281
11.2.4application对象282
11.2.5out对象282
11.2.6exception对象282
11.2.7PageContext对象282
11.2.8config对象283
11.3JSP访问数据库283
11.3.1SQL和JDBC283
11.3.2设置数据源284
11.3.3数据库的基本操作285
11.4同步测试285
11.5综合实例-用户提交信息的确认287
第12章站点测试与发布290
12.1测试站点290
12.1.1测试网站290
12.1.2测试本地站点292
12.1.3用户测试293
12.1.4负载测试293
12.1.5创建网站报告293
12.2申请域名与申请空间294
12.2.1申请域名294
12.2.2申请空间295
12.3发布站点296
12.4网站的宣传与推广298
12.5网站的维护与更新299
12.5.1网站的维护299
12.5.2网站的更新301
12.6同步测试301
Internet的普及和发展极大地推动了世界经济向知识经济的转变。经过20年的发展,Internet已经成为世界上覆盖最广、规模最大、信息资源最丰富的计算机网络。它延伸到了世界的每一个角落,兼容所有的传输媒介,支持成千上万不同的应用。通过Internet,人们可以了解最新的新闻动态、气象信息和旅游信息,可以收发邮件、网上购物、网上炒股、登录各类数字图书馆查阅资料、享受远程教育等。
在Internet系统中,万维网(WWW)是一个主要的组成部分。万维网使得浏览Internet变得非常简单,只要用鼠标点击,就可以显示图文并茂的网页。网页可以包含文字、声音、视频、动画等,这也是万维网在Internet中受欢迎、使用广泛的原因。随着网络技术的发展,新的动态网页技术使万维网焕发出新的生机和活力。
通过本章的学习,读者能够掌握网站的开发流程、网页的设计原理和设计规范,并应用到网页设计中。
1.1 网页和网站
网站是指在国际互联网上,根据一定的规则,使用HTMI。等工具制作的用于展示特定内容的相关网页的集合,有独立域名的Web站点。简单地说,网站是一种通信工具。人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务,还可以通过网页浏览器访问网站,获取需要的资讯或者享受网络服务。
网页是一个HTML格式的文档,可以包含文本、图像、动画、音频、视频等信息。网页按其表现形式可以分为静态网页和动态网页。静态网页实际上是图文结构的页面,浏览者可以阅读页面中的信息,但不能与服务器进行交互操作。动态网页是指浏览器端和服务器端可以进行交互操作,大部分的信息存储在服务器端的数据库中,根据浏览者的请求从服务器端的数据库中取出数据,传送到浏览器端,然后显示出来。
……