1、Web标准网页设计实训任务书学号： 姓名： 专业班级： 组别： 日期：_课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认识一下！学习情境简单班级网站的开发（XHTML）教学单元1.1 Web标准介绍工作任务任务1.介绍Web标准及其组成。任务2.介绍课程总的任务：班级网站。任务结果1.问题回答WORD文本。2.源程序代码。3.程序测试结果。4.全部结果保存为task1_1studentname.doc。5.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.了解Web标准。2.能够根据网页源代码看出哪些网页是基于Web标准设计
2、的。3.能够理解Web标准每部分的作用。 4.能够阅读有关的英文术语。任务计划1. 2. 3. 4. 5. _月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）欣赏基于Web标准的网站。（2）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.任务指导书1_1。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书1_1（报告书）。5.教学课件1_1。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评
3、价组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期：_课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认识一下！学习情境简单班级网站的开发（XHTML）教学单元1.2网站结构的制作（XHTML）工作任务任务1. 完成班级网站注册页面的结构的开发；任务2. 完成班级网站新闻页面结构的开发；任务3. 完成班级网站中班级日志结构的开发；任务4. 使用XHTML标签开发班级网站首页的结构。任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task1_2studentname.doc。4.总体要求：过
4、程记录完整、格式整齐、按时交付。任务目标1.掌握XHTML语法规则2.熟练书写规范的XHTML代码、能够使用规范的XHTML代码制作网页结构3.能够看懂互联网上网页的源代码，能够参考互联网上的网站设计自己的网站。4.能够阅读有关的英文术语。任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）上网查阅类似网页的结构与源代码（例：QQ空间）、参考网上优秀的网站设计自己的网页。（2）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版
5、社：清华大学出版社；2.任务指导书1_2。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书1_2（报告书）。5.教学课件1_2。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计（XHTML、CSS、JavaScript、XML） 请找一张自己的大头照片放在这里让老师认识一下！学习情境班级网站美化和网页风格统一的开发（CSS）教学单元2.1CSS样式制作导航栏工作任务任务1.在网页中引用CSS任务2.字体和段落样式设计任务3.控制页面背景和
6、美化链接任务4.CSS美化表格表单任务5.班级网站导航栏的制作任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task2_1studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.能够熟练在XHTML网页中引用样式2.能够熟练设置网页中文本和段落的样式3.能够给网页添加背景颜色、图片4.能使用CSS样式设置链接5.能够熟练的应用CSS样式美化表格、表单的样式任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅使用CSS使表现与分离的好处。（2）编写教材上的例题并运
7、行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.任务指导书2_1。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书2_1（报告书）。5.教学课件2_1。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： 课程名称 Web标准设计（XHTML、CSS、JavaScript、XML） 请找一张自己的大头照片放在这里让老师认识一下！学习情境 班级网站美化和网页风格统一的开发
8、（CSS）教学单元 2.2 CSS类和ID选择器单独设计XHTML元素的样式工作任务 任务1.使用CSS类选择器指定文档中某一类元素的样式 任务2.使用CSS的ID选择器指定文档中某一个元素的样式 任务3.在班级网站的网页上使用CSS的ID选择器和类选择器任务结果 1.源程序代码。 2.程序测试结果。 3.全部结果保存为task2_2studentname.doc。 4.总体要求：过程记录完整、格式整齐、按时交付。任务目标 1.能够熟练使用CSS类和ID选择器 2.能够区分CSS类选择器和ID选择器任务计划 1. 2. 3. 4. 5. _月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务
9、准备知识导航：1. 学生自学：（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.任务指导书2_2。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书2_2（报告书）。5.教学课件2_2。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老
10、师认识一下！学习情境班级网站美化和网页风格统一的开发（CSS）教学单元CSS盒模型处理XHTML元素工作任务任务1. 在网页中使用DIV和SPAN；任务2.设置网页中块模型的边距；任务3.设置网页中块模型的边框；任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task2_3studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.能够熟练设置文档元素的内容大小、内边距、边距以及与其他元素之间的间距任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅什么是盒模型（bo
11、x）。（2）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.任务指导书2_3。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书2_3（报告书）。5.教学课件2_3。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： 课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认识一下！学习情境班级网站
12、美化和网页风格统一的开发（CSS）教学单元CSS样式对文档元素进行定位、浮动、布局网页工作任务任务1.使用CSS样式对文档元素进行定位任务2.使用CSS样式对页面进行两列和三列布局任务3.对班级网站新闻页面进行布局任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task2_4studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.能够熟练的对文档元素进行定位和浮动2.能够进行简单的网页布局3.能够使用同一CSS样式设计网站中不同网页的样式任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1.
13、 学生自学：（1）网上查阅CSS+DIV网页布局和定位。（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.任务指导书2_4。3.参考网址：w3school在线教程：Web标准_XX百科：4.任务书2_4（报告书）。5.教学课件2_4。方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： 课程名称Web标准设计（XHTML、CSS、JavaScript、XML） 请找一张自
14、己的大头照片放在这里让老师认识一下！学习情境班级网站网页特效的开发（JavaScript）教学单元动态制作网页内容、添加消息框工作任务任务1.在网页三个位置上加入脚本任务2.使用javascript脚本,实现加、减、乘、除等一些基本运算任务3.在网页中加入消息框任务4.根据输入，给出不同的提示任务5.运用for循环，输出九九乘法表任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task3_1studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.掌握将JavaScript脚本嵌入网页中、制作交互式网页的方法2.熟练使用JavaScript消息框3
15、.熟练应用流程控制语句3.能够阅读有关的英文术语。任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅JavaScript脚本语言的作用以及与Java的区别。（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.主教材：JavaScript基础与实例教程编著：陈会安出版社：中国电力出版社；3.任务3_2指导书；4.参考网址： w3school在线教程； DIV和CSS教程网； 蓝色理想网站建设
16、； 建站学网站。5.任务书3_2（报告书）；6.教学课件3_2；方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价 组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： _ 日期： _ 课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认识一下！学习情境班级网站网页特效的开发（JavaScript）教学单元JavaScript函数和对象工作任务任务1.函数的调用任务2.内置函数的使用任务3.String对象的使用任务4.使用Data对象取得和设置时间任务5.使用Math对象任务结果1.源程
17、序代码。2.程序测试结果。3.全部结果保存为task3_2studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.了解JS函数2.掌握内置函数3.了解JS对象概念4.掌握常用的内置对象的使用任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅优秀网站日期时间的制作和广告的制作（例：当当网、新浪等）。（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.主教材
18、：JavaScript基础与实例教程编著：陈会安出版社：中国电力出版社；3.任务3_2指导书；4.参考网址： w3school在线教程； DIV和CSS教程网； 蓝色理想网站建设； 建站学网站。5.任务书3_2（报告书）；6.教学课件3_2；方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价 组长：教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认识一下！学习情境班级网站网页特效的开发（JavaScript）教学单元动态查找、更改网
19、页中的元素工作任务1.使用document对象实现对网页中的元素进行添加删除2.使用document对象的常用熟悉来实现浮动广告条任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task3_3studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1. 掌握document对象的常用属性和方法任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅什么是文档对象模型（DOM）。（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、XHT
20、ML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.主教材：JavaScript基础与实例教程编著：陈会安出版社：中国电力出版社；3.任务3_3指导书；4.参考网址： w3school在线教程； DIV和CSS教程网； 蓝色理想网站建设； 建站学网站。5.任务书3_3（报告书）；6.教学课件3_3；方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价 组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师认
21、识一下！学习情境班级网站网页特效的开发（JavaScript）教学单元窗口广告的制作工作任务1.制作窗口广告（网页打开与关闭时弹出广告）任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task3_4studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1. 掌握window对象的常用属性和方法任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅网页打开与关闭时弹出广告的形式。（1）编写教材上的例题并运行，记录结果。教学资源：1.主教材：Web编程入门经典HTML、X
22、HTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.主教材：JavaScript基础与实例教程编著：陈会安出版社：中国电力出版社；3.任务3_4指导书；4.参考网址： w3school在线教程； DIV和CSS教程网； 蓝色理想网站建设； 建站学网站。5.任务书3_4（报告书）；6.教学课件3_4；方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长： 教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计（XHTML、CSS、JavaScript、XML）请找一张自己的大头照片放在这里让老师
23、认识一下！学习情境班级网站网页特效的开发（JavaScript）教学单元表单验证、动感导航栏制作工作任务1.客户端表单验证的制作2.动感导航栏的制作任务结果1.源程序代码。2.程序测试结果。3.全部结果保存为task3_5studentname.doc。4.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.了解事件的概念2.掌握常用的鼠标和键盘事件3.学会编写简单的事件处理程序任务计划1. 2. 3. 4. 5. _月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅网页打开与关闭时弹出广告的形式。（1）编写教材上的例题并运行，记录结果。教学
24、资源：1.主教材：Web编程入门经典HTML、XHTML和CSS 编著：(美)Jon Duckett 出版社：清华大学出版社；2.主教材：JavaScript基础与实例教程编著：陈会安出版社：中国电力出版社；3.任务3_5指导书；4.参考网址： w3school在线教程； DIV和CSS教程网； 蓝色理想网站建设； 建站学网站。5.任务书3_5（报告书）；6.教学课件3_5；方案制定与优选请在此描述一下完成任务所选用的方法。过程记录收获体会考核评价组长：教师： 日期：2011年 月 日学号： 姓名： 专业班级： 组别： 日期： _课程名称Web标准设计请找一张自己的大头照片放在这里让老师认识一
25、下！学习情境数据的简单存储和验证（XML、DTD）教学单元XML基础工作任务1.利用XML来存储本班的值日生表数据。2.利用CSS来格式化任务一中使用XML所存储的值日生表。任务结果1.相应数据的XML文档。2.对XML文档进行格式化的CSS。3.对XML进行格式化后的显示结果。4.全部结果保存为task4_1XML.doc。5.总体要求：过程记录完整、格式整齐、按时交付。任务目标1.掌握利用XMLSpy来编辑XML文档的方法2.能够对XML文档中的元素、属性与实体进行正确的定义3.能够将CSS与XML相结合，来实现对XML文档的格式化4.能够阅读有关的英文术语。任务计划1. 2. 3. 4. 5._月_日前完成任务报告书的编写并发至老师的QQ邮箱。任务准备知识导航：1. 学生自学：（1）网上查阅XML的相关实例。（2）编写教材上的例题并运行，记录结果。
