网页设计与制作实验教学大纲

课程编号：11025033

课程英文名称：Web Page Design and Fabricating

课程性质：非设课

课程类别：公共选修课

学时学分：总学时 60  总学分 3  实验学时 12  实验学分 2.5 

先修课程：计算机文化

适用专业：电子商务、旅游管理、商务英语

开课单位：深圳旅游学院计算机中心

实验项目总数： 5 

设计性实验项目数： 1 

一、实验目的及要求

网页设计与制作课程的实践性非常强，属于技术类的课程，其知识的理解与技术的掌握需要大量的实验的配合。整个实验的设计是根据课程内容而展开的，主要分为两大部分：章节实验和课程设计。本课程包含XHTML技术、CSS技术，及Dreamweaver和Fireworks设计制作工具，每一部分都有配套实验，其目的是帮助学生消化和掌握相关的知识和技术。通过实验学生应能熟练使用Dreamweaver工具设计制作网站网页，能使用CSS技术进行网页布局，并能利用Dreamweaver发布到Web服务器上。

二、实验项目与内容要求

三、教材及参考资料

教材：刘瑞新等编著.网页设计与制作.北京：机械工业出版社, 2006

参考资料：

〔1〕王劲松.Dreamweaver MX 2004完美网页设计.北京：中国青年出版社,2005

〔2〕黄刚，张莉.Fireworks MX 2004标准教程.北京：科学出版社,2005

〔3〕http://www.w3schools.com

〔4〕http://www.webjx.com

四、考核方式

本课程主要以实验报告为主要考核依据，验证性实验成绩占总成绩的40％，设计性课程设计成绩占总成绩的60％。实验报告的形式为网页文件。

五、设计性实验简介

（一）目的要求

课程设计是作为对本课程所学的知识、技术进行一个综合性的检验。要求学生能综合运用所学的知识，熟练掌握网页设计有关的技术，并能使用网页设计“三剑客”工具进行网页制作。

（二）内容要求

学生根据自己的特长、喜好自定主题，设计并制作网站，但应是健康、积极的内容，不应是庸俗、反动的内容。具体要求如下：

1．每人一份作业，相互之间不能相同。

2．主题要鲜明，尽量做到小而精，内容要充实；图文并茂，动静结合；配色舒适美观，应突出主色，文字大小适中，风格与主题相适应。

3．一定要包含下面的知识点：

图像、超链接、字幕滚动、表格（不能用于布局）、CSS布局统一风格。

4．网页中所用的图形应在Fireworks MX下完成；网页中的导航菜单应在Fireworks MX或Flash MX下完成。

5．利用Dreamweaver MX设计排版全部网页。

6．网页的结构至少至二级页面，且二级页面不能为空，应有内容。

（三）时间安排

课程设计不另外安排实验时间，时间由学生自行安排。老师一开始上课时就布置此作业。本学期第16周星期一晚上12前提交。

选题报告在第8周周末前上交给老师，一旦上交不得修改。选题报告的内容包括：选题的原因或背景，以及围绕选题将如何规划网页的结构及栏目。

（四）提交的内容及形式

1．每个页面均以1024x76小作为版面布局，因此在设计网页时要注意网页的分辨率，选为1024x768；

2．网站的目录结构要求：在主页下面按栏目分子文件夹，有多少个栏目就有多少个子文件夹，每个子文件夹中的图片和文档分开放，即在每个子文件夹中建立一个images文件夹，专门用于放该栏目下的图片；

3．将网站上传到指定的空间；

4．同时应上传一份特殊的文档，该文档包括：选题背景、网站风格的设计思想、制作中遇到的难题及解决方法、最得意的地方。

（五）成绩评定

课程设计的成绩是《网页设计与制作》课程成绩的一部分，占总成绩的60%。其评定方法按评定标准进行。由老师统一评定。

主笔人：高平

审核人：赵新建