新書推薦:
![原来这就是逻辑学:16堂大师逻辑课](http://103.6.6.66/upload/mall/productImages/24/31/9787122455857.jpg)
《
原来这就是逻辑学:16堂大师逻辑课
》
售價:HK$
57.3
![隋唐王朝兴亡史](http://103.6.6.66/upload/mall/productImages/24/31/9787020186440.jpg)
《
隋唐王朝兴亡史
》
售價:HK$
78.2
![货币新纪元:区块链重塑金融生态](http://103.6.6.66/upload/mall/productImages/24/29/9787547323625.jpg)
《
货币新纪元:区块链重塑金融生态
》
售價:HK$
101.2
![规制如何生财:清代盐政基本原理研究(1644-1850)](http://103.6.6.66/upload/mall/productImages/24/30/9787522837086.jpg)
《
规制如何生财:清代盐政基本原理研究(1644-1850)
》
售價:HK$
101.2
![小学生C++趣味编程从入门到精通 青少年软件编程等级考试(C语言)学习用书](http://103.6.6.66/upload/mall/productImages/24/31/9787301351642.jpg)
《
小学生C++趣味编程从入门到精通 青少年软件编程等级考试(C语言)学习用书
》
售價:HK$
102.4
![新知文库精选·一念之差:关于风险的故事与数字](http://103.6.6.66/upload/mall/productImages/24/31/9787108078421.jpg)
《
新知文库精选·一念之差:关于风险的故事与数字
》
售價:HK$
78.2
![道德自我的伦理根基——教化论视野下的现代性道德哲学批判](http://103.6.6.66/upload/mall/productImages/24/30/9787308244459.jpg)
《
道德自我的伦理根基——教化论视野下的现代性道德哲学批判
》
售價:HK$
101.2
![投诉是礼物:从投诉中学习经验并恢复客户忠诚度的101个活动、练习及工具(实践版)](http://103.6.6.66/upload/mall/productImages/24/30/9787523605370.jpg)
《
投诉是礼物:从投诉中学习经验并恢复客户忠诚度的101个活动、练习及工具(实践版)
》
售價:HK$
67.9
|
編輯推薦: |
配套资源:微课视频、电子课件、实训素材、源代码 本书特色: 1.通过一个完整的“馨美装修”网站的讲解,将相关知识点分解到案例的具体制作环节中。 2.通过将思政内容融入课堂进一步增强学生的家国情怀。
|
內容簡介: |
《网页设计与制作教程(HTML CSS JavaScript)第3版》内容紧扣国家对高等院校培养高级应用型、复合型人才的技能水平和知识结构的要求,采用全新的Web标准编写,详细讲解了HTML5、CSS3、JavaScript开发技术基础和HTML5网站制作实例。《网页设计与制作教程(HTML CSS JavaScript)第3版》共11章,主要内容包括网页设计与制作基础、编辑HTML5元素、网页布局与交互、CSS3样式基础、使用CSS3修饰网页元素、CSS3盒模型、Div CSS布局页面、JavaScript基础、JavaScript DOM编程、HTML5的高级应用和“馨美装修”网站的制作。
《网页设计与制作教程(HTML CSS JavaScript)第3版》可作为高等院校计算机及相关专业的教材,也可以作为网站建设、相关软件开发人员和计算机爱好者的参考书。
|
目錄:
|
前言
第1章 网页设计与制作基础1
1.1 网页与网站的概念1
1.2 Web前端开发技术简介1
1.2.1 HTML5简介1
1.2.2 CSS3简介3
1.2.3 JavaScript简介4
1.3 HTML5的基本结构和编码规范4
1.3.1 HTML5语法结构4
1.3.2 HTML5文档结构5
1.3.3 HTML5编码规范7
1.4 编辑HTML文件8
1.4.1 常见的网页编辑工具8
1.4.2 HTML文件的创建8
1.5 案例—制作“馨美装修”公司介绍页面11
习题111
第2章 编辑HTML5元素12
2.1 HTML5元素的分类12
2.1.1 元信息元素12
2.1.2 语义元素13
2.1.3 无语义元素15
2.2 注释和特殊符号15
2.2.1 注释15
2.2.2 特殊符号15
2.3 HTML5的颜色表示16
2.4 文本元素17
2.4.1 字体样式元素17
2.4.2 短语元素18
2.5 文本层次语义元素19
2.5.1 mark元素19
2.5.2 cite元素19
2.5.3 time元素19
2.6 基本排版元素20
2.6.1 标题元素20
2.6.2 段落元素和换行元素21
2.6.3 缩排元素21
2.6.4 水平线元素22
2.6.5 案例—制作“馨美装修”网购向导页面22
2.7 图像元素23
2.7.1 常用的Web图像格式23
2.7.2 图像元素的基本用法23
2.8 超链接元素25
2.8.1 a元素25
2.8.2 页面转向链接25
2.8.3 书签链接26
2.8.4 下载文件链接26
2.8.5 电子邮件链接26
2.8.6 JavaScript链接27
2.8.7 图像链接27
2.8.8 空链接27
2.8.9 案例—制作“馨美装修”服务资源页面27
2.9 列表元素29
2.9.1 无序列表29
2.9.2 有序列表29
2.9.3 定义列表30
2.9.4 嵌套列表31
2.9.5 案例—制作“馨美装修”广告联盟页面31
2.10 HTML5多媒体元素32
2.10.1 HTML5对音频和视频的支持32
2.10.2 audio元素32
2.10.3 video元素33
习题234
第3章 网页布局与交互35
3.1 iframe框架元素35
3.1.1 基本格法35
3.1.2 使用iframe框架元素布局页面35
3.1.3 使用iframe框架元素实现页面间的跳转36
3.2 分区元素37
3.2.1 基本语法37
3.2.2 使用div元素布局页面内容37
3.3 范围元素38
3.3.1 基本语法38
3.3.2 span元素与div元素的异同38
3.3.3 案例—布局“馨美装修”技术支持页面39
3.4 HTML5文档结构元素39
3.4.1 section元素40
3.4.2 nav元素40
3.4.3 header元素40
3.4.4 footer元素40
3.4.5 article元素40
3.4.6 aside元素42
3.4.7 分组元素43
3.4.8 案例—制作“馨美装修”人才招聘页面44
3.5 HTML5页面交互元素45
3.5.1 details元素和summary元素45
3.5.2 progress元素45
3.6 表格元素46
3.6.1 表格的组成46
3.6.2 基本表格46
3.6.3 不规范表格47
3.6.4 数据分组48
3.6.5 调整列的格式49
3.6.6 案例—使用表格布局“馨美装修”案例页面49
3.7 表单50
3.7.1 表单元素form50
3.7.2 输入元素input51
3.7.3 标签元素label53
3.7.4 选择栏元素select53
3.7.5 多行文本元素textarea55
3.7.6 表单分组55
3.7.7 案例—制作“馨美装修”联系我们表单56
习题357
第4章 CSS3样式基础59
4.1 CSS3简介59
4.1.1 初识CSS359
4.1.2 CSS3的优点59
4.1.3 CSS3的局限性60
4.1.4 CSS3编写规范60
4.1.5 CSS3的工作环境61
4.2 在HTML中引入CSS3样式表61
4.2.1 行内样式61
4.2.2 内部样式表62
4.2.3 链入外部样式表63
4.2.4 导入外部样式表65
4.3 CSS3的基本语法和属性值单位66
4.3.1 基本语法66
4.3.2 注意事项67
4.3.3 长度、百分比单位68
4.3.4 色彩单位69
4.4 CSS3的选择符70
4.4.1 基本选择符70
4.4.2 复合选择符71
4.4.3 通配符选择符75
4.4.4 伪类选择符76
4.4.5 伪元素选择符78
4.4.6 案例—制作“馨美装修”网站使用条款页面79
4.5 文档结构与元素类型81
4.5.1 文档结构的基本概念81
4.5.2 元素类型82
4.6 继承性、层叠性和优先级83
4.6.1 继承性83
4.6.2 层叠性84
4.6.3 优先级84
4.7 综合案例—制作“馨美装修”帮助中心局部页面85
习题488
第5章 使用CSS3修饰网页元素89
5.1 CSS3字体属性89
5.1.1 字体类型属性font-family89
5.1.2 字体尺寸属性font-size89
5.1.3 字体倾斜属性font-style90
5.1.4 小写字体属性font-variant90
5.1.5 字体粗细font-weight90
5.2 CSS3文本属性91
5.2.1 文本颜色属性color91
5.2.2 行高属性line-height91
5.2.3 文本水平对齐方式属性text-align92
5.2.4 为文本添加修饰属性text-decoration92
5.2.5 段落首行缩进属性text-indent92
5.2.6 文本的阴影属性text-shadow92
5.2.7 元素内部的空白属性white-space93
5.2.8 文本的截断效果属性text-overflow93
5.3 CSS3背景属性94
5.3.1 背景颜色属性background-color94
5.3.2 背景图像属性background-image95
5.3.3 重复背景图像属性background-repeat96
5.3.4 固定背景图像属性background-attachment97
5.3.5 背景图像位置属性background-position97
5.3.6 背景图像大小属性background-size98
5.3.7 背景属性background98
5.3.8 背景图像起点属性background-origi
|
內容試閱:
|
随着HTML5规范的日臻完善和普及,Web前端开发技术也越来越引人注目,如何开发Web应用程序,设计精美、独特的网页已经成为当前的热门技术之一。为适应现代技术的飞速发展,培养出技术能力强、能快速适应网站开发(或Web开发)行业需求的高级技能型人才,帮助众多热爱网站开发的人员提高网站的设计及编码水平,编者结合自己多年从事教学工作和Web应用开发的实践经验,按照教学规律精心编写了本书。《网页设计与制作教程(HTML CSS JavaScript)第3版》基于Web标准,深入浅出地介绍了Web前端设计技术的基础知识,对HTML5、CSS3、JavaScript和网站制作流程进行了详细讲解。其中,HTML负责网页结构,CSS负责网页样式及表现,JavaScript负责网页行为和功能。
《网页设计与制作教程(HTML CSS JavaScript)第3版》共11章,主要内容包括网页设计与制作基础、编辑HTML5元素、网页布局与交互、CSS3样式基础、使用CSS3修饰网页元素、CSS3盒模型、Div CSS布局页面、JavaScript基础、JavaScript DOM编程、HTML5的高级应用和“馨美装修”网站的制作。
《网页设计与制作教程(HTML CSS JavaScript)第3版》以模块化的结构来组织章节,选取Web开发设计的典型应用作为教学案例,以网站建设和网页设计为中心,以实例为引导,把介绍知识与实例设计、制作、分析融为一体,并且自始至终贯穿于书中。本书通过一个完整的“馨美装修”网站的讲解,将相关知识点分解到案例的具体制作环节中;案例具有代表性和趣味性,使学生在完成案例的同时掌握语法规则与技术的应用。《网页设计与制作教程(HTML CSS JavaScript)第3版》的主要特色如下。
1)通过一个完整的网站制作过程的讲解,将相关知识点分解到实例网站的具体制作环节中,针对性强。还提供了许多其他实例,可操作性强。
2)语言通俗易懂,简单明了,让学生能够轻松掌握有关知识。
3)在案例的安排上,根据其技术难易程度采用了由浅入深的方式,将技术难点分散于各个案例中,做到了叙述上的前后呼应、技术上的逐步加深。
4)融入课程思政,通过将思政内容融入课堂进一步增强学生的家国情怀。
5)配有完整丰富的教学资源。为配合教学,方便教师讲课和学生学习,精心制作了电子课件、授课计划以及例题、习题的源代码等教学资源。
《网页设计与制作教程(HTML CSS JavaScript)第3版》由张兵义、张博担任主编,王蓓、范培英担任副主编。刘瑞新编写第1章,张兵义编写第2、3章,张博编写第4、6章,许镭编写第5章,王蓓编写第7、8章,范培英编写第9、11章,徐军编写第10章。《网页设计与制作教程(HTML CSS JavaScript)第3版》由刘瑞新教授统编定稿。参加《网页设计与制作教程(HTML CSS JavaScript)第3版》编写工作的都是具有多年计算机教学与培训经验的教师。由于Web前端开发技术的发展日新月异,加之编者水平有限,书中难免有不足之处,恳请读者提出宝贵的意见和建议。
编 者
|
|