网页制作实战

-
【作 者】主编 肖睿 罗保山
【I S B N 】978-7-5170-4890-9
【责任编辑】李炎
【适用读者群】本专通用
【出版时间】2016-11-01
【开 本】16开
【装帧信息】平装(光膜)
【版 次】第1版第1次印刷
【页 数】180
【千字数】275
【印 张】11.25
【定 价】¥29
【丛 书】前端开发工程师系列
【备注信息】
简介
本书特色
前言
章节列表
精彩阅读
下载资源
相关图书
随着信息时代的到来,网络已完全融入我们的工作和生活,从网络上获取信息或通过网络交换信息,这些都离不开网络的承载者——网页。一个优秀的网站设计,能够使浏览者快速地找到所需内容,并且拥有愉快的网络体验。本教材通过基本的HTML标签学习,加之CSS美化技术来开发网站,让你进入多姿多彩的网络世界。
本套前端开发教材最大的特点就是以流行网站元素为项目实战。本书使用HTML和CSS进行网站设计开发,并配以完善的学习资源和支持服务,为学习者带来全方位的学习体验,包括视频教程、案例素材下载、学习交流社区、讨论组等终身学习内容,更多技术支持请访问课工场www.kgc.cn。
科学的训练模式—— 科学的课程体系;创新的教学模式;技能人脉,实现多方位就业;随需而变,支持终身学习。
真实的项目驱动—— 覆盖80% 的网站效果制作;几十个实训项目,涵盖电商、金融、教育、旅游、游戏等行业。
便捷的学习体验—— 每章提供二维码扫描,可以直接观看相关视频讲解和案例操作;课工场开辟教材配套版块,提供素材下载、学习社区等丰富在线学习资源。
前 言
随着互联网技术的飞速发展,“互联网+”时代已经悄然到来,这自然催生了互联网行业工种的细分,前端开发工程师这个职业应运而生,各行业、企业对前端设计开发人才的需求也日益增长。与传统网页开发设计人员相比,新“互联网+”时代对前端开发工程师提出了更高的要求,传统网页开发设计人员已无法胜任。在这样的大环境下,这套“前端开发工程师系列”教材应运而生,它旨在帮助读者朋友快速成长为符合“互联网+”时代企业需求的优秀的前端开发工程师。
“前端开发工程师系列”教材是由课工场(kgc.cn)的教研团队研发的。课工场是北京大学下属企业北京课工场教育科技有限公司推出的互联网教育平台,专注于互联网企业各岗位人才的培养。平台汇聚了数百位来自知名培训机构、高校的顶级名师和互联网企业的行业专家,面向大学生以及需要“充电”的在职人员,针对与互联网相关的产品设计、开发、运维、推广和运营等岗位,提供在线的直播和录播课程,并通过遍及全国的几十家线下服务中心提供现场面授以及多种形式的教学服务,并同步研发出版最新的课程教材。参与本书编写的还有罗保山、王春兰、杨洋、孙琳、张云青等院校教师。
课工场为培养互联网前端设计开发人才,特别推出“前端开发工程师系列”教育产品,提供各种学习资源和支持,包括:
现场面授课程。
在线直播课程。
录播视频课程。
案例素材下载。
学习交流社区。
QQ讨论组(技术,就业,生活)。
以上所有资源请访问课工场www.kgc.cn。
本套教材特点
(1)科学的训练模式
科学的课程体系。
创新的教学模式。
技能人脉,实现多方位就业。
随需而变,支持终身学习。
(2)真实的项目驱动
覆盖80%的网站效果制作。
几十个实训项目,涵盖电商、金融、教育、旅游、游戏等行业。
(3)便捷的学习体验
每章提供二维码扫描,可以直接观看相关视频讲解和案例操作。
课工场开辟教材配套版块,提供素材下载、学习社区等丰富在线学习资源。
读者对象
(1)初学者:本套教材将帮助你快速进入互联网前端开发行业,从零开始逐步成长为专业的前端开发工程师。
(2)初级前端开发者:本套教材将带你进行全面、系统的互联网前端设计开发学习,帮助你梳理全面、科学的技能理论,提供实用开发技巧和项目经验。
课工场出品(kgc.cn)
- 大学生创新创业基础 [主编 姜国权 姜福佳]
- 信息技术(微课版) [王云 徐江鸿 李清霞 罗学锋 ]
- 管理基础与实务 [主编 王凤基 颜汉军]
- 高等数学导学篇(上册) [主编 李文婧 胡雷 尹金生]
- 高等数学(下册) [主编 李爱芹 胡雷 尹金生]
- 高等数学(上册) [主编 李爱芹 胡雷 尹金生]
- 人工智能应用基础 [主编 杨缨 李佳]
- 中华水文化(慕课版)(第二版) [毕雪燕 杨华轲 罗玲谊 等编著]
- 电路与电子技术Ⅱ——电路分析基础 [主编 陈晓 金哲]
- 人工智能概论(第二版) [主编 任云晖 丁红 徐迎春 ]
- 信息时代美育之道 [主编 刘宏宇 黎娅]
- 数字媒体交互设计项目式教程(微课版) [主编 苏陆]
- Amazing!儿童英语自然拼读分级教材(全8册) [王玲 编著]
- Spark大数据处理技术 [主编 刘仁山 周洪翠 庄新妍]
- 人工智能算法与实践 [主编 梁琨 张翼英]
- 计算机网络技术项目化教程(微课版) [主编 王艳萍 安华萍]
- 数据清洗 [黄源 刘智杨 孙大松]
- 电路设计与PCB制作实操教程 [主编 周永宏]
- 电路与电子技术Ⅰ—数字电子技术 [主编 郑玉珍 王淑琴]
- Java编程基础案例式教程 [主编 陈艳华 唐春兰]
- Excel在会计工作中的应用(第三版) [主 编 赵艳莉 耿聪慧]
- 应用数学 [主编 刘东海 刘丽瑶]
- Web用户界面设计与制作 [主编 赵娟]
- 计算机网络基础创新教程(模块化+课程思政版) [主编 唐继勇 李旭]
- 计算机应用技术基础案例教程 [主编 周丽娟 王璐]
- Unity应用开发与实战(微课版) [主 编 程永恒]
- PHP程序设计项目化教程 [主 编 杜海颖]
- 文学基础与影视欣赏 [杨华轲 朱伟利 毕雪燕 罗玲谊]
- 路由交换技术项目化教程 [主编 范国娟]
- 信息技术基础立体化教程 [邹承俊 周洪林 刘和文 叶煜 ]
课程设计说明
关于引用作品版权说明
第1章 走进HTML 1
1 HTML基础 2
1.1 HTML简介 2
1.2 HTML开发工具 3
1.3 HTML基本结构 4
1.4 HTML基本标签 6
1.5 HTML图像标签 10
1.5.1 常见的图像格式 10
1.5.2 图像标签的基本语法 11
1.6 HTML超链接标签 11
1.6.1 超链接的基本用法 11
1.6.2 超链接的应用场合 13
1.7 注释和特殊符号 17
2 揭开CSS的神秘面纱 18
2.1 什么是CSS 19
2.2 CSS基本语法 20
2.3 CSS选择器 21
2.4 网页中引用CSS样式 26
本章总结 29
本章作业 29
第2章 网页穿上美丽外衣 31
1 使用CSS美化文本 32
1.1 字体样式 32
1.1.1 标签 32
1.1.2 字体类型 34
1.1.3 字体大小 34
1.1.4 字体风格 36
1.1.5 字体粗细 36
1.1.6 字体属性 37
1.2 文本样式 38
1.2.1 文本颜色 38
1.2.2 水平对齐方式 39
1.2.3 首行文本的缩进和行高 39
1.2.4 文本装饰 40
1.3 CSS设置超链接样式 42
1.3.1 超链接伪类 42
1.3.2 CSS设置鼠标形状 44
2 背景样式 45
2.1 认识
2.2 背景属性 46
2.2.1 背景颜色 46
2.2.2 背景图像 48
2.2.3 背景属性简写 50
3 列表样式 51
3.1 认识列表 51
3.2 列表的使用 52
3.2.1 无序列表 52
3.2.2 有序列表 54
3.2.3 定义列表 56
3.3 列表的样式 58
3.3.1 list-style-type 58
3.3.2 list-style-image 59
3.3.3 list-style-position 59
3.3.4 list-style 59
本章总结 61
本章作业 61
第3章 使用CSS美化表单 63
1 表格 64
1.1 表格基本结构 64
1.2 表格基本语法 65
1.3 表格的跨行跨列 66
1.3.1 表格的跨列 66
1.3.2 表格的跨行 67
1.3.3 表格的跨行跨列 68
2 表单 70
2.1 表单基本结构 71
2.2 表单元素 72
2.2.1 文本框 73
2.2.2 密码框 74
2.2.3 单选按钮 75
2.2.4 复选框 75
2.2.5 列表框 76
2.2.6 按钮 78
2.2.7 多行文本域 79
2.2.8 文件域 80
2.3 表单的高级应用 82
2.3.1 设置表单的隐藏域 82
2.3.2 表单的只读与禁用设置 83
2.4 表单语义化 84
2.4.1 关于语义化 84
2.4.2 语义化的表单 85
2.4.3 表单元素的标注 86
3 CSS高级选择器 87
3.1 CSS复合选择器 87
3.1.1 后代选择器 88
3.1.2 交集选择器 89
3.1.3 并集选择器 90
3.2 CSS继承特性 91
3.2.1 继承关系 91
3.2.2 继承的应用 93
本章总结 95
本章作业 95
第4章 盒子模型 97
1 盒子模型 98
1.1 什么是盒子模型 98
1.2 边框 100
1.2.1 border-color 100
1.2.2 border-width 101
1.2.3 border-style 102
1.2.4 border简写属性 102
1.3 外边距 105
1.4 内边距 107
1.5 盒子模型的尺寸 108
2 标准文档流 110
2.1 标准文档流的组成 110
2.1.1 块级元素 110
2.1.2 内联元素 111
2.2 display属性 111
本章总结 115
本章作业 115
第5章 浮动 117
1 网页布局 118
2 浮动 119
2.1 网页中浮动的应用 120
2.2 float属性 121
3 清除浮动 126
3.1 清除浮动影响 127
3.1.1 清除左侧浮动 127
3.1.2 清除右侧浮动 128
3.1.3 清除两侧浮动 129
3.2 扩展盒子高度 129
4 溢出处理 131
4.1 overflow属性 131
4.2 overflow属性的妙用 133
本章总结 135
本章作业 135
第6章 定位 138
1 定位在网页中的应用 139
2 position属性 140
2.1 static 140
2.2 relative 142
2.3 absolute 145
3 z-index属性的应用 152
本章总结 156
本章作业 156
第7章 项目案例:制作1号店首页 159
1 项目说明 160
1.1 需求概述 160
1.2 技能要点 161
2 前置技能分析 161
2.1 网站开发流程 161
2.2 网站的文件结构 161
2.3 网页布局分析 162
3 项目实现 162
3.1 网页整体布局 162
3.2 制作网站导航 164
3.3 制作焦点轮播图效果 165
3.4 制作焦点图右侧内容 166
3.5 制作食品饮料模块 167
3.6 制作个护厨卫模块 168
3.7 制作网站版权 168