基于Web标准的网页设计与制作PDF|Epub|txt|kindle电子书版本网盘下载

基于Web标准的网页设计与制作PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网页设计概述1

1.1 初识网页设计1

1.1.1 什么是网页1

1.1.2 网页设计的两个基本问题3

1.1.3 网页设计语言——HTML简介4

1.1.4 网页制作软件4

1.2 网站的建立5

1.2.1 网站的特征6

1.2.2 在Dreamweaver中建立站点6

1.3 Web服务器与浏览器8

1.3.1 Web服务器的作用8

1.3.2 浏览器的种类和作用9

1.4 静态网页和动态网页10

1.5 URL的含义和结构12

1.6 域名与主机的关系13

习题14

第2章 HTML15

2.1 HTML概述15

2.1.1 HTML文档的结构15

2.1.2 Dreamweaver的开发界面16

2.1.3 使用DW新建HTML文件17

2.1.4 HTML标记17

2.1.5 常见的HTML标记及属性18

2.2 在网页中添加文本19

2.2.1 文本格式标记19

2.2.2 文本的换行和空格21

2.2.3 文本中的字符实体22

2.2.4 字体标记23

2.2.5 创建列表24

2.3 利用DW代码视图提高效率25

2.3.1 代码提示25

2.3.2 拆分视图和代码快速定位26

2.3.3 DW中的常用快捷键27

2.4 插入图像28

2.4.1 〈img〉标记28

2.4.2 网页中支持的图像格式29

2.5 创建超链接30

2.5.1 超链接标记〈a〉30

2.5.2 绝对URL与相对URL32

2.5.3 超链接的种类34

2.5.4 超链接目标的打开方式35

2.5.5 超链接制作的原则36

2.5.6 DW中超链接“属性”面板的使用36

2.6 插入Flash及多媒体元素37

2.6.1 插入Flash的方法37

2.6.2 插入视频或音频文件38

2.6.3 HTML 5新增的多媒体标记39

2.7 创建表格42

2.7.1 表格标记〈table〉42

2.7.2 行标记〈tr〉和单元格标记〈td〉、〈th〉44

2.7.3 在DW中操作表格的方法47

2.7.4 制作固定宽度的表格49

2.7.5 特殊效果表格的制作50

2.7.6 用普通表格与布局表格进行网页布局52

2.7.7 表格布局综合案例——制作太阳能网站55

2.8 创建表单57

2.8.1 〈form〉标记及其属性57

2.8.2 〈input/〉标记60

2.8.3 〈select〉和〈option〉标记63

2.8.4 多行文本域标记〈textarea〉63

2.8.5 表单数据的传递过程64

2.8.6 表单中的按钮65

2.8.7 表单的辅助标记66

2.8.8 HTML 5新增的表单标记和属性67

2.9 框架标记70

2.9.1 框架的作用70

2.9.2 〈frameset〉标记70

2.9.3 〈frame/〉标记72

2.9.4 嵌入式框架标记〈iframe〉73

2.10 头部标记74

习题75

第3章 XHTML与Web标准78

3.1 XHTML与HTML的区别78

3.1.1 文档类型的含义和选择78

3.1.2 XHTML与HTML的重要区别79

3.2 Web标准81

3.2.1 传统HTML的缺点81

3.2.2 Web标准的含义82

3.2.3 Web标准的优势84

3.3 HTML元素的概念84

3.3.1 行内元素和块级元素85

3.3.2 〈div〉和〈span〉标记85

3.4 HTML 5简介86

3.4.1 HTML 5新增的标记86

3.4.2 HTML 5语法的改进88

习题89

第4章 CSS90

4.1 CSS基础90

4.1.1 CSS的语法90

4.1.2 在HTML中引入CSS的方法91

4.1.3 选择器的分类93

4.1.4 CSS文本修饰95

4.1.5 伪类选择器及其应用96

4.2 CSS的特性98

4.2.1 CSS的层叠性98

4.2.2 CSS的继承性100

4.2.3 选择器的组合102

4.2.4 CSS 2.1新增选择器简介107

4.3 CSS设计和书写技巧112

4.3.1 CSS样式总体设计原则112

4.3.2 DW对CSS的可视化编辑支持113

4.3.3 CSS属性的值和单位115

4.3.4 浏览器的私有CSS属性116

4.4 盒子模型及标准流下的定位117

4.4.1 盒子模型基础118

4.4.2 盒子模型的应用123

4.4.3 盒子在标准流下的定位原则125

4.5 背景的控制129

4.5.1 CSS的背景属性129

4.5.2 背景的基本运用技术131

4.5.3 滑动门技术——背景的高级运用134

4.5.4 背景图案的翻转——控制背景的显示区域139

4.5.5 CSS圆角设计140

4.6 盒子的浮动143

4.6.1 盒子浮动后的特点143

4.6.2 浮动的清除146

4.6.3 浮动的浏览器解释问题146

4.6.4 浮动的应用举例151

4.7 相对定位和绝对定位157

4.7.1 定位属性和偏移属性157

4.7.2 相对定位158

4.7.3 相对定位的应用举例159

4.7.4 绝对定位160

4.7.5 绝对定位的应用举例162

