1.《网页设计与制作（HTML+CSS）》实践教学课程体系建设统计体例框架.pdfVIP

附件2：

实践教学课程体系建设统计体例框架

XXX学院

XXX专业

实践总学时：20实践总学分：2实践占比：59%

2、专业综合层学时：34学分：2占比：59%

（1）课内实验

课程名称：网页制作与网站设计实验学时：20实验学分：

2

课内实验目标：

总体目标：通过本课程的学习，使学生逐步建立和掌握Web客户

端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够

使用HTML语言、CSS样式、JavaScript脚本编写Web客户端静态页

面解决实际问题，具备吃苦耐劳、团结协作的良好品质。

知识目标：熟悉HTML语言的作用和开发环境，能够编写HTML代

码；掌握常用的HTML标签，能够实现基本的图文信息显示；理解HTML

页面框架的作用，能够针对需求进行框架的设计；掌握各类HTML表

单元素标签，能够进行表单设计；掌握各类HTML多媒体元素标签，

能够进行多媒体页面设计；掌握CSS样式的基本使用方法，能够应用

CSS样式表美化页面；掌握CSS网页布局的方法，能够结合DIV标签

进行页面布局。

能力目标：能独立进行资料收集与整理、具备用户需求的理解能

力；能根据项目需求，具备项目页面的设计与实现能力；能根据静态

页面设计原则与CSS技术规范，实现页面美化与布局；具有综合应用

HTML语言、CSS样式、JavaScript脚本进行页面的设计、编码、调

试、维护能力。

实验教学内容对实验教学目标的支撑：实验教学内容以项目进行

驱动完成任务，以作品来展现学生操作能力，锻炼其沟通和交际能力，

同时提升综合素养。

成绩评定：实践教学项目共6个，每一个按照十分制计算，实践

教学项目共60分，期末作品40分，按照6:4比例进行评定。每一次

分数根据项目和表现打分，严格按照公平公正公开的形式评定。

1、每人独立完成作品，并写出一份简要的实践报告；

2、实践结束后，组织一次课堂交流与讨论，教师展示每个学生

的作品进行点评并给出建议；

3、学生自我展示和表述，根据作品给出课程实践成绩。

实验项目名称1、学时、性质：演示/验证/综合/设计；综合/设计：

项目一：站点的建立

学时：2学时

性质：综合

一、项目目的

1.掌握建立新站点的方法；

2.理解设置站点参数；

3.掌握管理站点的方法。

二、项目条件

仪器设备：计算机一台

使用材料：网页设计与制作教材，自己收集准备素材

场地要求：机房机子正常使用，并且能满足学生使用数量

三、主要内容

建立站点，并且在站点下建立第一张网页

四、项目步骤

1.定义一个动态站点。

（1）设置虚拟目录：在本地磁盘“C:\Inetpub\wwwroot”下新建一个以自

己拼音名字命名的根文件夹，例“C:\Inetpub\wwwroot\wangfang”。

（2）设置Web共享。

（3）选择“站点”|“新建站点”选项，进入“高级”选项卡，设置“本

地信息”的各参数。

（4）设置“测试服务器”的各参数。

（5）显示结果。

2.测试站点。

（1）将test.asp文件复制到C:\Inetpub\wwwroot\wangfang文件夹中。

（2）进行预览/调试。见图1。

3.在站点下建立网页index.asp。

（1）插入一张3行1列的表格。表格宽度：775像素。

（2）设置第1行属性，高：10像素；背景颜色：007236。如没有显示10

像素，则可以插入透明图片进行设置或直接在代码中进行设置。

（3）透明图片制作，编辑——首选参数——布局模式——创建路径——确

定，返回表格：插入——图像——选择路径。

（4）设置第3行属性，高：10像素；背景颜色：00D122。

（5）第2行插入——图像——bg-index.jpg——确定，插入——媒体

——Flash——index.swf——确定。设置属性，高：428像素。

（6）将Flash背景设置为透明，加入代码如下：

paramname=”wmode”valu