论坛元老
- 威望
- 130
- 贡献
- 244
- 热心值
- 2
- 金币
- 21375
- 注册时间
- 2020-8-31
|
课程介绍：
这套视频教程运用CSS模块化布局思想，使HTML结构真正做到重用，使CSS代码进行模块化管理，让CSS命名空间有了实际应用案例。其中涉及一些简单的JS效果，以JQ为开发基础完整实现出来，HTML+CSS学习者们可以了解：要完成一个JS效果，在布局与样式阶段，需要做怎样的准备。
课程目录：
1模块化布局实战开发（上）
1-网页学习阶段、整站分析、规划
2-网站目录、创建样式表、JS文件、ICO图标
3-模块化搭建整站结构
4-模块化样式思路、CSS3渐变、CSS3圆角
5-main下的模块样式及广告圆角制作
6-编写布局模块、公共样式提取、书写规范
7-options模块化布局、IE兼容性问题的解决方式
8-修复IE6-7下margin-bottom失效的问题
9-制作city中的链接：阴影配合圆角的实现
10-制作header中link链接及css sprite合并原则
11-制作导航、导航背景合并及尺寸测试注意事项
12-search区域的导航制作
13-search区域搜索框定位、表单元素样式设置
2模块化布局实战开发（中）
14-CSS绘制三角形及定义三角形公用类
15-定义update区域JS结构、三角形公用类
16-制作video模块，模块高度精准定义的意义
17-运用
18-制作HOT列表区域
19-命名空间与可重用的tab结构
20-列表公用样式提取、3种私有模块的制作方案
21-修复模块化代码之间的细微样式差异
22-图片列表模块化的制作-上
23-图片列表模块化的制作-下
24-new-title模块化制作
25-activity区域定义结构及命名
3模块化布局实战开发（下）
26-日历JS交互样式设置
27-焦点图JS交互效果样式设置
28-列表高亮显示JS交互效果样式设置
29-格子排列JS交互效果样式设置
30-切换搜索框JS效果的实现
31-update文字弹性滑动JS效果的实现
32-options选项卡JS效果、多个选项卡的重用
33-Fade焦点图自动播放JS效果的实现
34-日历提示JS效果与BBS高亮显示JS效果的实现
35-HOT鼠标半透明提示JS效果的实现
|
|
发表于 2019-3-27 19:59
