华信教育资源网
网页设计项目教程(HTML5+CSS3+JavaScript)(第2版)
丛   书   名: 高等职业教育计算机系列教材
作   译   者:罗保山 出 版 日 期:2026-09-01
出   版   社:电子工业出版社 维   护   人:徐建军 
书   代   号:G0535770 I S B N:9787121535772

图书简介:

本书聚焦HTML5、CSS3与JavaScript前端核心技术,基于Web标准系统讲解Web前端设计知识,涵盖HTML5概述、网页的色彩搭配、HTML5的文档结构、网页文本设计、使用CSS技术美化网页、文本样式的高级设置、网页超链接设计、用HTML5创建表格、网页表单设计、网页多媒体设计等HTML5核心功能,同时深入介绍CSS布局与使用JavaScript脚本语言实现网页。书中融入了丰富的企业真实案例,并附带详细解析,各知识点均设置配套实操训练,助力读者深化理论理解、提升实践应用能力。本书结构清晰、内容紧凑,既适合作为高职院校计算机专业Web前端课程的教材,也可供Web前端从业者及HTML5等前端技术爱好者学习参考。
定价 59.8
您的专属联系人更多
关注 评论(0) 分享
配套资源 图书内容 样章/电子教材 图书评价
  • 配 套 资 源

    本书资源

    会员上传本书资源

  • 图 书 内 容

    内容简介

    本书聚焦HTML5、CSS3与JavaScript前端核心技术,基于Web标准系统讲解Web前端设计知识,涵盖HTML5概述、网页的色彩搭配、HTML5的文档结构、网页文本设计、使用CSS技术美化网页、文本样式的高级设置、网页超链接设计、用HTML5创建表格、网页表单设计、网页多媒体设计等HTML5核心功能,同时深入介绍CSS布局与使用JavaScript脚本语言实现网页。书中融入了丰富的企业真实案例,并附带详细解析,各知识点均设置配套实操训练,助力读者深化理论理解、提升实践应用能力。本书结构清晰、内容紧凑,既适合作为高职院校计算机专业Web前端课程的教材,也可供Web前端从业者及HTML5等前端技术爱好者学习参考。

    图书详情

    ISBN:9787121535772
    开 本:16(185*260)
    页 数:336
    字 数:538

    本书目录

    模块1  HTML5概述	(1)
    任务1.1  HTML简介	(1)
    任务1.2  了解HTML5	(6)
    任务1.3  搭建HTML5的开发环境	(9)
    1.3.1  VS Code开发工具安装	(9)
    1.3.2  Chrome浏览器安装	(11)
    1.3.3  安装VS Code插件	(11)
    任务1.4  HTML5文件的创建方法	(14)
    1.4.1  使用记事本创建HTML5文件	(14)
    1.4.2  使用VS Code创建HTML文件	(15)
    1.4.3  实例:创建第一个HTML5网页文件	(18)
    1.4.4  预览HTML5网页	(18)
    模块实训	(21)
    模块小结	(23)
    模块练习	(23)
    模块2  网页的色彩搭配	(24)
    任务2.1  色彩基础知识	(25)
    2.1.1  色彩属性解析	(25)
    2.1.2  色彩的分类与特点	(26)
    任务2.2  色彩搭配原则与技巧	(27)
    2.2.1 对比色搭配	(27)
    2.2.2 邻近色搭配	(28)
    2.2.3 类似色搭配	(28)
    任务2.3  色彩心理学在网页设计中的应用	(29)
    2.3.1 色彩与情感的关系	(29)
    2.3.2 色彩心理学在网页设计中的应用技巧	(29)
    任务2.4  色彩搭配工具与资源的运用	(30)
    2.4.1 常用色彩搭配工具	(30)
    2.4.2 色彩搭配资源网站推荐	(32)
    模块实训	(33)
    模块小结	(34)
    模块练习	(35)
    模块3  HTML5的文档结构	(36)
    任务3.1  Web标准	(36)
    3.1.1 Web标准概述	(37)
    3.1.2 Web标准规定的内容	(37)
    任务3.2  HTML5文档的基本结构	(39)
    3.2.1  文档类型声明	(39)
    3.2.2 根标签<html>	(39)
    3.2.3 头标签<head>	(39)
    3.2.4  主体标签<body>	(40)
    3.2.5 标题标签<title>	(40)
    3.2.6 元信息标签<meta>	(40)
    3.2.7 页面注释标记	(41)
    任务3.3 综合实例—符合W3C标准的HTML5网页	(43)
    3.3.1  HTML	(44)
    3.3.2 CSS	(45)
    3.3.3 JavaScript	(45)
    任务3.4  HTML5页面构成	(47)
    3.4.1  HTML5页面主要组成部分	(47)
    3.4.2  综合实例—HTML5页面构成	(48)
    模块实训	(55)
    模块小结	(56)
    模块练习	(57)
    模块4  网页文本设计	(58)
    任务4.1 添加文本	(59)
    4.1.1  普通文本	(59)
    4.1.2  特殊字符文本	(59)
    4.1.3  文本特殊样式	(60)
    任务4.2  文本排版	(65)
    4.2.1  段落标记	(65)
    4.2.2  标题标签	(67)
    4.2.3  <hr>标签	(68)
    4.2.4  <span>标签	(69)
    4.2.5  特殊信息文本	(70)
    任务4.3  网页文字列表设计	(76)
    4.3.1 建立无序列表	(76)
    4.3.2 建立有序列表	(77)
    4.3.3 建立自定义列表	(79)
    模块实训	(81)
    模块小结	(81)
    模块练习	(82)
    模块5  使用CSS技术美化网页	(83)
    任务5.1  CSS简介	(83)
    任务5.2  CSS基础选择器	(86)
    5.2.1  认识选择器	(86)
    5.2.2  标签选择器	(87)
    5.2.3  类选择器	(87)
    5.2.4  ID选择器	(87)
    任务5.3  CSS复合选择器	(89)
    5.3.1  认识复合选择器	(89)
    5.3.2  交集选择器	(89)
    5.3.3  并集选择器	(90)
    5.3.4  后代选择器	(90)
    5.3.5  子选择器	(92)
    5.3.6  相邻选择器	(92)
    5.3.7  伪类选择器	(93)
    5.3.8  伪对象选择器	(93)
    任务5.4  CSS设置背景	(96)
    5.4.1  颜色值	(97)
    5.4.2  背景颜色	(97)
    5.4.3  背景图片	(98)
    任务5.5  CSS3常用效果与技巧	(103)
    5.5.1  阴影效果	(104)
    5.5.2  2D与3D转换效果	(105)
    模块实训	(110)
    模块小结	(110)
    模块练习	(110)
    模块6  文本样式的高级设置	(112)
    任务6.1 网页文本样式	(113)
    6.1.1 字体	(113)
    6.1.2 字号	(114)
    6.1.3 字体风格	(114)
    6.1.4 加粗字体	(115)
    6.1.5 小写字母转为大写字母	(116)
    6.1.6 字体复合属性	(117)
    6.1.7 字体颜色	(118)
    6.1.8 溢出文本	(120)
    任务6.2  设置网页文本样式	(125)
    6.2.1 单词间隔	(126)
    6.2.2 字符间隔	(128)
    6.2.3 文本装饰	(128)
    6.2.4 垂直对齐方式	(130)
    6.2.5 水平对齐方式	(131)
    6.2.6 文本缩进	(134)
    6.2.7 文本行高	(134)
    6.2.8 处理空白	(135)
    6.2.9  文本阴影text-shadow属性	(137)
    6.2.10  文本自动换行word-wrap属性	(137)
    模块实训	(141)
    模块小结	(141)
    模块练习	(141)
    模块7  网页超链接设计	(142)
    任务7.1  网页超链接的基本应用	(142)
    7.1.1  文本和图片超链接的创建	(143)
    7.1.2  下载链接创建与应用	(145)
    7.1.3  设置链接目标打开窗口	(146)
    任务7.2  网页超链接的高级应用	(152)
    7.2.1 超文本链接到一个E-mail地址	(152)
    7.2.2 页面内导航与定位的实现	(153)
    7.2.3 创建热点区域	(155)
    7.2.4 浮动框架	(157)
    模块实训	(166)
    模块小结	(166)
    模块练习	(166)
    模块8  用HTML5创建表格	(167)
    任务8.1 创建基础表格	(167)
    8.1.1  定义基础表格	(168)
    8.1.2  设置表格的标题	(169)
    任务8.2 表格属性	(172)
    8.2.1  表格按行分组显示—<thead>元素、<tfoot>元素、<tbody>元素	(173)
    8.2.2  表格按列分组显示—<colgroup>元素、<col>元素	(174)
    8.2.3  单线表格、分离单元格	(175)
    8.2.4  分离单元格	(177)
    8.2.5  跨多行、多列的单元格	(178)
    模块实训	(182)
    模块小结	(182)
    模块练习	(182)
    模块9  网页表单设计	(183)
    任务9.1 表单属性	(183)
    9.1.1  表单的用途	(184)
    9.1.2  表单的属性设置	(185)
    任务9.2 基本元素的应用	(190)
    9.2.1  <input>表单控件	(190)
    9.2.2  多行文本框	(196)
    9.2.3  <label>标签	(197)
    9.2.4  下拉列表框	(198)
    任务9.3  表单高级元素的使用	(201)
    9.3.1  URL类型元素	(201)
    9.3.2  email类型元素	(202)
    9.3.3  number类型元素	(203)
    9.3.4  range类型元素	(203)
    9.3.5  search类型元素	(204)
    9.3.6  color类型元素	(205)
    9.3.7  日期和时间输入控件	(205)
    9.3.8  <datalist>元素	(206)
    9.3.9  input表单控件新增属性	(208)
    模块实训	(211)
    模块小结	(211)
    模块练习	(212)
    模块10  网页多媒体设计	(213)
    任务10.1 HTML5 <audio>元素和<video>元素入门	(214)
    10.1.1  视频容器	(214)
    10.1.2  音频和视频编解码器	(215)
    10.1.3  <audio>元素和<video>元素的src属性及<source>元素	(216)
    任务10.2 网页中音频文件的使用	(217)
    10.2.1  添加自动播放的音频文件	(218)
    10.2.2  添加循环播放的音频文件	(218)
    10.2.3  添加预播放的音频文件	(219)
    任务10.3 网页中视频文件的使用	(221)
    10.3.1  添加视频文件	(221)
    10.3.2  添加自动播放的视频文件	(223)
    10.3.3  添加循环播放的视频文件	(224)
    10.3.4  添加预播放的视频文件	(225)
    10.3.5  设置视频文件的宽度和高度	(226)
    10.3.6  设置视频文件的networkState属性	(227)
    10.3.7  设置视频文件的readyState属性	(229)
    10.3.8 多媒体元素常用方法和事件简述	(230)
    模块实训	(235)
    模块小结	(235)
    模块练习	(236)
    模块11  CSS布局	(237)
    任务11.1  认识CSS布局	(238)
    11.1.1  CSS盒子模型	(238)
    11.1.2  元素的显示方式	(239)
    11.1.3  CSS布局技术	(239)
    任务11.2  JavaScript基础	(239)
    11.2.1  float属性的常用取值	(240)
    11.2.2  清除浮动	(242)
    11.2.3  图文混排布局	(243)
    11.2.4  两列布局	(244)
    任务11.3  position定位	(247)
    11.3.1  position属性的常用取值	(247)
    11.3.2  z-index层级	(251)
    11.3.3  居中	(252)
    任务11.4  弹性盒子	(253)
    11.4.1  基本概念	(254)
    11.4.2  常用容器属性	(255)
    11.4.3  常用项目属性	(258)
    任务11.5  多列布局	(259)
    模块练习	(262)
    模块12  使用JavaScript脚本语言实现网页	(264)
    任务12.1  认识JavaScript	(265)
    12.1.1  JavaScript发展概况	(265)
    12.1.2  JavaScript的特性	(266)
    12.1.3  JavaScript的应用场景	(266)
    12.1.4  搭建JavaScript开发环境	(266)
    12.1.5  引入JavaScript代码	(267)
    12.1.6  常用的JavaScript输出语句	(268)
    任务12.2  JavaScript语言基础	(268)
    12.2.1  变量的声明和赋值	(268)
    12.2.2  数据类型	(269)
    12.2.3  表达式	(271)
    12.2.4  运算符	(271)
    任务12.3  JavaScript语句	(273)
    12.3.1  选择语句	(273)
    12.3.2  循环语句	(276)
    12.3.3  跳转语句	(278)
    任务12.4  JavaScript函数	(279)
    12.4.1  函数的创建与调用	(280)
    12.4.2  函数的参数	(281)
    任务12.5  文档对象模型(DOM)	(282)
    12.5.1  认识DOM对象	(282)
    12.5.2  获取DOM元素	(283)
    12.5.3  创建DOM元素	(284)
    12.5.4  修改DOM中的元素	(285)
    12.5.5  处理DOM元素属性	(287)
    任务12.6  事件处理	(290)
    12.6.1  事件类型	(290)
    12.6.2  事件处理程序	(290)
    12.6.3  事件流	(292)
    12.6.4  事件对象	(294)
    12.6.5  事件委托	(294)
    模块实训	(296)
    模块小结	(296)
    模块练习	(296)
    模块13  网页开发综合案例	(298)
    任务13.1  案例分析	(298)
    13.1.1  页面展示	(299)
    13.1.2  页面模块	(299)
    任务13.2  搭建页面结构	(301)
    13.2.1  创建项目	(301)
    13.2.2  页面框架	(301)
    任务13.3  页面顶部	(303)
    13.3.1  静态效果实现	(303)
    13.3.2  动态效果实现	(307)
    任务13.4  页面主体	(309)
    13.4.1  静态效果实现	(309)
    13.4.2  动态效果实现	(318)
    模块实训	(321)
    模块小结	(321)
    
    展开

    前     言

    HTML5、CSS3与JavaScript是Web前端开发的核心技术,在网络应用快速迭代的当下,前端技术日益成为Web开发的焦点。其中,HTML5并非简单的技术升级,而是代表了未来Web开发的方向,是当前该领域的研究热点;CSS3可高效美化网页、控制网页布局与样式,替代多数传统插件实现的效果;JavaScript则为网页提供动态交互能力,三者共同构成现代网页设计的技术基石。
    本书共设13个模块,内容分模块系统展开。
    模块1  HTML5概述:讲解HTML5的基础知识、发展历程,以及HTML5网页的创建方法,帮助读者建立对HTML5的整体认知。
    模块 2  网页的色彩搭配:介绍网页中色彩的运用逻辑,以及色彩与图片的配合技巧,提升页面视觉表现效果。
    模块3  HTML5的文档结构:解析Web标准与HTML5的基本结构,通过实例展示符合Web标准的HTML5文档编写规范。
    模块 4  网页文本设计:结合实例讲解网页文本的插入、特殊样式设置,以及段落、标题、列表的排版标记使用。
    模块5  使用CSS3技术美化网页:介绍CSS3的基本概念、引入方式和常用选择器,并讲解背景、阴影及2D、3D变换效果的设置方法。
    模块6  文本格式的高级设置:深入讲解CSS3中文本样式的高级配置,包括字体、字号、行间距、字间距、文本溢出处理等常用属性的实操方法。
    模块7  网页超链接设计:通过实例覆盖超链接全场景应用,包括文本/图片链接、下载链接、路径选择、多窗口打开、邮件链接、锚点导航、热点区域及浮动框架的创建。
    模块8  用HTML5创建表格:详解表格相关标签,以及跨行跨列、表格列样式分组的处理技巧。
    模块9  网页表单设计:介绍表单核心元素与工作原理,包括表单的基础构建知识。
    模块10  网页多媒体设计:讲解HTML5中audio、video标签的使用方法,包括获取媒体播放信息、自定义播放器。
    模块11  CSS3布局:讲解CSS3的基础概念、语法规则、引用方式与选择器类型,同时介绍主流页面布局方式与实操案例,覆盖当前常用前端布局技巧。
    模块12  使用JavaScript脚本语言实现网页:介绍JavaScript的基本语法、常用内置对象、文档对象模型(DOM)及用户验证等知识,助力学习者实现网页动态交互效果。
    模块13  网页开发综合案例:通过完整案例串联起网页规划、结构搭建、布局设计的全流程,演示前端项目的实际开发过程。
    本书坚持理论与实操相结合,兼顾基础知识传授与技能培养,适合作为高职院校计算机专业“HTML5+CSS3+JavaScript”课程的教学用书。
    本书由罗保山、孙琳、吴梦婷担任主编,张采奕、胡佳静、郭瑞担任副主编,参加编写的还有张宪、张鑫晏、陈希彤等。在本书编写过程中参考了国内外众多优秀教材及文献,在此向相关作者致以诚挚谢意。
    为方便教师教学,本书提供了教学参考资料包,内容包括电子课件、案例源代码、课后上机实训、习题解答等,请有此需求的教师登录华信教育资源网,注册后免费下载。如有问题可在网站留言板留言或与电子工业出版社联系(E-mail:hxedu@phei.com.cn)。
    由于编者水平有限,书中难免存在疏漏,敬请广大读者批评指正。
    编  者
    
    展开

    作者简介

    罗保山,男,中共党员,现任武汉软件工程职业学院副校长,同时具有教授、高级工程师职称,专业方向为计算机软件。作为国家级职业教育教师教学创新团队立项建设单位负责人,他还担任中国计算机学会(CCF)职业发展委员会常务委员、湖北信息技术职业教育集团秘书长,并享受武汉市政府专项津贴,是武汉市教师学科带头人和武汉市新长征突击手。长期深耕软件技术、大数据技术应用与人工智能技术应用等领域,同时也关注职业教育理论研究。他主持市级以上课题11项,公开发表学术论文30余篇,主编教材13本、主审教材7本,展现出扎实的科研与教学积淀。在知识产权与成果转化方面,他获得国家实用新型专利4项、软件著作权10项,将技术研究与实际应用紧密结合。在教学成果方面,成绩突出。他先后获得湖北省高等学校教学成果一等奖2项、二等奖2项、三等奖1项,武汉市市属高校教学成果一等奖1项、二等奖2项,以及湖北省职业教育教学成果奖一等奖1项。此外,他注重以赛促学、以赛促教,指导学生参加技能竞赛和创新创业大赛,累计获得全国一等奖、省级一等奖等奖项20余项,在培养学生实践能力与创新精神方面成效显著。
  • 样 章 试 读
    本书暂无样章试读!
  • 图 书 评 价 我要评论
华信教育资源网