目录

  • 1 HTML(4学时)
    • 1.1 实验目的和要求
    • 1.2 题目1:个性化网站设计
    • 1.3 题目1-9:百度搜索
    • 1.4 题目1-10:百度图库搜索
  • 2 CSS(4学时)
    • 2.1 实验目的和要求
    • 2.2 题目1:小米扫码
    • 2.3 题目2:仿写微信导航栏
    • 2.4 选修:保卫钓鱼岛
    • 2.5 选修:CSS3动画
  • 3 JavaScript(6学时)
    • 3.1 实验目的和要求
    • 3.2 题目1:多彩网页时钟
    • 3.3 题目2:金额转换
    • 3.4 题目3:计算器
    • 3.5 题目4:表单验证
    • 3.6 题目5:动态相册
  • 4 Ajax(4学时)
    • 4.1 实验目的和要求
    • 4.2 题目1:TXT数据请求
    • 4.3 题目2:XML数据请求
    • 4.4 题目3:JSON数据请求
    • 4.5 选做:多级下拉列表
  • 5 jQuery(4学时)
    • 5.1 实验目的和要求
    • 5.2 题目1:实现按钮点击
    • 5.3 题目2:十大名画
    • 5.4 选做:jQuery动画
  • 6 HTML5(2学时)
    • 6.1 实验目的和要求
    • 6.2 题目1:新元素练习
    • 6.3 题目2:绘制五星红旗
    • 6.4 题目3:简易播放器
  • 7 自律思政专题
    • 7.1 法律法规
    • 7.2 行业标准
    • 7.3 道德规范
题目1:个性化网站设计

实验内容

  1. 使用HTML基本标签设计主页;

  2. 使用链接设计人物简介子页面;

  3. 使用多级列表标签设计学院子页面;

  4. 使用表格设计合并图案;

  5. 使用表单标记设计个人信息子页面。

要求1:框架效果图:使用框架拆分页面,并链接指定页面到框架集中。


要求2:顶部效果图:使用段落标记、字体标记,展示个人信息,并设置文字居中,字体大小及颜色。


要求3:菜单页效果图:使用列表和超链接,展示7个页面链接,点击链接在右侧框架页面中打开。


要求4:主页效果图:使用图片(居中,设置宽高)、特殊标记(不少于三种)等设计主页。


要求5:多级列表效果图:使用多级列表展示学院、专业、班级信息,必须是嵌套列表。


要求6:人物介绍效果图:使用书签链接到指定人物简介(人物不少于2人)。


要求7:表格效果图:设计合并表格,并添加背景色。


要求8:表单效果图:练习表单中的控件。


要求9:将题目1-9的百度搜索链接进本项目中。

要求10:将题目1-10的百度图库搜索链接到本项目中。