展开全部

主编推荐语

本书依据《Web前端开发职业技能等级标准(初级)》和部分示范院校的《Web前端技术课程教学标准》编写。

内容简介

本书内容包括Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计和现代标准的社区新闻网站制作实例。本书以模块化的结构来组织章节,选取静态网站设计与制作的典型应用作为教学案例。

本书适合作为高等院校Web前端技术课程、网页设计与制作课程的教材,也可以作为1+X证书中Web前端开发职业技能等级(初级)的教学及参考用书。

目录

  • 版权信息
  • 内容提要
  • 前言
  • 第1章 HTML5概述
  • 1.1 Web的基本概念
  • 1.1.1 WWW
  • 1.1.2 Web服务器
  • 1.1.3 网页浏览器
  • 1.1.4 网站
  • 1.1.5 网页
  • 1.1.6 URL
  • 1.1.7 标记语言
  • 1.1.8 网页标准
  • 1.2 HTML5的基本结构和语法规则
  • 1.2.1 HTML5文档的基本结构
  • 1.2.2 HTML5的基本语法
  • 1.2.3 HTML的全局属性
  • 1.2.4 元素的分类
  • 1.2.5 HTML的字符实体和颜色表示
  • 1.2.6 HTML5开发人员编码规范
  • 1.3 编辑HTML文件
  • 1.3.1 常用HTML编辑软件
  • 1.3.2 网页文件的创建
  • 1.4 实训——制作社区网版权信息
  • 习题1
  • 第2章 块级元素
  • 2.1 基本块级元素
  • 2.1.1 标题元素hl~h6
  • 2.1.2 段落元素p和换行元素br
  • 2.1.3 水平线元素hr
  • 2.1.4 注释元素
  • 2.2 列表元素
  • 2.2.1 无序列表元素ul
  • 2.2.2 有序列表元素ol
  • 2.2.3 定义列表元素dl
  • 2.2.4 嵌套列表
  • 2.3 表格元素table
  • 2.3.1 基本表格
  • 2.3.2 跨行跨列表格
  • 2.3.3 表格数据的分组
  • 2.3.4 调整列的格式
  • 2.4 表单
  • 2.4.1 表单元素form
  • 2.4.2 输入元素input
  • 2.4.3 标签元素label
  • 2.4.4 选择栏元素select
  • 2.4.5 按钮元素button
  • 2.4.6 多行文本元素textarea
  • 2.5 分区元素div
  • 2.6 缩排元素blockquote
  • 2.7 实训——制作精选信息版块
  • 习题2
  • 第3章 行内元素
  • 3.1 格式化元素
  • 3.1.1 字体样式元素
  • 3.1.2 短语元素
  • 3.2 图像元素img
  • 3.3 超链接元素a
  • 3.4 图像热区超链接元素map、area
  • 3.5 范围元素span
  • 3.6 多媒体元素
  • 3.6.1 音频元素audio
  • 3.6.2 视频元素video
  • 3.7 用HBuilder X编辑HTML文档
  • 3.8 实训——制作广告版块
  • 习题3
  • 第4章 CSS3基础
  • 4.1 CSS简介
  • 4.1.1 CSS的发展历史
  • 4.1.2 CSS设计与编写原则
  • 4.2 在HTML中使用CSS的方法
  • 4.2.1 行内样式
  • 4.2.2 内部样式
  • 4.2.3 链入外部样式表文件
  • 4.2.4 导入外部样式表文件
  • 4.3 CSS的两个主要特性
  • 4.4 CSS的基本语法
  • 4.5 CSS的选择器
  • 4.5.1 元素选择器
  • 4.5.2 通配符选择器
  • 4.5.3 属性选择器
  • 4.5.4 派生选择器
  • 4.5.5 兄弟选择器
  • 4.5.6 id选择器
  • 4.5.7 class选择器
  • 4.5.8 伪类选择器
  • 4.5.9 UI元素状态伪类选择器
  • 4.5.10 结构伪类选择器
  • 4.5.11 其他伪类选择器
  • 4.5.12 伪元素选择器
  • 4.6 属性值的写法和单位
  • 4.6.1 长度、百分比单位
  • 4.6.2 色彩单位
  • 4.7 HTML文档结构与元素类型
  • 4.7.1 文档结构的基本概念
  • 4.7.2 元素类型
  • 4.8 实训——制作内容详情页
  • 习题4
  • 第5章 CSS3的属性
  • 5.1 CSS背景属性
  • 5.1.1 背景颜色属性background-color
  • 5.1.2 背景图像属性background-image
  • 5.1.3 重复背景图像属性background-repeat
  • 5.1.4 固定背景图像属性background-attachment
  • 5.1.5 背景图像位置属性background-position
  • 5.1.6 背景图像大小属性background-size
  • 5.1.7 背景属性backgroud
  • 5.1.8 背景覆盖区域属性background-clip
  • 5.1.9 背景图像起点属性background-origin
  • 5.1.10 背景渐变属性background-image
  • 5.2 CSS字体属性
  • 5.2.1 字体类型属性font-family
  • 5.2.2 字体尺寸属性font-size
  • 5.2.3 字体倾斜属性font-style
  • 5.2.4 小写字体属性font-variant
  • 5.2.5 字体粗细属性font-weight
  • 5.2.6 字体简写属性font
  • 5.2.7 CSS3新增使用服务器字体
  • 5.3 CSS文本属性
  • 5.3.1 文本颜色属性color
  • 5.3.2 文本方向属性direction
  • 5.3.3 字符间隔属性letter-spacing
  • 5.3.4 行高属性line-height
  • 5.3.5 文本水平对齐方式属性text-align
  • 5.3.6 为文本添加装饰属性text-decoration
  • 5.3.7 段落首行缩进属性text-indent
  • 5.3.8 文本的阴影属性text-shadow
  • 5.3.9 文本的大小写属性text-transform
  • 5.3.10 元素内部的空白属性white-space
  • 5.3.11 单词之间的间隔属性word-spacing
  • 5.3.12 文本的截断效果属性text-overflow
  • 5.3.13 文本的换行方式属性word-break
  • 5.3.14 单词断字属性word-wrap
  • 5.4 CSS尺寸属性
  • 5.4.1 宽度属性width
  • 5.4.2 高度属性height
  • 5.4.3 最小宽度属性min-width
  • 5.4.4 最大宽度属性max-width
  • 5.4.5 最小高度属性min-height
  • 5.4.6 最大高度属性max-height
  • 5.5 CSS列表属性
  • 5.5.1 图像作为列表项标记属性list-style-image
  • 5.5.2 列表项标记位置属性list-style-position
  • 5.5.3 列表项标记类型属性list-style-type
  • 5.5.4 列表简写属性list-style
  • 5.6 CSS表格属性
  • 5.6.1 合并边框属性border-collapse
  • 5.6.2 边框间隔属性border-spacing
  • 5.6.3 标题位置属性caption-side
  • 5.6.4 单元格无内容显示方式属性empty-cells
  • 5.6.5 表格设置方式属性table-layout
  • 5.7 CSS内容属性
  • 5.8 CSS属性的应用
  • 5.8.1 设置图像样式
  • 5.8.2 设置链接
  • 5.8.3 创建导航菜单
  • 5.9 实训——制作社区网页面
  • 5.9.1 制作通知公告版块
  • 5.9.2 制作导航栏
  • 习题5
  • 第6章 CSS的盒模型
  • 6.1 CSS盒模型的组成和大小
  • 6.1.1 盒子的组成
  • 6.1.2 盒子的大小
  • 6.1.3 块级元素与行内元素的宽度和高度
  • 6.2 CSS盒模型的属性
  • 6.2.1 CSS内边距属性padding
  • 6.2.2 CSS外边距属性margin
  • 6.2.3 CSS边框属性border
  • 6.2.4 圆角边框属性border-radius
  • 6.2.5 盒模型的阴影属性box-shadow
  • 6.2.6 图片边框属性border-image
  • 6.2.7 CSS轮廓属性outline
  • 6.2.8 调整大小属性resize
  • 6.3 CSS布局属性
  • 6.3.1 元素的布局方式概述
  • 6.3.2 CSS浮动属性float
  • 6.3.3 清除浮动属性clear
  • 6.3.4 裁剪属性clip
  • 6.3.5 内容溢出时的显示方式属性overflow
  • 6.3.6 元素显示方式属性display
  • 6.3.7 元素可见性属性visibility
  • 6.4 CSS盒子定位属性
  • 6.4.1 定位位置属性top、right、bottom、left
  • 6.4.2 定位方式属性position
  • 6.4.3 层叠顺序属性z-index
  • 6.5 CSS3多列属性
  • 6.5.1 列数属性column-count
  • 6.5.2 列宽属性column-width
  • 6.5.3 列宽属性column
  • 6.5.4 列之间的间隔属性column-gap
  • 6.5.5 是否横跨所有列属性column-span
  • 6.5.6 列间隔样式属性column-rule-style
  • 6.5.7 列之间间隔颜色属性column-rule-color
  • 6.5.8 列之间宽度属性column-rule-width
  • 6.5.9 列之间间隔所有属性column-rule
  • 6.6 CSS基本布局样式
  • 6.6.1 CSS布局类型
  • 6.6.2 CSS布局样式
  • 6.7 实训——制作社区网网页
  • 6.7.1 制作新闻图片板块
  • 6.7.2 制作热点关注板块
  • 习题6
  • 第7章 JavaScript程序设计基础
  • 7.1 JavaScript概述
  • 7.1.1 JavaScript的诞生
  • 7.1.2 ECMAScript的版本
  • 7.1.3 JavaScript的特点
  • 7.2 在HTML文档中使用JavaScript
  • 7.2.1 在HTML文档中嵌入脚本程序
  • 7.2.2 链接脚本文件
  • 7.2.3 在HTML标签内添加脚本
  • 7.3 数据类型
  • 7.3.1 数据类型的分类
  • 7.3.2 基本数据类型
  • 7.3.3 数据类型的判断
  • 7.3.4 数据类型的转换
  • 7.4 标识符、变量、运算符和表达式
  • 7.4.1 标识符
  • 7.4.2 常量
  • 7.4.3 变量
  • 7.4.4 运算符和表达式
  • 7.4.5 语句的书写规则
  • 7.5 流程控制语句
  • 7.5.1 顺序结构语句
  • 7.5.2 条件选择结构语句
  • 7.5.3 循环结构语句
  • 7.6 函数
  • 7.6.1 函数的声明
  • 7.6.2 函数的调用
  • 7.6.3 变量的作用域
  • 7.6.4 内嵌函数
  • 7.6.5 闭包函数
  • 7.6.6 系统函数
  • 7.7 对象
  • 7.7.1 对象的概念
  • 7.7.2 创建类
  • 7.7.3 对象的实例化
  • 7.7.4 对象的属性
  • 7.7.5 对象的方法
  • 7.7.6 对象的遍历
  • 7.7.7 对象的事件
  • 7.8 内置对象
  • 7.8.1 数学对象
  • 7.8.2 字符串对象
  • 7.8.3 日期对象
  • 7.8.4 数组对象
  • 7.9 正则表达式
  • 7.9.1 创建正则表达式
  • 7.9.2 正则表达式的组成
  • 7.9.3 正则表达式使用的方法
  • 7.10 使用开发者工具调试JavaScript程序
  • 7.10.1 开发者工具调试使用方法
  • 7.10.2 调试示例
  • 习题7
  • 第8章 JavaScript对象模型
  • 8.1 BOM的对象
  • 8.1.1 BOM概述
  • 8.1.2 window对象
  • 8.1.3 document对象
  • 8.1.4 location对象
  • 8.1.5 navigator对象
  • 8.1.6 screen对象
  • 8.1.7 history对象
  • 8.2 DOM的对象
  • 8.2.1 节点和节点树
  • 8.2.2 DOM的操作
  • 8.2.3 Node对象
  • 8.2.4 HTML DOM对象
  • 8.2.5 HTML Document对象
  • 8.2.6 HTML Element对象
  • 8.2.7 Node操作实例
  • 习题8
  • 第9章 JavaScript事件处理
  • 9.1 事件概述
  • 9.1.1 事件的概念
  • 9.1.2 事件的类型
  • 9.1.3 事件处理程序的绑定方式
  • 9.2 window事件
  • 9.2.1 load事件
  • 9.2.2 resize事件
  • 9.2.3 scroll事件
  • 9.2.4 focus和 blur 事件
  • 9.3 mouse事件
  • 9.3.1 click 事件
  • 9.3.2 dblclick事件
  • 9.3.3 mouseover和mouseout事件
  • 9.3.4 mousedown、mousemove和mouseup事件
  • 9.4 keyboard事件
  • 9.4.1 keydown 事件
  • 9.4.2 keypress 事件
  • 9.4.3 keyup 事件
  • 9.5 form事件
  • 9.5.1 onsubmit和onreset事件
  • 9.5.2 子元素事件
  • 9.6 事件捕捉与事件冒泡
  • 习题9
  • 第10章 CSS3变形、过渡和动画属性
  • 10.1 变形
  • 10.1.1 CSS的坐标系统
  • 10.1.2 transform属性
  • 10.1.3 transform-origin属性
  • 10.1.4 transform-style属性
  • 10.1.5 perspective和perspective-origin属性
  • 10.1.6 backface-visibility属性
  • 10.2 过渡
  • 10.2.1 过渡属性
  • 10.2.2 过渡事件
  • 10.3 动画
  • 10.3.1 动画属性
  • 10.3.2 动画事件
  • 习题10
  • 第11章 HTML5的拖放和画布
  • 11.1 拖放
  • 11.1.1 draggable属性
  • 11.1.2 拖放事件
  • 11.1.3 数据传递对象dataTransfer
  • 11.2 画布
  • 11.2.1 创建canvas元素
  • 11.2.2 构建绘图环境
  • 11.2.3 绘制图形的步骤
  • 11.2.4 绘制图形
  • 习题 11
  • 第12章 综合案例
  • 12.1 网站的开发流程和组织结构
  • 12.1.1 创建站点目录
  • 12.1.2 网站页面的组成
  • 12.2 制作社区新闻网首页
  • 12.3 制作社区新闻网的列表页
  • 12.4 制作社区新闻网的内容页
  • 习题12
  • 参考文献
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

机械工业出版社

机械工业出版社是全国优秀出版社,自1952年成立以来,坚持为科技、为教育服务,以向行业、向学校提供优质、权威的精神产品为宗旨,以“服务社会和人民群众需求,传播社会主义先进文化”为己任,产业结构不断完善,已由传统的图书出版向着图书、期刊、电子出版物、音像制品、电子商务一体化延伸,现已发展为多领域、多学科的大型综合性出版社,涉及机械、电工电子、汽车、计算机、经济管理、建筑、ELT、科普以及教材、教辅等领域。