网页设计与制作教学大纲

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

一、说明

（一）课程定义：

《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop 等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。

（二）编写依据：

本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。

（三）目的任务：

通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。

（四）学时数与学分数：

本课程教学总学时为72课时,4学分，理论48学时，实践/实验24学时。具体学时分配参照下表。

（五）适用对象：

网络与新媒体专业。

（六）课程编码：

二、教学内容与学时分配

精选文库

三、教学内容与知识点

第一章初识网站和网页

第一节网站和网页

知识点：网站和网页的概念。

第二节网页中的元素类型

知识点：行元素、块元素。

第三节常用网站管理制作软件

知识点： Dreamweaver、flash。

第四节网站建设流程

知识点：网站建设流程。

第五节 Html与CSS入门

知识点：html概念、css概念。

第二章初识Dreamweaver

第一节熟悉Dreamweaver操作环境

知识点：Dreamweaver操作环境。

第二节网站规划与管理

精选文库知识点：网站规划原则、管理方法。

第三章网页布局方法

第一节使用表格布局网页

知识点：表格布局方法。

第二节使用框架布局网页

知识点：框架布局网页方法。

第四章编辑网页元素

第一节文本编辑与输入

知识点：文本编辑与输入方法。

第二节使用图像

知识点：使用图像的方法。

第三节使用Flash动画

知识点：Flash动画的制作。

第四节使用其他元素

知识点：音频、视频元素。

第五章使用超级链接

第一节设置超级链接

知识点：超级链接的概念、设置方法。

第二节管理超级链接

知识点：超级链接管理方法。

第六章 Html样式和CSS样式

第一节编辑HTML代码

知识点：HTML代码书写原则、方法。

第二节创建和使用CSS样式表

知识点：CSS样式表的作用、使用原则、方法。

第七章 Dreamweaver高级应用

第一节使用行为

知识点：使用行为的方法。

第二节时间轴的使用

知识点：时间轴的使用方法。

第三节表单及其应用

知识点：表单使用场合、方法。

第四节模板与库

知识点：模板使用方法、库使用方法。

第五节 CSS样式的应用

知识点：CSS样式应用技巧。

第八章网站的优化

第一节页面的优化

知识点：页面优化技巧。

第二节站点的优化

知识点：站点的优化方法。

第九章站点的发布

第一节发布前的工作

知识点：发布前的工作。

第二节发布站点与更新

知识点：发布站点和更新方法。

四、实践/实验教学

（一）项目名称:期末综合实训

（二）目的要求：

（1）应用css和html（div+css）技术完成至少4个页面，其中必须包括网站主页面设计、栏

目页设计、管理员管理登陆页面、管理员登录以后的页面。

（2）显示环境：网页视觉效果应采用Internet Explorer 6.0以上版本浏览器，显示分辨率以1024×768状态为准。

（3）网页规模：网页总量原则上不应超过10M，且必须要是不连接互联网就可以进行展示的作品。

（4）网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。

（5）要求页面美观大方、颜色搭配协调；

（6）作品留存，下学期或下一阶段继续完善、开发。

（三）项目性质：

（四）主要仪器设备：

（五）考核及要求：

五、考核

（一）考核形式

本课程考核形式有三种：出勤考核、平时作业考核、期末实训大作业考核。

（二）成绩计算

平时成绩（考勤+作业）占30%，期末实训大作业成绩占70%。

六、教材与参考书

1、《网页制作与网站建设》，何新起主编，人民邮电出版社出版，2013年版

课程所属教研室负责人：执笔人：汪海审批人： 2018年 8 月 18 日