网页标准化布局课程表-金指码.doc

网页标准化布局课程表 课程名称 教学科目 详细内容 完成目标 项目实例 HTML 前端课程引言 1.互联网概述2.什么是网站3.什么是网页4.构成网页的元素5.网站制作流程详解6.怎么样才能学好 拿高薪7.WEB前端开发职业的前途8.WEB前端开发课程及目标 了解学习课程安排和学习目标，进入紧张的学习状态。 为自己制定学习目标和学习计划 HTML语法、标签讲解 1.HTML是什么2.HTML特征3.HTML页面主体结构4.DOCTYPE文档声明5.HTML语法结构6.HTML标签特性7.对标签和单标签8.body元素中的标签9.头元素中的标签10.网页编码11.字体效果（font标签）12.超链接（a标签）13.锚文本链接（a标签）14.Pre标签15.HTML实体16.图像img标签17.图像地图18.常见图片格式讲解19.路径知识（绝对路径、相对路径）20.列表标签21.表格标签22.单行文本表单23.文本域标签24.单选按钮标签25.多选按钮标签26.下拉列表标签27.按钮标签28.文件域标签29.隐藏域标签30.Label标签31.marquee滚动标签32.html框架(帧窗口)技术33.Iframe标签34.插入多媒体 对web开发所需要的HTML知识有深刻认识，了解HTML作用与使用方法，熟练掌握各种html标签的用法及table布局的思路与方法 1. 个人简历页面2. 用table方式布局百度首页3. 用锚链接技术制作小说阅读页面4. 用分帧技术布局织梦后台5. 用分帧技术布局猫扑大杂烩 DIV+CSS Div+css概念语法基础 1. div+css概念2. css控制页面样式的方式3. div+css缺点4. div+css优点5. css选择器6. css继承性和叠加性7. 选择器优先级8. css注释9. 块元素和行内元素10. 行内块级元素11. 文档流12. css文字属性13. 文本段落 掌握div+css布局语法基础，了解css优势，并熟练掌握选择器的使用，为以后课程打下坚实的基础 1. 利用不同选择器为页面元素加样式2. 制作文章内容页面并对文字进行样式美化操作 Div+CSS盒子模型 1. 盒子模型2. 盒子实例讲解3. 盒子模型讲解（内边距）4. 盒子模型讲解（外边距）5. 盒子示意图示6. 盒子模型属性设置方式7. 填充和边距的常见问题8. 盒子模型的宽高属性9. 块元素和行元素的相互转换10. display属性11. overflow属性12. Border属性 盒子模型是css知识体系中非常重要的知识点，通过本阶段学习后，可以熟练掌握盒子模型的结构和用法。 制作许愿墙页面 1. Float浮动属性2. 清除浮动3. Position定位属性-相对定位4. Position定位属性-绝对定位5. Position定位属性-固定定位6. Z-index层级属性7. background背景属性8. Css 精灵技术9. cursor鼠标样式属性10. overflow、display、visibility属性对比11. 限制元素的宽度和高度12. 透明度属性13. CSS命名规范14. Css常见bug15. CSS HACK（兼容性调试） 掌握用div+css进行页面布局的思想，熟练应用浮动、定位等知识对页面元素进行操作，达到能独立开发兼容性良好的大型复杂前端页面的能力。 1. 赶集网首页（兼容各浏览器）2、天猫、淘宝、凡客、京东等大型电商网站首页（兼容各浏览器） javascript课程表 课程名称 教学科目 详细内容 完成目标 项目实例 javascript Javascript语法基础 1. javascaript用来干什么2. javascript语法特点3. javascript的组成部分4. javascript难点5. 学习javascript准备工具6. javascrpt输出工具7. javascript放置引用8. 放置的时候注意事项9. javascript注释10. javascript命名规范11. javascript变量12. 声明变量注意的问题 对前端脚本JavaScript有个初步的认识。掌握基本JavaScript语法规范，掌握变量的使用及各种常规语句的使用方法。 编写规范javascript代码，使用不同输出语句在页面中成功输出欢迎语句 Javascript变量类型 1. 字符串类型（String）2. 数值类型（Numbeer）