网页设计与制作教学大纲

精选文库网页设计与制作课程教学大纲一、说明（一）课程定义：网页设计与制作课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。（二）编写依据：本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。（三）目的任务：通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。（四）学时数与学分数：本课程教学总学时为72课时,4学分，理论48学时，实践/实验24学时。具体学时分配参照下表。（五）适用对象：网络与新媒体专业。（六）课程编码：二、教学内容与学时分配教学基本内容教 学 安 排小计讲授讨论实验实践第一章 初识网站和网页426第二章 初识Dreamweaver426第三章 网页布局方法426第四章 编辑网页元素639第五章 使用超链接426第六章 Html样式和CSS样式10515第七章 Dreamweaver高级应用426第八章 网站的优化426第九章 站点的发布426机 动66合 计482472三、教学内容与知识点第一章 初识网站和网页第一节 网站和网页知识点： 网站和网页的概念。 第二节 网页中的元素类型 知识点：行元素、块元素。 第三节 常用网站管理制作软件 知识点： 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以上版本浏览器，显示分辨率以1024768状态为准。（3）网页规模：网页总量原则上不应超过10M，且必须要是不连接互联网就可以进行展示的作品。（4）网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。（5）要求页面美观大方、颜色搭配协调；（6）作品留存，下学期或下一阶段继续完善、开发。（三）项目性质：（四）主要仪器设备：（五）考核及要求：五、考核（一）考核形式本课程考核形式有三种：出勤考核、平时作业考核、期末实训大作业考核。（二）成绩计算平时成绩（考勤+作业）占