《Web设计基础》实验教学大纲.docx

《Web设计基础》实验教学大纲
课程名称（中文/英文）：Web设计基础/ Web Design Foundation课程代码：xa课程类型：必修课
课程性质：专业课设置类别：非独立设课适用专业：软件工程专业（专升本）
课程总学时：48课程总学分：3.0实验学时：16实验学分：
开实验学期：四
一、实验教学的目的与基本要求
《Web设计基础》课程是软件工程软升本的专业基础课程。通过学习本课程，能够使学 生熟练使用开发工具；使用HTML语言标记编写各种静态网页；运用DTV+CSS进行网页页面布 局；运用JavaScript编写网页脚本文件；运用HTML+CSS+JavaScript设计页面前台美工和制 作静态网站。本课程主要学习HTML、CSS和JavaScript等内容，培养学生设计前台界面美工 布局和编写脚本程序解决实际问题的能力，使学生能编写出符合规范和性能良好的程序，为学 生今后网站的前台制作及开发打下良好的基础。
二、实验工程设置三、实验报告要求、实验考核方式、内容及成绩评定标准
序 号
实验工程名称
实验内容
学 时
实验 类型
实验 要求
实验者 类别
备注
1
熟悉Web开发 环境
使用开发工具建立工程 （站点），建立文件，编辑 文件，执行文件。
2
验证
必做
本科生

2
框架
掌握HTML框架语法；掌握 使用HTML框架设计页面布 局；掌握在HTML框架中实 现页面跳转。
2
验证
必做
本科生

3
表单
掌握HTML表单；掌握HTML 表单中的各类控件。
2
验证
必做
本科生

4
CSS设计导航 栏样式
掌握使用CSS样式设计网 页菜单。
2
设计
必做
本科生

5
DIV+CSS 设计 贝面布局
掌握使用DIV+CSS设计页 面布局。
2
设计
必做
本科生

6
B0M操作
掌握JavaScript中的各种 B0M对象，掌握B0M对象的 函数调用。
2
验证
必做
本科生

7
D0M操作
理解D0M；掌握D0M操作页 面元素。
2
设计
必做
本科生

8
综合实验
根据课程所学内容，完成 一个综合实例。
2
综合
必做
本科生

实验以个人为单位在机房进行，实验完成后上交电子版实验报告及实验程序代码。 考核方式：根据学生上交的实验报告，并结合学生实验时的表现给出成绩。
四、实验教材及参考书
《疯狂HTML 5/CSS 3/JavaScript讲义》， 李刚编，电子工业出版社，2012.5OHTML+CSS+JavaScript网页设计与布局》，安博教育集团编，电子工业出版社,2012. 2 《HTML5、CSS和JavaScript开发》，孙鑫，付永杰编，电子工业出版社，2012. 1
执笔人：袁平审核人：