Web编程基础——CSS、JavaScript、jQuery

项目1 DIV+CSS网页布局

任务1.1 Web标准

1.1.1 网站构建

1.1.2 网站设计

1.1.3 Web标准

1.1.4 万维网联盟(World Wide Web Consortium)

1.1.5 Web安全

任务1.2 网站首页页面布局

1.2.1 CSS简介

1.2.2 CSS基础语法

1.2.3 CSS高级语法

1.2.4.CSS派生选择器

1.2.5 CSS id选择器

1.2.6 CSS类选择器

1.2.7 CSS属性选择器

1.2.8 创建CSS

1.2.9 CSS样式

项目1练习题

综合实训1

项目2 javaScript网页特效

任务2.1 制作网站图片无缝隙滚动效果

2.1.1 Javascript基础

2.1.2 JavaScript对象

任务2.2 制作图片相册播放效果

2.2.1 get：ElementById()方法

2.2.2 getElementsByTagName()方法

2.2.3 clearTimeout()方法

2.2.4 Math.ceil()方法

2.2.5 cloneNode()方法

任务2.3 制作图片百叶窗切换效果

2.3.1 document.createElement()方法

2.3.2 document.appendChild()方法和document.

insertBefore()方法

2.3.3 setInterval()方法和clearInterval()方法

任务2.4 制作网页图片漂浮效果

2.4.1 setInterval()方法和clearInterval()方法

2.4.2 onMouseOver和onMouseOut

任务2.5 制作网页日历

2.5.1 getFullYear()方法

2.5.2 getMonth()方法

2.5.3 getDate()方法

任务2.6 制作闪动效果文字

2.6.1 parseInt()方法

2.6.2 setTimeout()方法

2.6.3 innerHTML属性

任务2.7 制作文本框打字效果

任务2.8 密码强度检测

2.8.1 charCodeAt()方法

2.8.2 onKeyUp事件

2.8.3 onBlur事件

2.8.4 onfocus事件

项目2练习题

综合实训2

项目3 jQuery网页特效

任务3.1 制作网站滑动菜单

3.1.1 jQuery简介

3.1.2 jQuery语法

3.1.3 jQuery选择器

3.1.4 jQuery事件

3.1.5 jQuery HTML操作

3.1.6 jQuery CSS函数

任务3.2 制作普通下拉菜单

3.2.1 mouseenter()方法

3.2.2 stop()方法

3.2.3 hide()方法

3.2.4 parent()方法

3.2.5 next()方法

3.2.6 offset()方法

任务3.3 制作多级下拉菜单

3.3.1 CSS()方法

3.3.2 find()方法

任务3.4 制作横向焦点位移菜单

3.4.1 hoverIntent插件

3.4.2 animate()方法

任务3.5 鼠标单击图片翻页

3.5.1 animate()方法

3.5.2 CSS()方法

任务3.6 制作文字颜色选择器

3.6.1 keyup()方法

3.6.2 empty()方法

3.6.3 attr()方法

3.6.4 addClass()方法

3.6.5 removeClass()方法

任务3.7 制作旋转文字

项目3练习题

综合实训3

参考文献