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

《网页设计与制作-实验大纲》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：应用技术、多媒体技术学时：总学时96实验学时32开出时间：二年级一学期综合性、设计性实验项目数：4学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《asp.net动态网页制作》等课程打下一个坚实的基础。   通过本课程的学习，使学生掌握运用Drea

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

3、对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。三、实验项目设置表序号实验名称实验学时仪器套数每套人数实验要求实验类型面向专业1HTML语言211掌握WWW工作原理、HTML语言基础验证信息管理、应用技术、软件技术、多媒体技术2使用Dreamweaver建立和管理站点211熟悉Dreamweaver制作工具；学会如何建立站点和管理站点。验证信息管理、应用技术、软件技术、多媒体技术3文档的基本操作211掌握文档的基本操作、文本的基本操作。验证信息管理、应用技术、软件技术、多媒体技术4表格211掌握表格的基本操作，以

4、及用布局表格来设计网页。验证信息管理、应用技术、软件技术、多媒体技术5图像和其他多媒体211掌握对图像、声音、动画和视频的基本操作。验证信息管理、应用技术、软件技术、多媒体技术6链接211掌握创建链接和管理链接的方法。验证信息管理、应用技术、软件技术、多媒体技术7框架集211掌握如何创建具有框架结构的页面。验证信息管理、应用技术、软件技术、多媒体技术8CSS样式表211掌握制作CSS样式表的方法以及其应用方式。验证信息管理、应用技术、软件技术、多媒体技术9层和时间轴411掌握如何创建层、编辑层，如何创建时间轴动画等。验证信息管理、应用技术、软件技术、多媒体技术10行为

5、411掌握添加行为和编辑行为的方法。验证信息管理、应用技术、软件技术、多媒体技术11库和模板211掌握创建库和模板的方法，并熟练地对其进行管理和应用。验证信息管理、应用技术、软件技术、多媒体技术12表单211掌握如何设计表单，如何添加表单对象等。验证信息管理、应用技术、软件技术、多媒体技术13综合实例411学会设计并制作一个美观的静态主页综合信息管理、应用技术、软件技术、多媒体技术（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩=上机表现成绩（50%）+实

6、验报告成绩（50%）。上机部分的成绩在本课程总成绩中占有的分值为20。上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。五、教材或指导书1、教材：《网页设计与制作》，马占欣、周文刚、支建飞编著，中国水利水电出版社，20072、主要参考书：1）马占欣、周文刚、支建飞.网页设计与制作.北京：中国水利水电出版社，2007.2）甘登岱.网页设计三剑客(第5版).北京：机械工业出版社,2006.六、单项实验的内容和要求1、实验名称：使用HTML语言进行简单的网页设计实验内容：用记事本或写字板编写

7、HTML文档，该文档文件名为“姓名_1.htm”,使得最后显示效果如下图所示：实验要求：1.掌握WWW的工作原理；2.掌握HTML语言的基本语法，并利用该语言进行简单的网页设计。2、实验名称：使用Dreamweaver创建站点和主页文件实验内容：1．建立本地站点(1)在D盘建立一个名为“mysite”的文件夹。(2)在文件夹“mysite”基础上建立一个名为“我的个人网站”的站点。（提示：站点

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