网页设计与制作案例教程

网来自页设计与制作案例教程(HTML5+CSS3+JavaScript)，张兵义 朱立 王蓓，ISBN：9787302488873

• 书名 网页设计与制作案例教程(HTML5+CSS3+JavaScript)
• 作者 张兵义 朱立 王蓓
• ISBN 9787302488873
• 定价 49.80元
• 出版时间 2018.02.01

内容介来自绍

　　本书面向学习网页制作的360百科读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深地介绍了HTML、CSS及JavaScript网页卫必却限制作的内容。 本书把介绍知识与实例制作融于一体，以爱顾输喜穿达劳生划每家商城网站(包括主页、栏目页、内容页、会员管理等页面)作为案例进行讲解，配角脸室失告常气晶密书吧以宇宙商务网站的实训练习，两者相辅相成，装自始至终贯穿于本书的主题中。本书采用案例驱动的教学方法，以案例为引导，结构上采用点面结合的方式，引导读者学习网页规划、设计、制作的基本知识以及项目开发、测试的完整流程。告宣研进水年溶本书适合作为高职高专院校计个攻沿绝支欢持斯司算机及相关专业的教材，也可以作为培训网站开发与网页制作的教材。

目录

　　第1章网站与网页的基础知识1

　　1.1认识网站与网页1

　可还　1.1.1网站、网页和主页1

　　1.1.2静态网页正后销甲修余运而弱热和动态网页1

　　江画立附1.2网页的基本构成元素2

　　1.3网页布局结构4

　　1.4Web标并酸通沙衣妒准5

　　1.4.1什么是Web标准6

　　1.4须艺死针春.2建立Web标准的探南异编阻假夜从速钟优点6

　　1.4.3理解表现和结构相分离7

　　1.5HTML语法错树请基础8

　　1.5.1HTML概述8

　　1.5.2HTML语法结构8

　　1.5.3HTML编写规范9

　　1.5.4HTML文档结构10

　　1.6创建H极香院山背缩居曲TML文档11

　　1.7网页头部标签12

　　1.7.1<title>标签12

　　1.7.2<m品效正抓西构生庆个eta>标签13

　　1.7.3<link>标签13

　　1.7.4<script>标签13

　　1.7.5案例--制作爱家商城页面摘要信息两证过模治14

　　1.8注释和周读混好发青苦孔眼械特殊符号14

　　1.8.1注释14

　　1.8.2特殊符号15

　　1.9实训--制作宇宙商务页面的版权信息15

　　习题116

　　第2章网页基本排版17

　　2.1文字与段落排版17

　　2.1.1段植群否办议团落标签172.1.2标题标签18

　　2.1.3换行标签18

　　2.1.4水平线标签19

　　2.1.5预格式化标签20

　　2.1.6缩排标签21

　　2.1.7案例--制作爱家商城企业简介页面22

　　2.2超链接23

　　2.2.1超链接简介23

　　2.2.2超链接的应用24

　　2.2.3案例--制作爱家商城购物流程页面28

　　2.3图像29

　　2.3.1网页图像的格式及使用要点30

　　2.3.2图像标签30

　　2.3.3图像超链接32

　　2.3.4设置网页背景图像33

　　2.3.5图文混排34

　　2.4列表35

　　2.4.1无序列表35

　　2.4.2有序列表36

　　2.4.3定义列表37

　　2.4.4嵌套列表38

　　2.5实训--制作宇宙商务企业名片页面39

　　习题241

　　第3章网页元素的布局与交互43

　　3.1<div>标签43

　　3.2<span>标签43

　　3.2.1基本语法43

　　3.2.2<span>标签与<div>标签的区别44

　　3.2.3使用<div>标签和<span>标签组织网页内容44

　　3.3表格45

　　3.3.1表格的结构46

　　3.3.2表格的基本语法46

　　3.3.3表格修饰47

　　3.3.4跨行跨列的复杂表格49

　　3.3.5表格数据的分组52

　　3.3.6使用表格实现页面局部布局54

　　3.3.7嵌套表格55

　　3.4表单56

　　3.4.1表单的工作原理56

　　3.4.2表单标签56

　　3.4.3表单元素57

　　3.4.4案例--制作爱家商城会员注册表单66

　　3.4.5使用表格布局表单67

　　3.5实训--制作宇宙商务联系我们表单71

　　习题372

　　第4章使用CSS为网页添加样式75

　　4.1CSS概述75

　　4.1.1CSS的基本概念75

　　4.1.2CSS的发展历史75

　　4.1.3CSS编写规则76

　　4.1.4CSS的工作环境77

　　4.2HTML与CSS78

　　4.2.1传统HTML的缺点78

　　4.2.2CSS的优势79

　　4.2.3CSS的局限性79

　　4.3CSS语法基础79

　　4.3.1CSS样式规则79

　　4.3.2基本选择符80

　　4.3.3复合选择符83

　　4.3.4通用选择符86

　　4.3.5特殊选择符87

　　4.4CSS引入方式89

　　4.4.1行内样式89

　　4.4.2内部样式表90

　　4.4.3链入外部样式表91

　　4.4.4导入外部样式表93

　　4.4.5案例--制作爱家商城使用条款页面94

　　4.5CSS的属性单位96

　　4.5.1长度、百分比单位96

　　4.5.2色彩单位97

　　4.6文档结构98

　　4.6.1文档结构的基本概念98

　　4.6.2继承100

　　4.6.3样式表的层叠、特殊性与重要性101

