所处阶段 | 主讲内容 | 技术要点 | 学习目标 |
第一阶段: HTML5 + CSS3 | HTML5 | 1、 浏览器与浏览器内核2、语法及使用、3、 常用标签4. 语义化5、 表单元素6、 HTML 、7 新增标签 | 可掌握的核心能力: 掌握 HTML5 常用标签; 掌握 CSS 语法及使用技巧; 掌握CSS3新增选择器; 掌握CSS3新增样式属性; 掌握 DIV+CSS 布局方式; 掌握常见网页布局技巧; 掌握企业级、电商级网页开发基本的流程、规范; 掌握语义化、模块化、兼容性的PC端网页开发; 掌握 Photoshop 切图以及插件切图; 熟练使用调试工具进行页面调试; 掌握基本的动画效果。 可解决的现实问题: 能够独立把美工提供的PSD效果图还原成PC端静态代码页面。 市场价值: 具备PC端静态网页开发的能力,还达不到企业用人标准。为后面学习网页编程阶段打下坚实基础。 |
CSS3基础 | 1、CSS基本语法规范2、 常用的选择器用法与技巧 3、复合选择器使用4、 数值与单位5、文字文本样式 6、 CSS3新增选择器 | ||
CSS3进阶 | 1、 CSS盒子模型 2、 CSS背景技巧 3、 圆角/阴影/过渡 4、 定位和浮动 5、 伪类和伪元素 6、chrome调试工具 7、CSS高级技巧(精灵图、CSS三角、图标字体等)8、. CSS常见布局技巧大全 9、 网页开发规范以及流程 10、CSS企业级网页开发 11、网页开发常见问题以及解决方案 12、 CSS常见兼容性问题以及解决方案 13、CSS3新增属性 14、 Photoshop 切图 15、cutterman插件一键切图 | ||
电商项目 | 1、代码组织原则 2、项目开发实战流程 3、 电商类复杂页面布局规范 4、CSS初始化技术选择(Normalize.css使用)5、 CSS字体图标使用 6、CSS 属性书写顺序规范7、完整的多页面开发 8、 网页语义化设计 9、 CSS页面模块化开发 10、favicon图标制作 11、复杂网页结构排版技巧 12、 常见动画过渡特效 13、电商类常见布局问题解决方案 14. 将电商项目部署到web服务器 |
ttt.png (362.75 KB, 下载次数: 11)
前端
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) | 黑马程序员IT技术论坛 X3.2 |