部分 网页实战（一）网站基础：网站特征、功能分析与风格表现分析；网站从0到1的实现过程，包括产品定位、人群分析、竞品分析、架构-交互-设计等；设计需求思路整理；视觉、配色、设计规范。（二）网站前台页面设计：如何根据原型功能合理制作界面；从设计角度分析版块之间的联系与区别；合理布局与配色；风格确定及元素的设计（扁平、质感、立体）。（三）后台模块设计：用户后台设计；后台与前台功能的联系分析；后台布局技巧；如何合理的布局增强用户体验。（四）网站HTML5设计制作：HTML5设计与实现过程；HTML5设计与前端的沟通；HTML5布局方法及形式；交互方法；界面设计；HTML5动态效果的常见形式总结；创意的来源；交互效果的可用性用户体验。学习目标：.了解网站公司组成（部门），人员配备，工作职责； .熟练掌握网页页面配色及排版设计； .掌握网页设计配色技巧及常用搭配； .学习黄金分割点，掌握优秀的排版比例；第二部分 html+css（一）html基础：体验html；标签；标题；标签属性；网页基本结构；bui标签；body属性；插入图；下级查找路径；上级查找路径。（二）列表及表单：无序列表；有序列表；项目列表；热点新闻；超链接；表格基础；测试表格边框线；input标签；下拉菜单；表单页面。（三）css基础 ：体验h5；H5自动补全标签；html骨架与结构标签；数据列表标签；模拟input选中效果的提示文本；验证表单数据；表单类型；audio标签；video视频标签；CSS语法；实体化三属性；显示模式及转换；类选择器及应用。（四）选择器及CSS引入方式：id选择器；页面布局；行内式；外链式；导入式；权重对比；复合选择器；CSS层叠性和继承性；CSS文字控制常用属性；行高属性；超链接伪类基础。（五）盒子模型：盒子模型组成；盒子模型在火狐显示样式；；border和padding的不同方向设置；padding多属性写法；margin多属性写法；内边距撑大盒子问题；CSS初始化；外边距合并。（六）浮动及常见布局：标准流；浮动属性；overflow属性；清除浮动；外边距合并；行内元素垂直内外边距。（七）定位 ：相对定位；定位；定位的使用；z-index；固定定位。（八）CSS透明：opacity属性；background：rgba（）写法；应用CSS透明属性。（九）CSS精灵：CSS精灵详解；background属性拆解；CSS精灵应用；滑动门；文字阴影；凹凸文字效果；盒子阴影；圆角属性；线性渐变；径向渐变。（十）实战知识点：seo搜索引擎优化；兼容性语法；服务器；域名；ftp详解。学习目标.掌握html标签及语法； .掌握css的语法； .掌握seo搜索引擎优化技术； .掌握兼容性调试； .学习服务器、域名相关知识；第三部分 响应式（一）标签及选择器：Change事件；Html5方法；对象转换；本地存储方法；CSS3属性选择器；结构伪类选择器；CSS3的常用伪类；伪类配合图标字体。（二）CSS3属性：背景属性；精灵图尺寸与坐标；新增颜色模式；CSS3内减模式；CSS3过度属性；CSS3位移属性；CSS3变形属性。（三）效果展示及动画：写实图标展示；XY轴旋转；中心点；透视；入场动画；动画延时；位移；图文交互；自定义动画；CSS3多组动画；逐帧动画；单行、多行溢出省略号。（四）视口、轮播图、插件与判断终端：视口标签设置和默认大小；lib-flexible.js ；利用rem适配所有设备；用插件实现移动端轮播图；less常用语法插件；Hbuilder打包 ；判断终端。（五）Fullpage：基本api；回调函数；CSS3综合案例（六）bootstrap框架：Media 语法；关键字；外链； bootstrap框架介绍；bootstrap 全局CSS样式bootstrap组件；bootstrap JS插件；图表插件。（七）app制作：混合app介绍搭建基本结构；app综合页面学习目标.掌握时下较流行的h5+CSS3技术； .掌握响应式设计原理； .掌握移动端的适配原则； .掌握流行框架的使用。第四部分 js+jq（一）js基础：alert；prompt；函数（方法）；参数；变量；js控制html；事件；下拉菜单；js的书写位置。（二）函数及循环语句：入口函数；this；数据类型的检测；自定义函数；条件判断语句；逻辑运算符；循环；数组；体验函数返回值。（三）jq基础：jq书写规范；入口函数的不同点；jq控制css；jq控制html；jq简单动画；选择器。