网页制作综合技术教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页制作综合技术教程PDF格式电子书版下载

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

第1部分 HTML网页设计2

第1章 网页设计基础知识2

1.1网页的基础概念2

1.2网页与HTML3

1.3 Web标准4

1.3.1标准的重要性4

1.3.2 “Web标准”概述5

1.4网页设计与开发过程6

1.4.1基本任务与角色6

1.4.2明确网站定位7

1.4.3收集信息和素材7

1.4.4策划栏目内容7

1.4.5设计页面方案8

1.4.6制作页面8

1.4.7实现后台功能8

1.4.8整合与测试网站8

1.5 HTML基础9

1.5.1创建第一个HTML文件9

1.5.2 HTML文件结构10

1.6简单的HTML案例11

1.7网页源文件的获取14

1.7.1直接查看源文件14

1.7.2保存网页15

1.8利用Dreamweaver快速建立基本文档16

1.8.1 Dreamweaver简介16

1.8.2创建新的空白文档17

1.8.3案例——创建新文档19

1.9思考与练习21

第2章 用HTML设置文本和图像23

2.1文本排版23

2.1.1实现段落与段内换行23

2.1.2设置标题25

2.1.3使文字水平居中25

2.1.4设置文字段落的缩进26

2.2文字列表26

2.2.1建立无序列表26

2.2.2建立有序列表27

2.3 HTML标记与HTML属性28

2.3.1控制段落的水平位置28

2.3.2设置背景颜色28

2.3.3文字的特殊样式29

2.3.4文字的大小和颜色30

2.4 HTML标记和属性的局限性31

2.5特殊文字符号31

2.6使用图像33

2.6.1网页中的图像格式33

2.6.2简单案例33

2.6.3文件路径34

2.7设置图片的尺寸36

2.8设置图像的替换文本37

2.9利用Dreamweaver设置文本和图像37

2.10利用Dreamweaver代码视图提高效率41

2.10.1代码提示41

2.10.2代码折叠42

2.10.3拆分视图与代码快速定位43

2.11思考与练习43

第3章 超链接45

3.1设置文字超链接45

3.1.1 URL的格式45

3.1.2 URL的类型46

3.2设置页面内部链接47

3.3设置图片超链接48

3.4设置电子邮件链接48

3.5设置链接页面的目标窗口49

3.6创建热点区域49

3.6.1用HTML建立热点区域50

3.6.2利用Dreamweaver定位热点区域51

3.7框架之间的链接53

3.7.1建立框架与框架集53

3.7.2用cols属性将窗口分为左右部分54

3.7.3用rows属性将窗口分为上下部分54

3.7.4框架的嵌套55

3.7.5在框架中插入网页55

3.7.6在框架之间进行链接56

3.7.7嵌入式框架58

3.8网站的组织结构与维护59

3.9思考与练习60

第4章 使用表格与表单61

4.1使用表格61

4.1.1表格的基本结构61

4.1.2合并单元格62

4.1.3设置对齐方式63

4.1.4设置表格背景色和边框颜色65

4.1.5 cellpadding属性和cellspacing属性66

4.1.6完整的表格标记66

4.1.7用表格进行页面布局的局限性68

4.2使用表单71

4.2.1表单的用途和原理71

4.2.2表单类型72

4.3 Dreamweaver中的模板76

4.3.1认识模板76

4.3.2制作模板77

4.3.3使用模板78

4.3.4将文档和模板分离80

4.4思考与练习81

第2部分 美工与动画元素设计84

第5章 图像处理与设计基础84

5.1网页美术设计的基础知识84

5.1.1基本概念84

5.1.2 Fireworks的基本操作流程85

5.1.3画布88

5.2在Fireworks中编辑位图91

5.2.1创建和取消选区91

5.2.2编辑选区中的像素区域94

5.2.3变形和扭曲96

5.3绘制矢量图形97

5.3.1创建基本矢量图形97

5.3.2调整矢量线条99

5.4美术基础理论101

5.4.1平面构图101

5.4.2色彩103

5.5案例——科技网站页面设计105

5.5.1绘制背景106

5.5.2绘制主体区域106

5.5.3制作Banner108

5.5.4添加文字和素材109

5.6思考与练习110

第6章 图像的优化与导出111

6.1了解图像文件类型111

