Web前端基础应用

1．HTML基础 
在网络如此发达的今天，你们的生活、学习和工做基本上都离不开网络。你们常常浏览的新闻页面、微博和微信等各类从网上得到信息的途径，不管是PC终端，仍是移动客户端，基本上都是以Web为基础来呈现的，所以Web页面呈现信息已成为各类信息共享和发布的主要形式。而HTML（Hyper Text Markup Language，超文本标记语言，在有些书籍中也翻译为超文本标签语言）则是建立Web页面的基础。本书将从HTML文件的基本结构是什么，到使用HTML标签制做简单的网页，一直到最后使用DIV+CSS制做精美的商业网站，以这样一个按部就班的讲解过程，帮助你们完成不会→会→熟练→精通网页制做的蜕变。学习完本门课程后，你们都可以掌握网页制做的精髓，快速而熟练地制做网页。 本章将讲解网页制做中的基础内容，给你们打下一个牢固的基础，即本章的重点内容是HTML文件的基本结构和W3C标准，以及制做网页经常使用的基本标签。 
2．列表、表格与框架 
列表在网页制做中占据着重要的位置，许多精美、漂亮的网页中都使用了列表。本章将向你们介绍列表的概念及相关的使用方法，经过练习掌握列表应用的技巧，从而可 以制做出精美的网页。同时，在制做网页时，表格是一种不可或缺的数据展现工具，使用表格能够灵活地实现数据展现，表格在不少页面中还发挥着页面排版的做用。对于页面的排版和设计，框架也是网页制做过程当中一种广泛采用的方式，使用框架能够极大地提升页面的复用程度，减小重复开发，所以掌握框架技术也是网页制做人员应该具有的基本技能。 

3．表单 
表单是实现用户与网页之间信息交互的基础，经过在网页中添加表单能够实现诸如会员注册、用户登陆、提交资料等交互功能。本章将主要讲解如何在网页中制做表单，并使用表单元素建立表单。为了可以提供对当前互联网搜索引擎的支持，还讲解如何制做符合语义化规范要求的表单。 
4．初识CSS 
本章将介绍为何使用CSS、CSS基本语法、CSS的选择器，以及如何在网页中应用CSS样式，最后讲解CSS复合选择器和CSS的继承特性。重点是掌握CSS基本语法、它的3种基本选择器，以及在HTML页面添加CSS的方式。 
5．CSS美化网页元素 
本章从基础的文字样式设置开始，详细讲解使用CSS设置文字的各类效果，文字与图片的混排效果，试用CSS设置超连接各类方式，最后讲解网页中背景颜色、背景图片的各类设置方法和列表样式的设置方法。 经过本章的学习，能够对网页的文本、图片、列表、超连接设置各类各样的效果，使网页看起来美观大方、赏心悦目。  
6．盒子模式 
会用到盒子模型的知识。因此掌握了盒子模型的属性及用法，才能真正地控制好页面中的各个元素。 本章主要介绍盒子模型的基本概念，盒子模型的边框、内边距和外边距，以及它们在网页中的实际应用，最后介绍标准文档流和display属性在网页中的用法。相信学完本章之后，你们在网页制做的水平上会有一个很大的提高。 
7．浮动 
使用DIV+CSS进行网页布局其实是使用CSS定位、排版网页元素，这是一种很新的排版理念，彻底有别于传统的排版习惯，它首先对<div>标签进行分类，而后使用CSS对各个<div>进行CSS定位，最后在各个<div>中编辑页面内容，这样就实现了表现与内容分离，在后期维护CSS十分容易，那么如何使用CSS定位网页元素呢？ 这就是本章重点要讲解的内容——浮动，使用浮动定位网页元素，而且根据网页布局须要对浮动进行清除或处理溢出内容，所以本章主要学习的内容有3点。  
(1)使用float属性定位网页元素。 (2)使用clear属性清除浮动。  (3)使用overflow属性进行溢出处理。 
8．定位网页元素 
在前面的章节中讲解了浮动的概念，以及使用浮动布局网页、定位网页元素，本章将要讲解网页制做中另外一个重要属性position，介绍使用position定位网页元素，以及设置元素堆叠顺序的z-index属性。 经过本章的学习，将可以完成网页中更为复杂的布局和元素定位。本章主要学习的内容有如下两点。 

(1) 使用position属性定位网页元素。  (2) 使用z-index属性设置元素的堆叠顺序。 
9．指导学习：课程总复习 
本章将进行复习总结，把前面章节中学习过的知识进行综合运用，经过制做开心网游戏页面，使你们在巩固HTML标签、CSS知识的同时，对CSS综合运用的能力也有一个大幅度的提升。 
10．项目案例：制做V+网站 
到本章为止，这门课程已接近尾声。经过前面章节的学习和上机训练，相信你们已经能够游刃有余地使用DIV+CSS布局并制做较为复杂的网页了。 为了使你们可以更好地练习使用CSS布局、美化网页，熟练、快速地制做网页，本次课让你们制做凡客诚品旗下“V+”网站，综合运用学习过的知识，巩固使用HTML编辑网页，使用CSS布局并美化网页，牢固掌握学习过的知识和技能点。