HTML5+CSS3+Bootstrap响应式Web前端设计(慕课版)

Web前端开发实战指导书,主流开发技术,视频全程指导,丰富的配套资源
分享 推荐 1 收藏 3 阅读 142
范玉玲 (作者)

关于本书的内容有任何问题,请联系 张斌

慕课版教材,案例丰富、项目驱动、资源丰富、全部视频讲解。适合作为高校前端开发课程的MOOC配套教材使用。通过多种层次的案例,使学习者由浅入深、循序渐进地掌握前端开发技术。

内容摘要

本书全面系统地介绍了网页设计、开发涉及的主要技术和技巧,包括网站开发基础知识、开发工具、HTML 5 标记语言、CSS 3 样式、响应式网页布局及网站建设流程等。
本书配备三种层次的案例,让学习者由浅入深、循序渐进地掌握前端开发技术。一是通过大量示例辅助学习者掌握基础知识点;二是将一个完整的网站拆解为多个项目渗透在每个章节中,通过项目驱动的方式让学习者巩固并灵活运用基础知识,并能在此过程中逐步了解网站建设的思路和开发流程;三是在章节末尾设置了动手实践项目,涵盖了本章主要知识点及相关技巧并适当延伸,引导学习者进行深入探索,培养学习者的自学能力和应用能力。

目录

第 1章 网站开发基础知识
1.1 认识网页
1.2 网站设计中的一些基本概念
1.2.1 网站
1.2.2 静态网页与动态网页
1.3 互联网的访问过程
1.4 互联网的工作机制
1.5 制作网站的标准和常用技术
1.6 常用的开发工具
项目一:查阅资料并熟悉开发工具
动手实践
习题

第 2章 静态网页制作—HTML技术
2.1 HTML概述
2.1.1 HTML简介
2.1.2 HTML5新特征
2.1.3 HTML5优势
2.1.4 HTML5语法
2.1.5 浏览器支持
2.2 文档结构
2.2.1 HTML文档结构与书写规范
2.2.2 创建HTML文档
2.3 基本标签
2.3.1 <!DOCTYPE>和<meta>标记
2.3.2 块级(block)元素
2.3.3 内联(inline)元素
2.3.4 <div>和<span>
2.3.5 特殊字符
2.3.6 结构元素
2.3.7 页面交互元素
项目二:网页的创建
2.4 多媒体
2.4.1 图像标记<img>
2.4.2 多媒体格式
2.4.3 多媒体文件标记<embed>
2.4.4 视频标记<video>
2.4.5 音频标记<audio>
2.5 超链接
2.5.1 超级链接标记<a>
2.5.2 超链接类型
2.5.3 超链接路径
2.5.4 内部书签
2.5.5 target属性
项目三:百度百科页面(一)——内联元素及结构元素
2.6 表格
2.6.1 表格行列标记
2.6.2 表格嵌套和布局
2.7 内嵌框架
项目四:百度百科页面(二)——超链接、多媒体及表格元素
2.8 表单
2.8.1 表单定义标记<form>
2.8.2 输入标记<input>
2.8.3 列表框标记<select>
2.8.4 文本域输入标记<textarea>
2.8.5 HTML5新增的表单元素和属性
项目五:影迷注册页面
项目六:成长故事页面——HTML总复习
动手实践
习题

第3章 CSS初步
3.1 CSS概述
3.1.1 CSS发展历史
3.1.2 CSS的优势
3.2 CSS样式表的创建
3.2.1标记文档
3.2.2编写规则
3.2.3附加方式
3.3基本选择器
3.4 字体属性
3.5 文本属性
3.6 颜色与背景
项目七 成长故事页面CSS属性设置
动手实践
习题

第4章 选择器与优先级
4.1 复杂选择器
4.1.1层次选择器
4.1.2 属性选择器
4.1.3 伪类选择器
4.1.4 伪对象选择器
4.2 优先级
4.2.1 继承
4.2.2 层叠
4.2.3 优先级特性
项目八 百度百科页面CSS属性设置

动手实践
习题

第5章 盒模型
5.1 盒模型
5.1.1元素框的组成
5.1.2 填充
5.1.3 边框
1.4 空白边
项目九 T型页面布局
5.2 表格与列表样式
5.2.1 表格样式
5.2.2 列表样式
5.2.3 优先级特性
5.3 display
5.4 浮动与定位
5.4.1 浮动与清除浮动
5.4.2 定位
5.4.3 堆积顺序
项目十:百度百科页面布局——浮动练习、简单的T型布局
项目十一:index页面Banner图——定位练习
5.5布局
5.5.1 液态网页
5.5.2 固定网页
5.5.3 弹性网页
项目十二:成长故事页面布局——固定网页布局
动手实践
习题

第6章 响应式页面
6.1 响应式网页设计概述
6.1.1 为什么需要移动网页设计
6.1.2 响应式网页设计的定义
6.1.3 关于视口
6.1.4 响应式网页设计案例
6.2 媒体查询
6.2.1 媒体查询对响应式设计的必要性
6.2.2 媒体查询语法
6.2.3 媒体查询的不足
6.2.4 实践案例--创建第 一个响应式网页
项目十三:感情经历页面——响应式网页练习
6.3 响应式布局
6.3.1 流式布局
6.3.2 弹性布局
6.4 前端框架bootstrap
6.5 实践案例--利用bootstrap构建网站
项目十四:代表作品页面——bootstrap框架使用
动手实践
习题

第7章 网站建设流程
7.1 网站建设流程
7.1.1 明确网站定位
7.1.2 确定网站主题
7.1.3 网站整体规划
7.2 测试发布
7.3 建立站点
项目十五:卡梅隆网站创建并发布
动手实践
习题

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

研究方向:智能计算与大数据。多年来一直从事一线教学工作。主要讲授《程序设计基础》《web客户端编程设计》《C#程序设计》等课程。 主持、参与了多项MOOC相关的教学项目。项目包括2016年教育部产学研项目和2016年省重点项目《基于“MOOC+SPOCs+翻转课堂”的混合式教学模式研究及应用》。

相关技术

推荐用户

相关图书