第一章走进web前端开发

本章主要介绍了web前端开发主要完成的任务，web前端开发在行业中的应用，web前端开发的职业发展前景和岗位需求。介绍了工业和信息化部教育与考试中心对《web前端开发职业技能等级标准》的划分和每个技能等级必须具备的主要能力。着重介绍了web前端开发“中级”职业技能的培养目标。针对web前端开发涉及的基础语言及web前端开发一些相关的基本概念进行了简要介绍。第二节演示了常用开发工具HBuilder的下载、安装及使用方法。

●1.1web前端技术概述

本节主要介绍了web前端开发的职业发展前景和岗位需求，介绍了web前端开发职业技能等级标准，以及常用web前端开发涉及的一些基本概念。

●1.2开发工具Hbuilder使用

本节主要介绍国产Web前端开发工具HBuilder的下载、安装方法，以及使用HBuilder创建项目、创建HTML文件、编写javaScript脚本、运行HTML的步骤。

第二章HTML制作静态网页

在网络如此发达的今天，大家的生活、学习和工作基本上都离不开Web页面，Web页面呈现信息已成为各种信息共享和发布的主要形式。HTML超文本标记语言则是创建Web页面的基础。本章主要是了解HTML的历史，精通HTML的结构，精通HTML的元素和属性。

●2.1HTML的元素

掌握HTML文件的基本结构、标题段落元素、格式化元素、图片元素、超链接元素、列表元素、表格元素、表单元素和框架元素的基本语法格式和相关操作方法。

●2.2HTML制作静态新闻网站

综合应用HTML语言制作静态网页，开发“新闻网站”页面，主要掌握HTML基本结构、文本标签、超链接、表格、表单、图像的定义和功能。

第三章 CSS设计页面样式

CSS是Cascading Style Sheets(层叠样式表单)的简称。简单的说，它可以提供更多的网页样式，使网页的元素更丰富，比如它可以方便的设置文字的大小、间距，颜色等。它不仅可以控制页面的外观，而且实现了文档的内容和表现部分的分离、样式代码的重用等。目前主流网站都是采用CSS来控制样式。

●3.1CSS基础

CSS基础包括CSS的基本语法，CSS基本选择器、复合选择器、伪选择器和伪类选择器的介绍，同时学习常用的样式修饰，主要包括文本及字体的样式、背景样式、列表样式，对其应用的属性进行讲解。

●3.2CSS盒模式

CSS盒子模型是页面布局的基础，通过学习盒子模型及相关属性、浮动属性和清除属性、元素的定位等内容，进而学习网页元素不同的定位方式，完成更为复杂的网页效果。

第四章JavaScript入门

本章主要介绍javaScript的基础知识。分为两个部分，第一部分，介绍JavaScript的语法基础。包括javaScript的标识符、数据类型、常量和变量，流程控制语句等基础知识。第二部分介绍javaScript函数和对象的使用。包括函数的声明、参数定义、返回值和调用方法。javaScript常用的内置对象的介绍，BOM对象、DOM对象的结构及JavaScript的事件处理方法。

●4.1JavaScript语法基础

本节主要介绍JavaScript的基本语法。介绍了JavaScript的诞生、构成和特点。通过案例讲解HTML中使用javaScript的方法、JavaScript的数据类型、常量和变量的定义、常用的运算符的使用。介绍if条件语句和switch选择语句的语法结构和流程，介绍for循环和while循环的语法结构和流程，通过案例演示了流程控制语句在不同场景下的应用。

●4.2JavaScript函数

本节主要介绍javaScript函数的使用和对象的使用。介绍了javaScript函数的声明、参数定义、函数的返回值和函数的调用方法。讲解了变量的作用域，介绍了常用内置对象String、Date、Array的常用属性和方法。介绍了BOM浏览器对象模型及其包含的window对象的常用方法、DOM文档对象模型及其包含的document对象的常用方法。重点介绍了document对象访问HTML元素的方法。介绍了JavaScript常用事件处理的方法。

第五章jQuery开发交互效果页面

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

●5.1jQuery选择器

页面的任何操作都需要快速高效的找到指定的节点，这是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，选择器其实就是找到页面元素，是jQuery的根基。jquery选择器可分为类CSS选择器和过滤选择器。在jQuery中事件处理、遍历dom 和ajax操作都依赖于选择器。

●5.2jQuery的DOM操作

DOM是 Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口能够很容易地访问页面中全部的组件。 jQuery中的DOM操作就是对HTML中的元素进行操作。对HTML元素的操作有查找、创建、插入、删除、复制和替换等。

●5.3jQuery特效

可以利用jQuery可以实现页面的特效，比如动画滑动、淡入淡出等。本节通过两个综合的案例应用来讲解几个特效。