网页设计与制作教学大纲

《网页设计与制作》教学大纲课程英文名称： DesignandProduceofWebsite课程代码：课程类别：专业选修课开课时间：第二学期、第三学期总学时：36总学分：1.5考核方式：考查先修课程：大学计算机基础适用专业：新闻开课单位：计算机与信息工程学院一、课程概述网页设计与制作是新闻专业的基础课，本课程前导课程是大学计算机基础。课程主要内容有网页设计的基本流程和规范、 HTML 基本语法、表格、 CSS样式、框架、表单、层和多媒体、网页动态效果等。本课程课时为 36学时。考核方式为考查，最终成绩由考勤成绩（20%）、平时操作（20%）、测验（10%）和期末考核成绩（ 50%）构成。二、课程目标通过本课程的学习，使学生能够在互联网时代掌握HTML语言和网页制作的设计思路和一般过程，帮助学生快速掌握常用网页设计工具的使用技巧，熟悉网站建设和运行的过程，为从事相关工作奠定基础。（一）知识目标1.了解Internet的作用，理解 WWW、HTTP、HTML等概念及作用；掌握简单的图像处理方法；掌握Dreamweaver软件的基本操作；掌握网页中文字、图像、链接、表格的相关属性设置；掌握CSS的应用；掌握框架和层的使用；掌握网页制作的设计思路和一般过程。（二）能力目标具备网页设计与规划能力；具备网站制作能力。（三）素质目标形成网站内容健康积极向上的文明意识；形成较好的合作精神，具有协调沟通能力和组织管理能力。三、课程内容与要求1．实验项目与学时分配表序实验项目名称学时实验每组实验实验项目编号分配类型人数要求号1网页制作基础2验证性1必做图像处理4验证性1必做2多媒体与超链接6验证性1必做3表格与框架4验证性1必做4CSS应用8验证性1必做5网页动态效果4验证性1必做6网站综合设计8设计性1必做2．实验内容及教学要求实验项目一：网页制作基础实验内容：1.上网访问实际若干电子商务网站，了解各网站的风格；2.在Dreamweaver中建立文件和编辑的基本方法；在Dreamweaver中建立与编辑站点。实验教学要求：掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点；熟悉Dreamweaver的工作界面；掌握Dreamweaver中站点的设置方法。主要仪器设备： 计算机注意事项:无实验项目二：图像处理实验内容：1.在Photoshop中进行简单图像处理；使用Flash制作简单动画。实验教学要求：熟悉Photoshop工作界面；掌握在Photoshop中进行简单图像处理的方法；熟悉Flash工作界面；掌握使用Flash制作简单动画的方法。主要仪器设备：计算机注意事项:无实验项目三：多媒体与超链接实验内容：1．Dreamweaver中插入文本、图像及 flash、视频的操作；超链接的插入与设置。实验教学要求：掌握使用Dreamweaver设置文本、图像、flash等的方法；掌握超链接的插入与设置方法。主要仪器设备： 计算机注意事项:无实验项目四：表格与框架实验内容：表格与框架的创建与属性设置；使用表格与框架对网页进行布局。实验教学要求：掌握在Dreamweaver中创建、设置表格和框架属性的方法；掌握使用表格与框架进行网页布局。主要仪器设备： 计算机注意事项:无实验项目五： CSS应用实验内容：使用CSS设置文字、图片与超链接；CSS样式设置方法；创建与使用层;DIV+CSS页面布局。实验教学要求：掌握CSS的设置方法；掌握层的设置方法；掌握DIV+CSS布局网页的方法。主要仪器设备：计算机注意事项:无实验项目六：网页动态效果实验内容：模板与库在网页中的应用；表单的创建与设置；事件与行为的使用方法；JS网页动态效果。实验教学要求：了解模板与库的使用方法；掌握表单的创建及编辑方法；掌握行为的使用。主要仪器设备：计算机注意事项:无实验项目七：网站综合设计实验内容：根据所学知识，设计并制作主题鲜明、布局合理、页面美观的网站。实验教学要求：熟悉网站的规划流程；掌握网站设计的方法。主要仪器设备：计算机注意事项:无四、教学建议（一）实验考核要求1.考核方式及其成绩评定标准该课程是考查课，课程通过强化过程性考核与实际操作考核相结合的方式进行，以确保考核效果能够正确反映课程授课目标。 课程成绩主要由四部分构成， 考勤成绩（20%）、平时操作（20%）、测验（10%）和期末考核成绩（ 50%），期末考查方式采用提交网页作品的形式进行考核，要求学生利用所学知识自行选择主题，制作主题明确，功能相对完整的网站作品。序号

考核内容

权重1

考勤

20%2平时操作20%3测验10%4期末考核50%（二）教材选用魏三强等.DreamweaverCS6实例教程[M].北京:人民邮电出版社,2015.祖宝明,金红旭.DreamweaverCS6网页设计与应用（第