HTML+CSS+JavaScript网页制作2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS+JavaScript网页制作PDF格式电子书版下载

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

第1章 网页的基本结构1

1.1 网页的基本元素1

1.2 网页的布局结构3

1.3 案例：创建第一个网页4

1.3.1 HTML简介4

1.3.2 HTML语法结构4

1.3.3 HTML语法规范5

1.3.4 HTML文档结构6

1.4 实训8

习题19

第2章 网页文档编辑10

2.1 案例：网络花店服务向导页面——文字与段落排版10

2.1.1 注释标签＜！__...__＞10

2.1.2 段落标签＜p＞…＜／p＞10

2.1.3 换行标签＜br／＞11

2.1.4 水平线标签＜hr／＞11

2.1.5 标题文字标签＜h＃＞…＜／h＃＞12

2.1.6 特殊符号12

2.2 案例：网络花店购物指南页面——超链接13

2.2.1 超链接简介14

2.2.2 超链接的应用15

2.3 案例：网络花店商品明细页面——图像17

2.3.1 网页图像的格式和使用原则18

2.3.2 图像标签＜img＞18

2.4 案例：网络花店客服中心页面——列表22

2.4.1 无序列表23

2.4.2 有序列表24

2.4.3 定义列表25

2.4.4 嵌套列表25

2.5 实训：制作鲜花名片页面26

习题228

第3章 网页布局与交互29

3.1 案例：网络花店购物车信息统计——表格29

3.1.1 表格的结构29

3.1.2 表格的基本语法30

3.1.3 表格修饰31

3.1.4 不规范表格33

3.1.5 表格数据的分组标签35

3.2 案例：网银在线支付步骤及版权信息——分区和局部信息38

3.2.1 〈div＞标签38

3.2.2 〈span＞标签39

3.2.3 span与div的区别39

3.3 案例：网络花店会员注册页面——表单40

3.3.1 表单的基本概念40

3.3.2 表单的工作原理40

3.3.3 表单标签41

3.3.4 表单元素41

3.4 实训：使用表格布局技术制作用户注册表单49

习题352

第4章 网页表现语言——CSS53

4.1 初识CSS53

4.1.1 什么是CSS53

4.1.2 CSS的优点53

4.1.3 CSS设计与编写原则54

4.1.4 CSS的显示环境55

4.2 案例：网络花店简介页面——CSS的定义与使用55

4.2.1 内联样式56

4.2.2 内部样式表56

4.2.3 链入外部样式表57

4.2.4 导入外部样式表59

4.3 CSS语法基础61

4.3.1 构造样式规则61

4.3.2 常用的CSS选择符62

4.4 CSS的属性单位70

4.4.1 长度、百分比单位70

4.4.2 色彩单位71

4.5 案例：网络花店相关商品局部页面——文档结构72

4.5.1 文档结构72

4.5.2 继承73

4.5.3 样式表的层叠、特殊性与重要性74

4.5.4 元素类型77

4.6 实训：制作网络花店新闻更新局部页面80

习题483

第5章 Div+CSS布局页面84

5.1 Web标准84

5.1.1 Web标准的概念84

5.1.2 建立Web标准的优点85

5.1.3 理解表现和结构相分离85

5.2 认识Div+CSS布局86

5.2.1 Div+CSS布局的优点86

5.2.2 将页面用Div分块87

5.3 案例：网络花店页面顶部的布局——盒模型88

5.3.1 盒模型简介88

5.3.2 外边距、边框与内边距89

5.3.3 盒模型的宽度与高度94

5.3.4 块级元素与行级元素宽度和高度的区别95

5.3.5 外边距的合并96

5.4 案例：商城登录页面的整体布局——定位与浮动98

5.4.1 定位99

5.4.2 浮动与清除浮动105

5.5 典型的CSS布局样式111

5.5.1 两列布局样式112

5.5.2 三列布局样式115

5.6 实训：网络花店热卖鲜花局部页面119

习题5124

第6章 元素外观修饰126

6.1 案例：网络花店服务向导页面——设置文本样式126

6.1.1 设置字体类型127

6.1.2 设置字体大小128

6.1.3 设置字体粗细128

6.1.4 设置字体倾斜129

6.1.5 设置字体修饰130

6.1.6 设置字体颜色131

6.1.7 设置文本对齐方式132

6.1.8 设置首行缩进132

6.1.9 设置首字下沉133

6.1.10 设置行高133

6.2 案例：玫瑰花简介页面——设置图像与背景样式136

6.2.1 设置图像样式137

6.2.2 设置背景样式139

6.3 案例：畅销鲜花排行榜页面——设置表格样式145

6.3.1 设置表格边框合并146

6.3.2 设置单元格间距146

6.3.3 设置表格标题位置147

6.3.4 设置是否显示单元格边框148

6.4 案例：网络花店联系我们表单——设置表单样式150

6.5 实训：网络花店环保社区页面155

习题6163

第7章 链接与导航设计165

7.1 案例：网络花店友情链接局部页面——设置链接样式165

7.1.1 设置文字链接165

7.1.2 设置图文链接168

7.2 案例：网络花店鲜花展示页面——设置列表样式171

7.2.1 表格布局与列表布局的对比171

7.2.2 设置列表类型172

7.2.3 设置列表项图片符号175

7.2.4 设置列表项位置176

7.3 案例：网络花店鲜花分类导航菜单——设置纵向导航菜单181

7.3.1 普通的链接导航菜单181

7.3.2 纵向列表导航菜单183

7.4 案例：网络花店主导航菜单——设置横向导航菜单188

7.5 实训：网络花店商务安全中心页面192

习题7201

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

8.1 JavaScript概述203

8.2 在网页中调用JavaScript203

8.2.1 直接加入HTML文档203

8.2.2 引用脚本文件205

8.2.3 在HTML标签内添加脚本205

8.3 案例：循环滚动的图文字幕——制作网页特效206

8.4 案例：网站后台管理菜单——制作二级纵向列表导航菜单210

8.5 实训：制作Flash幻灯片广告213

习题8215

第9章 网络花店前台页面217

9.1 网站的开发流程217

9.1.1 需求分析217

9.1.2 站点规划217

9.1.3 网站制作219

9.1.4 测试发布219

9.2 使用Dreamweaver创建站点219

9.2.1 Dreamweaver基本工作界面219

9.2.2 创建站点与目录结构220

9.3 案例：制作网络花店首页221

9.4 案例：制作商品展示页面236

9.5 案例：制作商品详细信息页面239

9.6 案例：制作查看购物车页面243

习题9246

第10章 网络花店后台管理页面248

10.1 案例：制作网络花店后台管理登录页面248

10.2 案例：制作商品查询页面252

10.3 案例：制作商品添加页面262

10.4 案例：制作商品修改页面267

10.5 页面的整合270

习题10271

参考文献273