Web编程实验内容
相关参考资料在最后
下面的一到七个作业完成任意六个即可，大作业必须全部完成。最后每个作业需要提交统一格式的实验报告。大作业单独递交、独立审阅记分。
最后成绩比例：平时出勤20%、作业20%、大作业60%
准备工作：熟悉HTML编辑工具、CSS、JAVASCRIPT开发与调试工具dreamweaver等
一、为你自己写一个网页，包含：
自我介绍、最近图片、这学期选择的课程和一些最喜欢的电影
你的自我介绍必须超过一个段落
你的课程必须放在一个有序列表里面
你的最喜欢的电影必须放在一个无序列表里面
设置一个链接指向SE-805课程的网站
为了易读，请使用不同的字体
二、写一个网页，在其中列出我们在这个课程中学过的主要内容，每个内容列出具体细节：所有html标签和css属性,并且解释它们的用途和用法等
dl, dt, dd用于定义
blockquote, q用于引用w3
school的语句
code, pre用于例子
把样式写在一个单独的css文件中等等主要内容
最后效果应该如下所示:
效果图
三、练习JavaScript基础，并用JavaScript编写一个快速排序算法，要求在页面上输出原始输入应对列及排序后的结果。
再编写一个网页,展示你最喜欢电影(最少3个)
使这些电影名字的颜色每隔10秒逐个从黑色变成红色
在网页上添加一个按钮.当点击该按钮时，它将电影列表上的电影名称进行反序处理，然后在消息对话框中弹出。要求分别使用DOM函数和Prototype.js函数完成。
四、在Firebug控制台中用JavaScript编写代码定义Employee , Manager ,和Secretary的类
每个Employee拥有名字和薪水
每个Manager都是Employee,并且管理一组其他的Employees
每个Secretary都是Employee,并为Manager工作
给这些类添加方法
每个Employee有一个show()方法，以字符串的形式返回自己的名字和薪水
每个Manager有一个getInferiors()方法，返回他的下属
每个Secretary有一个getSuperior()方法，返回他的老板
尝试使用两种不同的继承方式,复制和原型
五、在单个页面上编写一个简单的待办事项列表应用.
使用
元素包含这个应用所有的HTML元素
一个表单。表单使用一个textarea指定一个新待办事项,和一个”add”按钮添加这个事项到列表中
当前待办事项的列表
每个事项有一个checkbox以供选择
按钮“select all”,“deselect all”,“remove”(把所有选中的待办事项从列表中移除)
当点击“add”按钮,新的待办事项会被加入列表的最后
使用所学的非侵入式JavaScript技术
使用prototype.js中的DOM事件句柄函数
所有的事件句柄注册到“to-do”div元素上
使用event.element()找出事件的源头
六、在一个网页中写一个简单的待办事项列表的应用.
一个
元素包含该待办事项列表的所有html元素
一个表单，带有文本区域(对要添加的待办事项进行说明)和一个“添加”按钮（用来将该新的待办事项加入到列表中）
一个当前待办事项的列表
每个事项有一个复选框
按钮“选择全部”,“删除全部”,“删除”(用来删除列表中选中的项目)
当点击“添加”按钮时，新的待办事项将被插入到列表的底部
使用学过的非侵入的JavaScript技巧
为该待办事项列表添加热键
“↑”和“↓”键用来在该列表中上下移动
“Enter”键用于选中/取消选中当前待办事项列表
通过两种方式使用web会话保存所有待办事项
使用简单的cookie,把所有的待办事项保存在一个cookie里面(需要注意的是,应该对这些数据进行编码)
使用PHP的会话机制
七、写一个简单的Google Map的应用程序,一个显示我们学校(South China University of Technology)地图的网页
通过Google搜索获取我们学校的经度纬度
使用Google Maps JavaScript API V3
按照以下教程的步骤：Google Map Javascript API V3 Tutorial
八、大作业
我的家乡
详细介绍自己的家乡，要求包括以下部分板块：风土人情、家乡风貌、家乡土特产品、家乡经济、家乡教育、文化传承、历史名人大事、历史名胜古迹、家乡社区与论坛
要求使用HTML所有标签、CSS主要属性、应用JAVASCRIPT实现动态与交互、使用prototype.js中的DOM事件句柄函数、使用简单的cookie实现待办事项功能、使用PHP的会话机制、使用Google Maps JavaScript API V3完成社区模块。
>>>资料查询链接
>>>老铁们参考就行，copy paste没进步，何况我完成得不咋滴☺
