登录
|
注册
首页
课程
视频学习
尊享视频
社区
学员作品
首页
>
视频学习
>
电子商务网站 - 模块化布局实战
电子商务网站 - 模块化布局实战
GO
VIP
尊享视频
5163人正在学
课程介绍
这套视频教程运用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效果的实现
资料下载(资料内不含视频文件)
登录后查看
相关课程
PC 整站布局实战
HTML5高级
常见布局方案
布局实战:常用布局模块实现分析
百分百还原设计图及BFC详解
官方微博
常见问题
手机观看
微信扫一扫公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部