网页设计与制作案例教程 HTML+CSS+DIV+JavaScript2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页设计与制作案例教程 HTML+CSS+DIV+JavaScriptPDF格式电子书版下载

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

第1章 网页设计概述1

1.1初识网页1

1.2网页相关概念2

1.3常用的浏览器介绍4

1.4Dreamweaver工具的使用4

1.4.1Dreamweaver的发展5

1.4.2Dreamweaver CS6的操作界面5

1.4.3案例：创建第一个网页6

本章小结9

习题19

实训19

第2章 HTML语言10

2.1案例：简单学校网站10

2.2知识准备11

2.2.1HTML文档的基本结构11

2.2.2HTML标记及其属性12

2.2.3HTML文本标记14

2.2.4HTML列表标记22

2.2.5HTML超链接标记28

2.2.6HTML图像标记32

2.3案例实现37

2.3.1创建站点37

2.3.2创建首页38

2.3.3创建学院简介页面39

2.3.4创建学院新闻页面40

2.3.5创建专业介绍页面41

本章小结43

习题243

实训245

第3章 CSS基础46

3.1案例：学院新闻详情页面46

3.2知识准备47

3.2.1初识CSS47

3.2.2引入CSS样式47

3.2.3常用的CSS选择器52

3.2.4CSS常用文本属性57

3.2.5CSS的高级特性60

3.3案例实现60

3.3.1创建站点60

3.3.2创建新闻详情页面61

本章小结63

习题364

实训365

第4章 盒子模型72

4.1案例：学院简介页面72

4.2知识准备73

4.2.1盒子模型的概念73

4.2.2盒子模型的相关属性74

4.2.3CSS设置背景76

4.2.4元素的类型与转换80

4.2.5块元素间的外边距82

4.3案例实现84

4.3.1制作页面结构85

4.3.2添加CSS样式86

本章小结87

习题487

实训488

第5章 列表与超链接91

5.1案例：学院新闻块与学院网站导航91

5.2知识准备92

5.2.1列表样式设置92

5.2.2超链接样式设置95

5.3案例实现97

5.3.1制作学院新闻块97

5.3.2制作学院网站导航条99

本章小结101

习题5102

实训5102

第6章 表格与表单112

6.1表格案例：学生信息表112

6.2表格相关知识113

6.2.1表格标记113

6.2.2＜table＞标记的属性114

6.2.3＜tr＞标记的属性116

6.2.4＜th＞和＜td＞标记的属性117

6.2.5使用CSS设置表格样式119

6.3表格案例实现121

6.3.1学生信息表的页面结构121

6.3.2添加CSS样式124

6.4表单案例：用户注册表125

6.5表单相关知识125

6.5.1认识表单125

6.5.2表单标记126

6.5.3表单控件126

6.5.4使用CSS设置表单样式128

6.6表单案例实现131

6.6.1用户信息注册表单的页面结构131

6.6.2添加CSS样式134

本章小结135

习题6136

实训6136

第7章 DIV＋CSS布局网页139

7.1案例：学院网站主页布局139

7.2知识准备140

7.2.1元素的浮动140

7.2.2元素的定位146

7.2.3DIV＋CSS布局152

7.3案例实现161

7.3.1制作页面结构162

7.3.2添加CSS样式163

本章小结164

习题7165

实训7165

第8章 使用JavaScript制作网页特效170

8.1什么是JavaScript语言170

8.2在网页中调用JavaScript171

8.2.1直接嵌入HTML文档中171

8.2.2引入外部脚本文件172

8.2.3在事件代码中添加脚本173

8.3案例：制作Flash幻灯片特效173

8.4案例：制作下拉菜单特效176

8.5案例：制作选项卡特效179

本章小结184

习题8184

实训8184

第9章 完整案例：信息学院网站制作186

9.1信息学院网站描述186

9.2网站规划187

9.3效果图设计188

9.3.1效果图设计原则188

9.3.2效果图设计步骤189

9.3.3效果图切片导出网页196

9.4网站主页设计196

9.4.1主页布局设计196

9.4.2主页设计步骤197

9.5网站模板页设计208

9.6网站其他页面设计212

9.6.1制作学院简介页面212

9.6.2制作学院荣誉列表页面214

9.6.3制作学院荣誉详细情况页面215

9.6.4制作高技能人才培训基地页面218

9.6.5制作办公电话页面219

9.6.6制作视频宣传页面220

9.7添加首页中的JavaScript脚本222

本章小结224

习题9224

实训9224

第10章 完整案例：发电设备公司动态网站制作225

10.1发电设备公司动态网站描述225

10.2网站规划227

10.3效果图设计228

10.3.1效果图设计原则228

10.3.2效果图设计步骤228

10.3.3效果图切片导出网页233

10.4网站静态页面设计234

10.4.1网站首页设计234

10.4.2栏目页设计246

10.4.3内容页设计250

10.5KesionCMS后台管理系统的使用252

10.5.1KesionCMS介绍252

10.5.2KesionCMS完成动态网站的步骤253

10.5.3静态页面与KesionCMS的整合253

10.6IIS的安装与配置253

10.7后台登录与设置255

10.7.1后台登录255

10.7.2基本信息设置256

10.7.3设置网站栏目256

10.8创建系统函数标签257

10.9创建网站模板260

10.10模板绑定269

10.11添加文章内容270

10.12创建留言页面271

10.13发布首页272

10.14创建模板中的超链接273

本章小结276

实训10277

参考文献278