新書推薦:
《
6S精益管理实战(精装版)
》
售價:HK$
100.6
《
异域回声——晚近海外汉学之文史互动研究
》
售價:HK$
109.8
《
世界文明中的作物迁徙:聚焦亚洲、中东和南美洲被忽视的本土农业文明
》
售價:HK$
99.7
《
无端欢喜
》
售價:HK$
76.2
《
股票大作手操盘术
》
售價:HK$
53.8
《
何以中国·何谓唐代:东欧亚帝国的兴亡与转型
》
售價:HK$
87.4
《
一间只属于自己的房间 女性主义先锋伍尔夫代表作 女性精神独立与经济独立的象征,做自己,比任何事都更重要
》
售價:HK$
44.6
《
泉舆日志 幻想世界宝石生物图鉴
》
售價:HK$
134.2
|
編輯推薦: |
《网页设计与制作案例教程》把介绍知识与实例制作融于一体,以爱家商城网站(包括主页、栏目页、内容页、会员管理等页面)作为案例讲解,配以宇宙商务网站的实训练习,两条主线互相结合、相辅相成,自始至终贯穿于本书的主题之中。
|
內容簡介: |
《网页设计与制作案例教程》面向学习网页制作的读者,采用全新流行的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创建HTML文档11
1.7网页头部标签12
1.7.1标签12
1.7.2标签13
1.7.3标签13
1.7.4标签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标签43
3.2标签43
3.2.1基本语法43
3.2.2标签与标签的区别44
3.2.3使用标签和标签组织网页内容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
|
內容試閱:
|
前言前言
随着国家信息化发展策略的贯彻实施,信息化建设已进入了全方位、多层次推进应用的新阶段。作为高校的学生,不仅要掌握一般的信息处理能力,更应该具备较高的信息素养以应对信息化社会的需求。本书就是根据面向21世纪培养高技能人才的需求,结合高职高专学生的学习特点,依据职业教育培养目标的要求,严格按照教育部提出的高职高专教育以应用为目的,以必需、够用为度的原则而设计、开发的系列教材之一。
本书主要围绕Web标准的三大关键技术(HTML、CSS和JavaScript)来介绍网页编程的必备知识及相关应用。传统方式制作的网页内容与外观交织在一起,代码量大,难以维护。而Web标准的最大优点是采用HTML CSS JavaScript将网页内容、外观样式及动态效果彻底分离,从而可以大大减少页面代码,更便于分工设计、代码重用。其中,HTML负责网页结构,CSS负责网页样式及表现,JavaScript负责网页行为和功能。本书采用全新流行的Web标准,通过简单的记事本工具,以HTML技术为基础,由浅入深,系统、全面地介绍了HTML、CSS、JavaScript的基本知识及常用技巧。
本书全面系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书采用模块化设计、任务驱动学习的编写模式,首先展示案例的运行结果,然后详细讲述案例的设计步骤,循序渐进地引导读者学习和掌握相关知识点。本书以网站建设和网页设计为中心,以实例为引导,把介绍知识与实例设计、制作、分析融于一体,结构上采用点面结合,以爱家商城网站作为案例讲解,配以宇宙商务网站的实训练习,两者相辅相成,自始至终贯穿于本书的主题中。本书所有例题、习题及上机实训均采用案例驱动的讲述方式,并配有运行效果图,能够有效地帮助读者理解所学习的理论知识,系统全面地掌握网页制作技术。本书在每章之后附有实践操作习题,并在教学课件中给出习题答案,供读者在课外巩固所学的内容。本书共分12章,主要内容包括网站与网页的基础知识,网页基本排版,网页元素的布局与交互,使用CSS为网页添加样式,盒模型,CSS格式化排版,CSS修饰链接、表格与列表,使用CSS制作导航菜单,Div CSS布局技术,JavaScript脚本语言,爱家商城前台页面和爱家商城会员中心管理页面。
本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材,也可作为网页制作爱好者与网站开发维护人员的学习参考书。为了便于教师教学,本书配有教学课件,教师可从清华大学出版社网站下载。
本书由张兵义、朱立、王蓓主编,具体分工如下: 张兵义编写了第1~3章,朱立编写了第4章和第5章,王蓓编写了第6章,吕振雷编写了第7章和第8章,殷莺编写了第9章和第10章,马海州编写了第11章,刘克纯、翟丽娟、韩建敏编写了第12章。另外,庄建新、彭春芳、崔瑛瑛、庄恒、李建彬、徐维维、刘大学、徐云林、缪丽丽、刘大莲、陈周、骆秋容、彭守旺、杨丽香、杨占银、马春锋、孙洪玲、王如雪、曹媚珠、陈文焕、刘有荣、李刚、孙明建、李索也参与了部分内容的编写,同时还完成了本书课件的制作。全书由刘瑞新教授主审、统稿。
由于作者水平有限,书中疏漏和不足之处在所难免,敬请广大师生指正。
编者
2017年12月
|
|