《WEB程序设计基础作业》
一、作业目的
本次作业旨在巩固和加深学生对WEB程序设计基础知识的理解和应用,通过实际操作和编程练习,提高学生的编程能力和解决实际问题的能力。
二、作业内容
作业一:HTML基础
(1)设计一个简单的HTML页面,包含以下元素:
页面标题
一个段落文本
一个有序列表和一个无序列表
一个表格,包含3行4列,行列标题自拟
一个表单,包含用户名、密码、性别(单选框)、爱好(复选框)和提交按钮
(2)使用CSS对页面进行美化,要求:
页面背景颜色为浅蓝色
段落文本字体为楷体,字号为14px
表格边框为1px实线,表格间距为2px
表单元素对齐方式为水平居中
作业二:JavaScript基础
(1)编写一个JavaScript程序,实现以下功能:
用户输入一个数字,程序判断该数字是否为奇数或偶数,并输出结果
用户输入一个字符串,程序判断该字符串是否为回文(正序和倒序相同),并输出结果
(2)编写一个JavaScript函数,实现以下功能:
输入一个数字数组,返回该数组中的最大值和最小值
输入一个字符串数组,返回该数组中的最长字符串和最短字符串
作业三:jQuery基础
(1)使用jQuery实现以下功能:
当用户点击一个按钮时,更改页面背景颜色
当用户输入文本时,实时显示文本长度
当用户选择一个复选框时,显示或隐藏一个段落文本
(2)编写一个jQuery插件,实现以下功能:
输入一个字符串,返回字符串中字母的个数
输入一个字符串,返回字符串中数字的个数
作业四:AJAX基础
(1)编写一个AJAX请求,实现以下功能:
用户输入一个城市名称,程序请求天气API,获取该城市的天气信息并显示在页面上
用户输入一个股票代码,程序请求股票API,获取该股票的实时行情并显示在页面上
(2)编写一个AJAX请求,实现以下功能:
用户点击一个按钮,程序请求一个JSON数据,解析并显示在页面上
用户点击一个按钮,程序请求一个XML数据,解析并显示在页面上
三、作业要求
作业一、作业二和作业三需在本地HTML文件中完成,作业四需在本地服务器环境下完成。
作业代码需符合以下规范:
HTML代码遵循XHTML 1.0 Strict标准
CSS代码遵循CSS 2.1标准
JavaScript代码遵循ECMAScript 5标准
jQuery代码遵循jQuery 1.8.3版本
作业提交时,需提供以下文件:
HTML文件
CSS文件
JavaScript文件
jQuery文件(如有)
AJAX请求示例代码(如有)
作业提交截止时间:2022年XX月XX日
四、作业评价
作业评分标准:
代码规范:20%
功能实现:40%
界面美观:20%
创新性:20%
作业评价方式:
作业提交后,由教师进行线上评审
评审结果将在作业提交截止后一周内公布
五、作业提示
在完成作业过程中,如遇到问题,可参考以下资源:
《WEB程序设计基础》教材
网络教程和博客
在线问答社区(如Stack Overflow)
作业过程中,注意代码的注释和文档编写,以便他人理解和维护。
作业完成后,认真检查代码,确保无误。
祝同学们顺利完成作业!