4.7.6 DW中定位属性面板介绍173

4.7.7 与position属性有关的CSS属性173

4.8 CSS+DIV布局178

4.8.1 分栏布局的种类179

4.8.2 固定宽度布局179

4.8.3 CSS布局的案例——重构太阳能网站180

4.8.4 可变宽度布局184

4.8.5 HTML 5新增的文档结构标记189

4.8.6 CSS 3新增功能和属性一瞥191

4.9 CSS浏览器的兼容问题192

习题194

第5章 Fireworks197

5.1 Fireworks基础197

5.1.1 矢量图和位图的概念197

5.1.2 认识Fireworks的界面198

5.1.3 新建、打开和导入文件199

5.1.4 画布和图像的调整200

5.2 操作对象203

5.2.1 选择、移动和对齐对象204

5.2.2 变形和扭曲204

5.2.3 改变对象的叠放次序206

5.2.4 设置对象的不透明度206

5.2.5 操作对象的快捷键207

5.3 编辑位图207

5.3.1 创建和取消选区207

5.3.2 复制和移动选区中的内容211

5.3.3 编辑选区中的像素区域212

5.4 绘制矢量图形214

5.4.1 创建矢量图形214

5.4.2 填充和笔触属性215

5.4.3 自由形状工具218

5.4.4 调整矢量线条220

5.4.5 路径的切割和组合222

5.4.6 路径和选区的相互转换224

5.5 文本对象的使用226

5.5.1 文本编辑和修饰的过程举例226

5.5.2 特殊文字效果制作举例228

5.5.3 将文本附加到路径230

5.6 蒙版231

5.6.1 使用“粘贴于内部”创建矢量蒙版231

5.6.2 创建图层蒙版237

5.7 简单GIF动画的制作240

5.7.1 使用补间实例制作动画240

5.7.2 制作遮罩动画241

5.8 切片及导出242

5.8.1 切片的作用242

5.8.2 切片的基本操作243

5.8.3 切片的实例245

习题249

第6章 网站开发和网页设计过程251

6.1 网站开发的过程251

6.1.1 基本任务和角色251

6.1.2 网站开发过程的各环节252

6.2 遵循Web标准的网页设计步骤257

6.2.1 网页设计步骤概述257

6.2.2 内容分析259

6.2.3 HTML结构设计259

6.2.4 原型设计262

6.2.5 网页效果图设计265

6.2.6 布局设计267

6.2.7 视觉设计272

6.2.8 交互效果设计282

6.2.9 CSS布局的优点284

6.3 网站的风格设计285

6.3.1 网站风格设计的基本原则285

6.3.2 网页色彩的搭配286

6.3.3 网页版式设计295

6.4 网站的栏目规划和目录结构设计299

6.4.1 网站的栏目规划300

6.4.2 网站的目录结构设计301

6.5 网站的导航设计302

6.5.1 导航的实现方法303

6.5.2 导航的设计策略304

6.6 网站的环境准备304

6.6.1 架设网站的基本条件304

6.6.2 购买主机空间和域名305

6.6.3 配置主机空间和域名305

6.6.4 上传网站306

习题307

第7章 JavaScript308

7.1 JavaScript简介308

7.1.1 JavaScript的特点308

7.1.2 JavaScript的用途309

7.1.3 JavaScript的代码结构309

7.1.4 事件监听程序311

7.1.5 开发和调试JavaScript的工具313

7.2 JavaScript语言基础314

7.2.1 JavaScript的变量314

7.2.2 JavaScript的运算符314

7.2.3 JavaScript数据类型318

7.2.4 数组321

7.2.5 JavaScript语句324

7.2.6 函数328

7.3 对象330

7.3.1 JavaScript对象330

7.3.2 with语句332

7.3.3 this关键字332

7.3.4 JavaScript的内置对象333

7.4 浏览器对象模型BOM334

7.4.1 window对象334

7.4.2 定时操作函数337

7.4.3 location对象341

7.4.4 history对象342

7.4.5 document对象342

7.4.6 screen对象345

7.5 文档对象模型DOM345

7.5.1 网页中的DOM模型346

7.5.2 DOM编程引例346

7.5.3 访问指定节点351

7.5.4 访问和设置元素的HTML属性354

7.5.5 访问和设置元素的内容356

7.5.6 访问和设置元素的CSS属性357

7.5.7 创建和替换元素节点360

7.5.8 用DOM控制表单361

7.6 事件处理363

7.6.1 事件流364

7.6.2 处理事件的两种方法364

7.6.3 浏览器中的常用事件367

7.6.4 事件对象370

7.6.5 DOM和事件编程实例373

7.7 JavaScript插件应用举例379

7.7.1 使用Highslide制作Lightbox效果379

7.7.2 使用pxiviewer制作图片轮显效果381

7.8 jQuery框架使用入门383

7.8.1 jQuery框架的功能383

7.8.2 下载并使用jQuery384

7.8.3 jQuery中的“＄”384

7.8.4 jQuery对象与DOM对象388

7.8.5 jQuery的选择器390

7.8.6 jQuery中的常用方法394

7.8.7 jQuery的应用举例395

7.8.8 jQuery的插件应用举例402

习题405

参考文献407