内容推荐 随着信息时代的到来,网络己完全融入人们的日常工作和生活,从安卓到苹果、从网页到APP、从休闲到游戏,前端应用无处不在,而这些都离不开网络的承载者——网页。肖睿,张荣竣主编的《网页设计与开发(新技术技能人才培养系列教程)》共7章。主要内容包括初识HTML,使用CSS美化网页,列表、表格及表单,盒子模型的应用,网页中无处不在的浮动,CSS定位,以及项目实战——制作1号店首页。 本书最大的特点就是以流行网站元素为项目实战,以任务为驱动,通过基本的HTML标签学习,加之CSS美化技术来开发网站。读者在完成任务的过程中,由浅入深一步步掌握技能点,从而更好地学以致用。本书还提供很多实用的经验分享,让读者在学会知识点的同时掌握更多企业需求,不断提升自己的项目开发经验。 为保证最优的学习效果,本书配套视频教程、案例素材下载、学习交流社区、讨论组等学习内容,为读者带来全方位的学习体验。 目录 第1章 初识HTML 任务1 了解HTML文件的基本信息及发展史 1.1.1 HTML简介及发展史 1.1.2 W3C简介 1.1.3 前端开发工具 1.1.4 HTML文件的基本结构 1.1.5 网页的基本信息 任务2 掌握网页中常见的基本标签 1.2.1 标题标签 1.2.2 (p)标签和(br)标签 1.2.3 (11r)标签 1.2.4 (strong)和(em)标签 1.2.5 注释和特殊符号 1.2.6 上机训练 任务3 图像标签的使用 1.3.1 网页中常用的图像格式 1.3.2 (img)标签的基本语法 任务4 超链接标签的使用 1.4.1 (a)标签的基本语法 1.4.2 (a)标签的应用场景 1.4.3 元素特性 1.4.4 上机训练 本章作业 第2章 使用CSS美化网页 任务1 了解CSS应用及发展史 2.1.1 什么是CSS 2.1.2 CSS在网页中的应用 2.1.3 CSS的优势 2.1.4 CSS的发展史 任务2 CSS的基本语法 2.2.1 CSS基本语法结构 2.2.2 认识(style)标签 任务3 会在HTML中使用三种方式引入CSS样式 2.3.1 行内样式 2.3.2 内部样式表 2.3.3 外部样式表 2.3.4 样式优先级 2.3.5 上机训练 任务4 CSS选择器的使用 2.4.1 CSS基本选择器 2.4.2 CSS高级选择器 2.4.3 上机训练 任务5 CSS文本样式 2.5.1 文本样式的重要性 2.5.2 (span)标签 2.5.3 字体属性 2.5.4 文本样式 2.5.5 上机训练 任务6 超链接和列表样式 2.6.1 超链接伪类 2.6.2 列表样式 任务7 (div)标签及背景样式的使用 2.7.1 (div)标签 2.7.2 背景样式 2.7.3 上机训练 本章作业 第3章 列表、表格及表单 任务1 列表在网页中的应用 3.1.1 什么是列表 3.1.2 不同的列表及其应用 3.1.3 上机训练 任务2 表格的结构及语法 3.2.1 使用表格的优点 3.2.2 表格的基本结构 3.2.3 表格的基本语法 3.2.4 表格的跨行与跨列 3.2.5 上机训练 任务3 能够使用不同的表单元素布局网页 3.3.1 表单控件的用途 3.3.2 表单标签及表单属性 3.3.3 表单元素及格式 3.3.4 上机训练 任务4 理解表单的高级应用 3.4.1 表单的隐藏域 3.4.2 表单的只读与禁用 3.4.3 表单元素的标注 3.4.4 上机训练 本章作业 第4章 盒子模型的应用 任务 掌握盒子模型在网页中的应用 4.1.1 盒子模型的介绍 4.1.2 边框的使用 4.1.3 外边距的使用 4.1.4 内边距的使用 4.1.5 盒子模型尺寸 4.1.6 box-sizing拯救布局 4.1.7 上机训练 本章作业 第5章 网页中无处不在的浮动 任务1 了解网页的布局结构 5.1.1 网页布局分类 5.1.2 什么是标准文档流 任务2 display属性的使用 5.2.1 display属性值的使用 5.2.2 上机训练 任务3 能够使用浮动设置网页元素 5.3.1 浮动在网页中的应用 5.3.2 float属性 5.3.3 上机训练 任务4 清除浮动的几种方法 5.4.1 clear属性 5.4.2 解决父级边框塌陷的方法 5.4.3 上机训练 任务5 inline-block和浮动的区别 本章作业 第6章 CSS定位 任务1 了解定位在网页中的应用 任务2 使用position属性定位网页元素 6.2.1 static 6.2.2 relative 6.2.3 absolute 6.2.4 fixed 6.2.5 上机训练 任务3 z-index属性在网页中的应用 6.3.1 z-index属性的应用 6.3.2 上机训练 本章作业 第7章 项目实战一一制作1号店首页 任务1 1号店项目概述 7.1.1 需求概述 7.1.2 技能要点 任务2 网站的开发流程 7.2.1 网站开发流程 7.2.2 网站的文件结构 7.2.3 网页布局分析 任务3 制作1号店首页的步骤 7.3.1 网页整体布局分析 7.3.2 制作网站导航 7.3.3 制作焦点轮播图效果 7.3.4 制作焦点图右侧内容 7.3.5 制作食品饮料版块 7.3.6 制作个护厨卫版块 7.3.7 制作网站版权
|