《Web设计基础》实验教学大纲.docx
26 浏览量
2022-12-13
21:01:23
上传
评论
收藏 12KB 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 讲义》， 李刚编，电子工业出版社，
资源评论
