网页设计与制作教学大纲.docxVIP

《网页设计与制作》课程教学大纲 一、说明 （一）课程定义： 《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。 （二）编写依据： 本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。 （三）目的任务： 通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。 （四）学时数与学分数： 本课程教学总学时为72课时,4学分，理论48学时，实践/实验24学时。具体学时分配参照下表。 （五）适用对象： 网络与新媒体专业。 （六）课程编码： 二、教学内容与学时分配 教学基本内容 教 学 安 排 小计 讲授 讨论 实验 实践 第一章 初识网站和网页 4 2 6 第二章 初识Dreamweaver 4 2 6 第三章 网页布局方法 4 2 6 第四章 编辑网页元素 6 3 9 第五章 使用超链接 4 2 6 第六章 Html样式和CSS样式 10 5 15 第七章 Dreamweaver高级应用 4 2 6 第八章 网站的优化 4 2 6 第九章 站点的发布 4 2 6 机 动 6 6 合 计 48 24 72 三、教学内容与知识点 第一章 初识网站和网页 第一节 网站和网页 知识点： 网站和网页的概念。 第二节 网页中的元素类型 知识点：行元素、块元素。 第三节 常用网站管理制作软件 知识点： 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）作品留存，下学期或