web开发技术课程讲什么内容？

html-css015

web开发技术课程讲什么内容？,第1张

HTML5是目前非常主流的web前端开发技术，使用html5我们可以非常快速的完成一个pc端或移动端web应用的开发。《web开发技术》通过基础知识、中小实例、综合案例的方式，介绍了用HTML5+CSS3设计构建网站的必备知识,是从事网页制作、网站建设、web前端开发和移动端网站开发，甚至web app开发的人们必备的专业技能。 通过本课程的学习，学生首先要掌握html5的新增常用标记及其属性、如html5机构化标记、画图标记、多媒体标记、表单标记等。其次，需要进一步了解css3新增的知识点，包括Css3选择器、控制文本、边框、背景、动画、过渡、转换即用户界面设计等。最后，在html5和css3新增内容的基础上，进一步利用html5架构及css3样式的综合应用完成移动端实战项目案例开发，在开发过程中注重案例结构分析及移动端开发特点的经验总结。 课程内容共十二章。第一章主要介绍html5的发展、新标准及新特性，使大家对html5有个初步的了解。第二章至第五章主要介绍html5新增元素及其应用实例，包括html5新增文档结构标签、新增视音频标签、新增表单元素及属性、canvas画图等，这些新增的标签是html5的核心内容，也是本课程的重点知识内容。通过新增元素我们可以掌握如果利用新标准来构建网页结构以及如何结合js相关的api来实现一些web应用的简单控制，如控制视频、音频的播放或暂停，绘制动画等。第六章将简单介绍css3，css3是样式表的最新版本，在这一章我们重点介绍css3的一些新特性。第七章是css3选择器的介绍，css3的一个突出特点就是选择器的扩展，可以实现更简单但是更强大的功能。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的，这些模块包括：背景和边框、文字特效、多栏布局、用户界面、过渡特性、动画、转换等，在第八章至第十一章，将对这些模块进行逐步讲解，这部分所有的内容都是css3的重点内容，虽然难度有所增加但你会发现这部分内容是非常有趣的，几行样式代码就能实现一个网页动画，这部分内容还不值得你期待吗？在最后一张，我们进入项目实战阶段，这里我们介绍两个经典的项目案例，第一个项目是利用html5和css3重构携程网手机端界面，第二个案例是马蜂窝手机端界面。在项目当中，贯穿介绍移动端的一些技术开发特点，如响应式自适应布局、网站规划等，希望可以通过项目实战的分析，提高我们的web开发综合应用能力。

一、X:nth-child(n) li:nth-child(3) {color: red}接下来的几个伪类选择器使用上非常类似，功能也比较接近。:nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。X:nth-child()用法实际上有三种变化，demo的用法是最简单的，X:nth-child()更强大的用处在于奇偶匹配，明河不展开讲，有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器》 二、X:nth-last-child(n) li:nth-last-child(2) {color: red}:nth-child(n)，是从第一个开始算索引，而X:nth-last-child(n)是从最后一个开始算索引。