网页设计与制作_实验大纲

《网页设计与制作》课程实验教学大纲

课程性质：独立设课 课程属性：专业基础实验课

适用专业：信息管理、应用技术、软件技术、多媒体技术 学 时：总学时 96 实验学时 32 开出时间： 一 年级 二 学期 综合性、设计性实验项目数：4 学时 先修课程：计算机基础

一、课程简介

《网页设计与制作》课程是计算机专业的一门必修专业课程。它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》 等课程打下一个坚实的基础。

通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。从而培养学生的开发网站的能力和职业素质。

二、实验教学目的及要求

通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。

三、实验项目设置表

网页设计与制作_实验大纲

1

HTML 语 言

2

1

1

掌握 WWW 工作原理、 HTML 语言基础

验证

信息管理、应用 技术、软件技术、 多媒体技术

2

使用 Dreamw eaver 建立和 管理站 点

2

1

1

熟 悉 D r e a mw e a v e r 制作工具；学会如 何建立站点和管理 站点。

信息管理、应用 验证 技术、软件技术、 多媒体技术

3

文档的 基本操 作

信息管理、应用 2 1 1 掌握文档的基本操作、 文本的基本操作。 验证 技术、软件技术、 多媒体技术

4

表格

2

1

1

掌握表格的基本操作， 以及用布局表格来设计 网页。

信息管理、应用 验证 技术、软件技术、 多媒体技术

5

图像和 其他多 媒体

信息管理、应用 2 1 1 掌握对图像、声音、动 画和视频的基本操作。 验证 技术、软件技术、 多媒体技术 信息管理、应用

6

链接

2

1

1

掌握创建链接和管 理链接的方法。

验证

技术、软件技术、 多媒体技术 信息管理、应用

7

框架集

2

1

1

掌握如何创建具有 框架

结构的页面。

验证

技术、软件技术、 多媒体技术 信息管理、应用

8

CSS 样 式表

2

1

1

掌握制作 CSS 样式表的 方法以及其应用方式。

验证

技术、软件技术、 多媒体技术

网页设计与制作_实验大纲

（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）

四、考核方法与评分标准

上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为： 上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。

上机部分的成绩在本课程总成绩中占有的分值为20。上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。

五、教材或指导书

1、教材：《网页设计与制作》，马占欣、周文刚、支建飞编著，中国水利水电出版社，2007

2、主要参考书：

1）马占欣、周文刚、支建飞. 网页设计与制作.北京：中国水利水电出版社，2007. 2）甘登岱.网页设计三剑客(第5版).北京：机械工业出版社,2006.

网页设计与制作_实验大纲

六、单项实验的内容和要求

1、实验名称：使用HTML语言进行简单的网页设计

实验内容：

用记事本或写字板编写HTML文档，该文档文件名为“姓名_1.htm”,使得最后显示效果如下图所示：

实验要求：

1.掌握WWW的工作原理；

2.掌握HTML语言的基本语法，并利用该语言进行简单的网页设计。

2、实验名称：使用Dreamweaver创建站点和主页文件实验内容：

1．建立本地站点

(1)在D盘建立一个名为“mysite”的文件夹。

(2)在文件夹“mysite”基础上建立一个名为“我的个人网站”的站点。（提示：站点|新建站点）

2. 在“mysite”中创建和设置网站主页文件index.html，要求如下： (1)标题为“我的个人网站”,设置bg.jpg作为背景，上边距和左边距设为0 (2)网页中插入三行文字

1）第一行为“欢迎光临我的个人网站”（格式要求：居中，字体大小为7）2）第二行为“这是我做的第一个网页”（格式要求：居左，字体大小为5）3）第三行为“请多多指教”（格式要求：居右，字体大小为1）

(3)在网页适当的位置插入一条水平线，结合网页背景设置水平线的颜色 实验要求： 1．掌握站点的创建