网页设计与制作教学大纲

1、网页设计与制作课程教学大纲-、说明（一）课程定义:网页设计与制作课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript 脚本编程语言、Dreamweaverx Fireworks Flash、 Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。（二）编写依据：本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。（三）目的任务：通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的

2、上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WE应用程序；能独立设计小型WEB占点。（四）学时数与学分数:本课程教学总学时为72课时，4学分，理论48学时，实践/实验24学时。具体学时分配参照下 表。（五）适用对象：网络与新媒体专业。（六）课程编码：、教学内容与学时分配教学基本内容教学安排小计讲授讨论实验实践第一章初识网站和网页426第二章 初识Dreamweaver426第三章网页布局方法

3、426第四章编辑网页元素639第五章使用超链接426第六章 Html样式和CSS羊式10515第七章 Dreamweaver高级应用426第八章网站的优化426第九章站点的发布426机动66合计482472三、教学内容与知识点第一章初识网站和网页第一节网站和网页知识点：网站和网页的概念。第二节网页中的兀素类型知识点：行元素、块元素。第三节常用网站管理制作软件知识点：Dreamweaver flash 第四节网站建设流程知识点：网站建设流程。第五节Html与CSS入门知识点：html概念、css概念。第二章初识Dreamweaver第一节熟悉Dreamweaver操作环境知识点：Dreamwea

4、ver操作环境。第二节网站规划与管理知识点：网站规划原则、管理方法。第三章网页布局方法第一节使用表格布局网页知识点：表格布局方法。第二节使用框架布局网页知识点：框架布局网页方法。第四章编辑网页元素第一节文本编辑与输入知识点：文本编辑与输入方法。第二节使用图像知识点：使用图像的方法。第三节 使用Flash动画知识点：Flash动画的制作。第四节使用其他元素知识点：音频、视频元素。第五章使用超级链接第一节设置超级链接知识点：超级链接的概念、设置方法。第二节管理超级链接知识点：超级链接管理方法。第六章Html样式和CSS样式第一节编辑HTML!弋码知识点：HTML代码书写原则、方法。第二节创建和使用

5、CSS样式表知识点：CSS样式表的作用、使用原则、方法第七章Dreamweaver高级应用第一节使用行为知识点：使用行为的方法。第二节时间轴的使用知识点：时间轴的使用方法。第三节表单及其应用知识点：表单使用场合、方法。第四节模板与库知识点：模板使用方法、库使用方法。第五节CSS样式的应用知识点：CSS样式应用技巧。第八章网站的优化第一节页面的优化知识点：页面优化技巧。第二节站点的优化知识点：站点的优化方法。第九章站点的发布第一节发布前的工作知识点：发布前的工作。第二节发布站点与更新知识点：发布站点和更新方法。四、实践/实验教学(一) 项目名称：期末综合实训(二) 目的要求：(1)应用css和h

6、tml ( div+css)技术完成至少4个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。为准。（2）显示环境：网页视觉效果应釆用In ternet Explorer 6. 0以上版本浏览器，显示分辨率以1024 X 768状态（3）网页规模：网页总量原则上不应超过10M,且必须要是不连接互联网就可以进行展示的 作品。（4）网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。（5）要求页面美观大方、颜色搭配协调；（6 ）作品留存，下学期或下一阶段继续完善、开发。（三）项目性质：（四）主要仪器设备：（五）考核及要求：五、考核（一）考核形式本课程考核形式有三种：出勤考核、平时作业考核、期末实训大作业考核。（二）成绩计算平时成绩（考