电子商务网站模块化布局实战开发

电子商务网站模块化布局实战开发

  • 类型视频
  • 解压打开_Www.mukedAba.Com_学习更多课程
  • 最近更新2021年01月16日
VIP免费下载

电子商务网站模块化布局实战开发:

image.png

【课程目录】

  • 网页学习阶段、整站分析、规划

  • 网站目录划分、创建样式表、JS文件、ICO图标

  • 模块化搭建整站结构

  • 模块化样式思路、CSS3渐变、CSS3圆

  • main下的模块样式及广告圆角制作

  • 编写布局模块样式、公共样式提取、样式书写规范

  • options模块化布局、IE兼容性问题的解决方式

  • 修复IE6-7下margin-bottom失效的问题

  • 制作city中的链接:阴影配合圆角的实现

  • 制作header中link链接及css sprite合并原则

  • 制作导航、导航背景合并及尺寸测试注意事项

  • search区域的导航制作

  • search区域搜索框定位、表单元素样式设置

  • CSS绘制三角形及定义三角形公用类

  • 定义update区域JS结构与样式、三角形公用类的使用

  • 制作video模块,模块高度精准定义的意义

  • 定义公用标题、公用选项卡

  • 制作HOT列表区域

  • 可重用的tab结构

  • 列表模块公用样式提取、3种私有模块样式的制作方案

  • 修复模块化代码之后,不同块之间的细微样式差异

  • 图片列表模块化的制作

  • new-title模块化制作

  • activity区域定义结构及命名

  • 日历JS交互样式设置

  • 焦点图JS交互效果样式设置

  • 列表高亮显示JS交互效果样式设置

  • 格子排列JS交互效果样式设置

  • 切换搜索框JS效果的实现

  • update文字弹性滑动JS效果的实现

  • options选项卡JS效果的实现以及页面多个选项卡的重用

  • Fade焦点图自动播放JS效果的实现

  • 日历提示JS效果与BBS高亮显示JS效果的实现

  • HOT鼠标半透明提示JS效果的实现

分享到 :
angular.js中文教学视频
上一篇 2021-01-17
兄弟连H5+Bootstrap教程
2021-01-17 下一篇

发表评论

登录... 后才能评论