网页设计与制作项目教程(HTML+CSS+JavaScript)-教学大纲

1、博学谷让IT博学谷让IT 教学更简洁，让IT 学习更有效网页设计与制作工程教程HTML+CSS+JavaScript课程教学大纲课程英文名称课程编号：学 分：5 学分学 时：76 学时 其中：讲课学时：50 学时 上机学时：26 学时先修课程：计算机根底、计算机网络、计算机应用后续课程：UI 设计、 JavaScript 网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标网页设计与制作工程教程HTML+CSS+JavaScrip是面对计算机相关专业的一门专业根底课，涉及网页根底、HTML 标记、CSS 样式、网页布局、JavaScript 编程根底与大事处理等内

2、容。通过本课程的学习，学生能够了解HTML、CSS 及JavaScript 语言的进展历史及将来方向，生疏网页制作流程、把握常见的网页布局效果、学会制作各种企业、门户、电商类网站。二、课程设计理念与思路 的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的抱负课程。 展所需的力量和终身学习的力量，实现一站式教学理念。 为主体，以案例工程实训为手段，设计除理论学习与技能把握相融合的课程内容体系。教学整体设计“以职业技能培育为目标，以案例工程任务实现为载体、理论学习与时间三、教学条件要求开发工具：Dreamweaver CS6四、课程的主要内容及根本要求工程1网页制作根底学问学习

3、单元学习单元1学时学习目标学问目标1、 了解Web标准及根本概念2、 生疏HTML、CSS 及JavaScript 语言的进展历史技能目标1、 把握Dreamweaver 工具的根本操作2、 能够使用Dreamweaver 创立简洁的网页学问点生疏网页网页相关的名词Web 标准HTML 语言简介CSS 语言简介JavaScript 语言简介常见扫瞄器Dreamweaver工具简介(界面和初始化)创立第一个网页了解把握重点难点学习内容2 “说旅游”专题页制作学习单元工程2 “说旅游”专题页制作学问目标1、 把握HTML 文档构造2、 了解HTML 文档头部相关标记3、 生疏HTML 文本把握标记

4、学时8学时学习目标4、 把握HTML 图像标记技能目标1、 把握图文混排页面的制作技巧2、 学会制作图文混排页面学习内容学问点HTML 文档根本格式了解把握重点难点博学谷让IT 教学更简洁，让IT 学习更有效HTML 标记单标记与双标记标记属性HTML 文档头部相关标记标题和段落标记文本样式标记标记文本格式化标记特别字符标记div标记常用图像格式切片页面布局块岛”介绍模块岛”推举模块评论”模块块学习单元3 “网上花店”专题页制作学习单元3 “网上花店”专题页制作学时10学习目标学问目标1、 了解CSS样式规章2、 把握CSS 字体样式及文本外观属性3、 生疏CSS复合选择器4、 把握CSS 层

5、叠性、继承性与优先级技能目标1、 把握引入CSS样式表的不同方式2、 学会把握页面中的文本外观样式学习内容学问点CSS样式规章引入CSS样式表行内、了解把握重点难点内嵌、链入CSS根底选择器CSS字体样式属性CSS 文本外观属性CSS 定义背景颜色CSS 复合选择器标签指定、后代、并集CSS 层叠性与继承性CSS 优先级根底样式块类模块模块障及店主模块4 “儿童摄影网”首页面制作学习单元工程4 “儿童摄影网”首页面制作学时12学时学问目标123学习目标45技能目标1能够使用DIV 标记与浮动样式对页面进展布局博学谷让博学谷让IT 教学更简洁，让IT 学习更有效学问点了解把握重点难点生疏盒子模型

6、边框属性内边距属性外边距属性背景属性盒子的宽与高学习内容元素的类型标记元素的转换块元素垂直外边距的合并元素的浮动属性去除浮动overflow 属性博学谷让博学谷让IT 教学更简洁，让IT 学习更有效元素的定位属性静态定位相对定位确定定位固定定位z-index层叠等级属性义根底样式banner 模块动态模块欣赏模块及悬浮框模块学习单元5 “穿搭速递”首页面制作学习单元5 “穿搭速递”首页面制作学时8学习目标学问目标1、 把握无序列表、有序列表及定义列表2、 生疏列表的嵌套3、 把握超链接标记4、 把握链接伪类技能目标1、 能够使用无序列表、有序列表及定义列表对页面进展布局2学会使用链接伪类把握页

7、面中超链接的样式学问点无序列表 有序列表 定义列表 列表的嵌套应用list-style复合属性背景图像定义列表工程符号超链接标记a锚点链接链接伪类把握超链接义根底样式了解把握重点难点学习内容6 “千年之恋”注册页面制作学习单元工程6 “千年之恋”注册页面制作学时10学时学问目标123学习目标4技能目标12学会通过把握表单样式美化表单界面博学谷让博学谷让IT 教学更简洁，让IT 学习更有效导航模块banner 和精品呈现模块前沿模块信息模块学问点了解把握重点难点表格的创立标记的属性标记的属性标记的属性标记及其属性CSS把握表格边框CSS把握单元格边距CSS把握单元格的宽高初识表单创立表单学习内容

8、input 控件textarea 控件select控件CSS把握表单样式义根底样式及导航模块banner 及内容模块模块7 “赶快回家网”首页面制作学习单元工程7 “赶快回家网”首页面制作学时12学时学问目标1、 把握JavaScript 根本语法23学习目标4、 把握JavaScript 中函数的调用及变量的作用域技能目标1、 能够通过运算符和表达式进展简洁计算2、 学会使用流程把握语句编写JavaScript 程序博学谷让博学谷让IT 教学更简洁，让IT 学习更有效学问点了解把握重点难点JavaScript简介JavaScript引入方式JavaScript根本语法一个简洁的JavaScr

9、ipt 程序关键字和标识符变量和数据类型运算符和表达式条件语句循环语句跳转语句初识函数学习内容函数的调用函数中变量的作用域义根底样式模块模块banner 和时间模块信息模块信息模块学习单元工程8 学习单元工程8 “学好英语网”首页面制作学时12学习目标学问目标博学谷让IT 教学更简洁，让IT 学习更有效1234、 把握JavaScript 常用大事技能目标1、 能够准确访问指定元素和相关元素学问点了解把握重点难点什么是对象学问点了解把握重点难点什么是对象对象的属性和方法对象的创立和删除内置对象初识数组数组的常见操作数组的常用属性和方法二维数组BOM 对象DOM 对象什么是大事鼠标大事键盘大事表

10、单大事页面大事义根底样式及导航模块banner 模块模块特色模块信息模块学习内容五、学时安排章目章目1 网页制作根底学问2 “说旅游”专题页制作讲课3 学时5 学时上机1学时3学时合计4 学时8 学时博学谷让博学谷让IT 教学更简洁，让IT 学习更有效3“网上花店”专题页制作7 学时3 学时10 学时4“儿童摄影网”首页面制作8 学时4 学时12 学时5“穿搭速递”首页面制作5 学时3 学时8 学时6“千年之恋”注册页面制作6 学时4 学时10 学时7“赶快回家网”首页面制作8 学时4 学时12 学时8“学好英语网”首页面制作8 学时4 学时12 学时合计50 学时26学时76 学时六、考核模式与成绩评定方法本课程为考试课程，期末考试承受百分制的闭卷考试模式。学生的考试成绩由寻常成绩30%和期末考试70%组成，其中，寻常成绩包括出勤5%、作业5%、上机成绩20%。七、选用教材和主要参考书本大纲是依据教材网页设计与制作工程教程HTML+CSS+JavaScri