6.2使用“图像预览”命令优化导出图像112

6.2.1使用“图像预览”命令112

6.2.2优化JPEG格式的图像113

6.2.3优化GIF格式的图像113

6.3使用“切片”115

6.3.1切片与导出115

6.3.2用切片实现“分别优化”119

6.4思考与练习121

第7章 在网页中使用Flash122

7.1使用Dreamweaver添加内置的Flash对象122

7.1.1使用Dreamweaver内置的Flash按钮对象122

7.1.2使用Dreamweaver内置的Flash文本对象123

7.2 Flash软件简介124

7.2.1 Flash的基本功能124

7.2.2 Flash的工作界面125

7.2.3 Flash的工作流程126

7.3在Flash中绘制图形127

7.4 Flash动画基本原理128

7.5创建形状补间动画129

7.6动画补间131

7.7在网页中发布Flash动画134

7.7.1插入动画135

7.7.2设置Flash对象的属性136

7.8思考与练习137

第3部分 CSS样式设计140

第8章 （X）HTML与CSS概述140

8.1 HTML与XHTML140

8.1.1追根溯源140

8.1.2 DOCTYPE的含义与选择141

8.1.3 XHTML与HTML的重要区别142

8.2 （X）HTML与CSS143

8.2.1 CSS标准143

8.2.2传统HTML的缺点144

8.2.3 CSS的引入144

8.2.4如何编辑CSS146

8.2.5浏览器与CSS146

8.3构造CSS规则147

8.4基本CSS选择器148

8.4.1标记选择器149

8.4.2类别选择器149

8.4.3 ID选择器152

8.5在HTML中使用CSS的方法153

8.5.1行内式153

8.5.2内嵌式154

8.5.3链接式154

8.5.4导入式155

8.5.5各种方式的优先级问题157

8.6思考与练习159

第9章 CSS样式设置实践160

9.1手工编写页面160

9.1.1构造页面框架160

9.1.2设置标题161

9.1.3控制图片162

9.1.4设置正文162

9.1.5设置整体页面163

9.1.6对段落分别进行设置163

9.1.7完整代码164

9.1.8 CSS的注释165

9.2使用Dreamweaver进行CSS设置165

9.2.1创建页面165

9.2.2新建CSS规则167

9.2.3编辑CSS规则169

9.2.4为图像创建CSS规则170

9.3复合选择器172

9.3.1“交集”选择器172

9.3.2“并集”选择器173

9.3.3后代选择器175

9.4 CSS的继承特性176

9.4.1继承关系177

9.4.2 CSS继承的运用178

9.5 CSS的层叠特性179

9.6思考与练习181

第10章 用CSS设置文本和图像182

10.1使用CSS设置文本样式182

10.1.1长度单位182

10.1.2准备页面183

10.1.3设置文字的字体183

10.1.4设置文字的倾斜效果184

10.1.5设置文字的加粗效果185

10.1.6英文字母大小写转换186

10.1.7控制文字的大小186

10.1.8文字的装饰效果187

10.1.9设置段落首行缩进188

10.1.10设置字词间距189

10.1.11设置段落内部的文字行高189

10.1.12设置段落之间的距离190

10.1.13控制文本的水平位置191

10.1.14设置文字与背景的颜色192

10.2用CSS设置图像样式193

10.2.1设置图片边框193

10.2.2图片缩放195

10.2.3图文混排196

10.2.4案例——八大行星科普网页198

10.2.5设置图片与文字的对齐方式201

10.3用CSS设置背景样式205

10.3.1设置背景颜色205

10.3.2设置背景图像206

10.3.3设置背景图像平铺207

10.3.4设置背景图像位置209

10.3.5固定背景图片位置211

10.3.6设置标题的图像替换212

10.4思考与练习214

第11章 用CSS设置链接与导航菜单216

11.1丰富的超链接特效217

11.2控制鼠标指针219

11.3设置项目列表样式219

11.3.1列表的符号220

11.3.2图片符号221

11.4创建简单的导航菜单223

11.4.1简单的竖直排列菜单223

11.4.2横竖自由转换菜单225

11.5应用滑动门技术的玻璃效果菜单226

11.5.1基本思路226

11.5.2设置菜单整体效果227

11.5.3使用“滑动门”技术设置玻璃材质背景228

11.5.4进一步解决的问题229

