设计与制作实验大纲.docVIP

《网页设计与制作》课程实验教学大纲 课程性质：独立设课 课程属性：专业基础实验课 适用专业：信息管理、应用技术、软件技术、多媒体技术 学 时：总学时 96 实验学时 32 开出时间： 一 年级 二 学期 综合性、设计性实验项目数：4 学时 先修课程：计算机基础 一、课程简介 《网页设计与制作》课程是计算机专业的一门必修专业课程。它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》 等课程打下一个坚实的基础。 ??? 通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。从而培养学生的开发网站的能力和职业素质。 二、实验教学目的及要求 通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地Dreamweaver平台下合理设计网页并对站规划、管理、发布打下良好的理论和实践基础 2 1 1 掌握WWW工作原理、HTML语言基础 验证 信息管理、应用技术、软件技术、多媒体技术 2 使用Dreamweaver建立和管理站点 2 1 1 熟悉Dreamweaver 制作工具；学会如何建立站点和管理站点。 验证 信息管理、应用技术、软件技术、多媒体技术 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样式表的方法以及其应用方式。 验证 信息管理、应用技术、软件技术、多媒体技术 9 层和时间轴 4 1 1 掌握如何创建层、编辑层，如何创建时间轴动画等。 验证 信息管理、应用技术、软件技术、多媒体技术 10 行为 4 1 1 掌握添加行为和编辑行为的方法。 验证 信息管理、应用技术、软件技术、多媒体技术 11 库和模板 2 1 1 掌握创建库和模板的方法，并熟练地对其进行管理和应用。 验证 信息管理、应用技术、软件技术、多媒体技术 12 表单 2 1 1 掌握如何设计表单，如何添加表单对象等。 验证 信息管理、应用技术、软件技术、多媒体技术 13 综合实例 4 1 1 学会设计并制作一个美观的静态主页 综合 信息管理、应用技术、软件技术、多媒体技术 （注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等） 四、考核方法与评分标准 上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为： 上机成绩 =上机表现成绩（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．第一行为“欢迎光临我的个人网站”（格式要求：居中，字体大小为7）第二行为“这是我做