　　4.6.4案例--制作爱家商城帮助中心局部页面103

　　4.7元素类型107

　　4.8实训--制作宇宙商务网商机发布页面108

　　习题4110

　　第5章盒模型112

　　5.1盒模型简介112

　　5.2边框、外边距与内边距113

　　5.2.1边框114

　　5.2.2外边距116

　　5.2.3内边距120

　　5.3盒模型的尺寸121

　　5.3.1盒模型的宽度与高度121

　　5.3.2块级元素与行级元素宽度和高度的区别122

　　5.4盒子的margin合并问题123

　　5.4.1行级元素之间的水平margin的合并123

　　5.4.2块级元素之间的垂直margin合并124

　　5.5盒模型综合案例--制作爱家商城联系我们局部页面126

　　5.6盒子的定位130

　　5.6.1定位属性130

　　5.6.2定位方式131

　　5.7浮动与清除浮动136

　　5.7.1浮动136

　　5.7.2清除浮动140

　　5.8实训--宇宙商务登录页面整体布局142

　　习题5144

　　第6章CSS格式化排版145

　　6.1使用CSS设置字体样式145

　　6.1.1字体类型145

　　6.1.2字体大小146

　　6.1.3字体粗细147

　　6.1.4字体倾斜148

　　6.2使用CSS设置文本样式148

　　6.2.1文本水平对齐方式149

　　6.2.2行高150

　　6.2.3文本的修饰151

　　6.2.4段落首行缩进152

　　6.2.5首字下沉152

　　6.2.6字符间距153

　　6.2.7文本的截断154

　　6.2.8文本的颜色155

　　6.2.9文本的背景颜色155

　　6.3使用CSS设置图像样式156

　　6.3.1图像边框157

　　6.3.2图像缩放158

　　6.3.3背景图像159

　　6.3.4背景重复160

　　6.3.5背景图像定位161

　　6.4使用CSS设置表单样式163

　　6.4.1使用CSS修饰常用的表单元素163

　　6.4.2案例--制作爱家商城会员登录页面168

　　6.5综合案例--制作爱家商城社区页面172

　　6.5.1页面布局规划172

　　6.5.2页面的制作过程173

　　6.6实训--制作宇宙商务会员注册页面175

　　习题6181

　　第7章CSS修饰链接、表格与列表183

　　7.1使用CSS修饰链接183

　　7.1.1改变文字链接的外观183

　　7.1.2按钮式链接184

　　7.1.3背景链接185

　　7.2使用CSS修饰表格187

　　7.2.1常用的CSS表格属性187

　　7.2.2案例--使用隔行换色表格制作畅销商品销量排行榜191

　　7.3使用CSS修饰列表192

　　7.3.1表格布局的缺点192

　　7.3.2列表布局的优势193

　　7.3.3CSS列表属性194

　　7.4综合案例--制作爱家商城产品图文列表199

　　7.5实训--制作宇宙商务合作伙伴链接局部页面204

　　习题7206

　　第8章使用CSS制作导航菜单209

　　8.1纵向导航菜单209

　　8.1.1普通的纵向链接导航菜单209

　　8.1.2纵向列表导航菜单214

　　8.1.3制作爱家商城纵向列表导航菜单216

　　8.2横向导航菜单219

　　8.3综合案例--使用CSS修饰页面和制作导航菜单222

　　8.3.1页面布局规划222

　　8.3.2页面的制作过程223

　　8.4实训--制作宇宙商务画廊页面232

　　8.4.1页面布局规划232

　　8.4.2页面的制作过程233

　　习题8239

　　第9章Div+CSS布局技术240

　　9.1Div+CSS布局理念240

　　9.1.1Div+CSS布局的优点240

　　9.1.2正确理解Web标准240

　　9.1.3使用嵌套的Div实现页面排版241

　　9.2典型的CSS布局样式242

　　9.2.1两列的布局样式242

　　9.2.2三列的布局样式247

　　9.3综合案例--制作爱家商城商务服务中心页面251

　　9.3.1页面的布局与规划251

　　9.3.2页面的制作过程253

　　9.4实训--宇宙商务博客页面的布局260

　　9.4.1页面的布局与规划260

　　9.4.2页面的制作过程261

　　习题9267

　　第10章JavaScript脚本语言269

　　10.1JavaScript概述269

　　10.2在网页中引用JavaScript269

　　10.3JavaScript基本交互方法271

　　10.3.1信息对话框271

　　10.3.2选择对话框272

　　10.3.3提示对话框273

　　10.4制作网页特效274

　　10.4.1轮播广告274

　　10.4.2制作爱家商城二级纵向列表导航菜单276

　　10.5实训--制作网页Tab选项卡切换效果280

　　习题10283

　　第11章爱家商城前台页面285

　　11.1网站的开发流程285

　　11.1.1规划站点285

　　11.1.2网站制作287

　　11.1.3测试网站287

　　11.1.4发布站点287

　　11.2设计首页布局287

　　11.2.1创建站点目录288

　　11.2.2页面布局规划288

　　11.3首页的制作289

　　11.4制作产品列表页303

　　11.5制作产品明细页306

　　11.6制作查看购物车页314

　　习题11320

　　第12章爱家商城会员中心管理页面322

　　12.1制作会员中心登录页322

　　12.2制作个人信息页326

　　12.3制作"我的订单"页331

　　12.4制作收货地址页335

　　12.5页面的整合340

　　习题12341

　　参考文献342