11.6思考与练习230

第12章 用CSS设置表格和表单样式231

12.1控制表格231

12.1.1设置表格的边框231

12.1.2确定表格的宽度234

12.1.3其他与表格相关的标记234

12.2美化表格235

12.2.1搭建HTML结构235

12.2.2整体设置236

12.2.3设置单元格样式237

12.2.4斑马纹效果237

12.3案例——日历238

12.3.1搭建HTML结构239

12.3.2设置整体样式和表头样式240

12.3.3设置日历单元格样式241

12.4 CSS与表单243

12.4.1表单中的元素244

12.4.2多彩的下拉菜单246

12.5案例——网上调查问卷247

12.6思考与练习249

第4部分 CSS页面布局设计252

第13章 CSS盒子模型252

13.1“盒子”与“模型”的概念探究252

13.2边框253

13.2.1设置边框样式254

13.2.2属性值的简写形式255

13.3设置内边距256

13.4设置外边距257

13.5盒子之间的关系258

13.5.1 HTML与DOM259

13.5.2标准文档流261

13.5.3 ＜div＞标记与＜span＞标记262

13.6盒子在标准流中的定位原则264

13.6.1行内元素之间的水平margin264

13.6.2块级元素之间的竖直margin265

13.6.3嵌套盒子之间的margin266

13.6.4 margin可以设置为负值268

13.7盒子模型概念的案例269

13.8思考与练习272

第14章 盒子的浮动与定位273

14.1盒子的浮动273

14.1.1准备代码273

14.1.2实验1-——设置第1个浮动的div274

14.1.3实验2——设置第2个浮动的div275

14.1.4实验3——设置第3个浮动的div275

14.1.5实验4——改变浮动的方向275

14.1.6实验5——再次改变浮动的方向276

14.1.7实验6——全部向左浮动277

14.1.8实验7-——使用clear属性清除浮动的影响277

14.1.9实验8——扩展盒子的高度278

14.2盒子的定位279

14.2.1静态定位280

14.2.2相对定位280

14.2.3绝对定位283

14.2.4固定定位288

14.3 z-index空间位置288

14.4盒子的display属性288

14.5思考与练习289

第15章 CSS+div布局方法剖析290

15.1 CSS排版观念290

15.1.1将页面用div分块290

15.1.2设计各块的位置291

15.1.3用CSS定位292

15.2固定宽度且居中的版式294

15.2.1方法一294

15.2.2方法二296

15.3左中右版式297

15.4块的背景色问题299

15.5 div排版与传统的表格方式排版的分析301

15.6排版实例：电子相册302

15.6.1搭建框架303

15.6.2幻灯片模式304

15.6.3详细信息模式307

15.7思考与练习308

第5部分 JavaScript基础310

第16章 使用JavaScript增强网页效果310

16.1 JavaScript概述310

16.1.1 JavaScript简介310

16.1.2 JavaScript的特点310

16.1.3 JavaScript与CSS311

16.2 JavaScript语法基础311

16.2.1数据类型和变量312

16.2.2表达式及运算符313

16.2.3基本语句314

16.3使用Dreamweaver的“行为”功能317

16.3.1“行为”的本质317

16.3.2“行为”的构成318

16.3.3案例——交换图像与恢复交换图像318

16.4使用JavaScript库jQeury321

16.4.1 jQuery的概念322

16.4.2 jQuery的优势322

16.4.3下载并使用jQuery325

16.4.4用jQuery实现“前3行”特殊样式325

16.4.5用jQuery实现渐变背景色表格效果326

16.5思考与练习327

第6部分 综合案例330

第17章 综合案例——企业网站330

17.1分析构架330

17.1.1设计分析331

17.1.2排版构架331

17.2模块拆分332

17.2.1 Logo与顶端链接332

17.2.2左侧导航与搜索333

17.2.3主体内容334

17.2.4内容Banner335

17.2.5新闻快递335

17.2.6公司咨询336

17.2.7英文刊物337

17.3整体调整338

17.4思考与练习340

第18章 综合案例——网上购物网站341

18.1分析构架341

18.1.1设计分析341

18.1.2排版构架342

18.2模块分析343

18.2.1 Banner图片343

18.2.2导航菜单344

18.2.3鲜花导购345

18.2.4主体内容348

18.3整体调整350

参考文献351