《网站与网页设计》实验教学大纲.doc

《网站与网页设计》实验课程教学大纲 课程编号 课程名称：网站与网页设计/ Website and Web Design 课程属性：选修 实验属性：独立设课 开课学期：5 学 时：32 适用专业：计算机科学与技术、软件工程、网络工程 学 分：3 开课部门：数计学院 考核要求：考查 课程简介： 《网页制作与网站建设》是计算机科学与技术及其相关专业的一门专业技术应用性很强的课程。通过本课程的学习，学生应学会从具体问题出发，通过实验教学，使学生加深对网页制作相关知识的理解，要求学生养成良好的网页设计和制作的习惯。 在学习《网页设计与制作》课程的基础上，通过上机实践操作，可以加强对相关理论知识和制作软件实际运用的掌握。 按照教学大纲要求：总学时：54时、理论教学：36时。根据教学内容和教学目标，实验课课内共开设18个学时。其中演示型实验2学时，验证型实验2学时，设计型实验2学时，创新型实验4学时，综合型实验6学时。要求在教学相关章节同时进行专业实验并写出实验报告。 实验课分班进行，每个实验班30人左右，配备一名实验指导教师。 一、实验项目设置及学时分配 项目编号 实验项目名称 实验 类型 开出 要求 学时 分配 001 网站设计制作的基本流程 演示型 必做 4 002 网页制作的入门训练 验证型 必做 4 003 HTML基础知识 综合型 必做 6 004 DreamWeaver 网页设计 设计型 必做 6 005 JavaScript 编程 综合型 必做 6 006 网页设计的提高训练 创新型 必做 6 学时总计 32 二、实验内容及教学要求 实验项目1：网站设计制作的基本流程 1、教学内容 通过教师演示网站设计制作的基本流程。 2、教学目标 （1）了解网站设计制作的基本流程 实验项目2：网页制作的入门训练 1、教学内容 进一步理解在Visual Studio环境中创建、编辑和引用CSS样式表文件的基本步骤。综合运用CSS+DIV布局技术设计出实用的网站主页。 2、教学目标 （1）理解层元素在页面布局中的重要作用及使用方法。 实验项目3：HTML基础知识 1、教学内容 使用文本编辑工具编写HTML文档结构、网页结构和注释。 2、教学目标 （1）理解HTML文档结构 （2）掌握使用文本编辑工具（记事本），编写HTML文档的方法。 （3）掌握HTML中标记的概念，网页结构和注释的写法 实验项目4：DreamWeaver 网页设计 1、教学内容 建立一个以自己名字命名的站点，该站点包含三个文件夹，image，css，mdb，四个网页，分别为index.html，jianjie.html，zuopin.html，xuexi.html，设置主页index.html的标题为“本站主页” 2、教学目标 （1）掌握认识并熟悉Dreamweaver的工作界面 （2）能够自定义工作环境 实验项目5：JavaScript 编程 1、教学内容 JavaScript 变量、表达式和运算符的使用， JavaScript 对话框的使用，JavaScript 函数的定义及调用， JavaScript 分支结构程序设计 ，JavaScript 循环结构程序设计 2、教学目标 （1）掌握 JavaScript 变量、表达式和运算符的使用 （2）掌握 JavaScript 对话框的使用 （3）掌握 JavaScript 函数的定义及调用 实验项目6：网页设计的提高训练 1、教学内容 根据各自的具体情况，构思个人网页内容，查找相应的素材，建立站点，开始制作班级网站首页。 2、教学目标 （1）熟练地建立简单的web网页与及dreamweaver 8开发静态网页的基本操作和使用技能。 （2）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍等多种方式收集所需的dreamweaver开发网站图像资料、flash 动画和网页特效、网页脚本等。 （3）培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质 三、考核方式及要求 考核方式：考查，平时实验成绩占60%，实验报告40%。 四、主要仪器设备及实验材料 项目编号 实验项目名称 主要仪器设备 及台（套）数 实验材料 备注 001 网站设计制作的基本流程 PC每人1台，接入互联网 无 002 网页制作的入门训练 PC每人1台，接入互联网 无 003 HTML基础知识 PC每人1台，接入互联网 无 004 DreamW