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

《网页设计与制作》课程教学大纲 1．课程性质和任务 《网页设计与制作》是计算机网络专业及其计算机相关专业的一门重要的专业必修课，是计算机网络技术专业的专业核心课程。授课对象为计算机网络及计算机相关专业的专科学生。通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言和JavaScript程序，掌握运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的方法，掌握运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。

2．课程教学的基本要求 1） 知识要求 熟练掌握运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的方法，掌握运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。

2） 能力要求 具备网页设计、图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基本能力；培养分析问题、解决问题的能力；培养协作、交流的能力，培养创新能力和团队意识。

3．课程教学内容、重点及难点 单元一：网页设计概述与经典网站赏析 1）课程教学内容： （1）网页系统的起源与发展。 （2）网页制作软件介绍。 （3）经典网站赏析。 2）教学重点、难点： 了解网页系统的起源和发展；了解常用的网页制作软件；熟悉网页制作软件 Dreamweaver的窗口、面板和命令菜单。 通过经典网站赏析激发课程学习兴趣。

单元二：建立站点 1）课程教学内容： （1）站点规划。 （2）定义站点。 （3）在站点中添加网页或文件夹。 2）教学重点、难点： （1）教学重点：站点规划、定义站点和在站点中添加网页或文件夹。 （2）教学难点：站点规划。 （3）教学要求：了解进行站点规划的基本方法；掌握定义站点的方法；掌握在站点中添加网页或文件夹的方法；熟悉站点的视图。 单元三：网页内容的输入和设置 1）课程教学内容： （1）文本的输入和设置。 （2）图像的插入和设置。 （3）表格的使用和设置。 （4）超级链接的建立和设置。 （5）网页的布局与定位。 （6）网页中表单的运用。 （7）建立和使用样式表。 2）教学重点、难点： （1）教学重点：文本的输入和设置、图像的插入和设置、表格的使用和设置、超级链接的建立和设置、网页的布局与定位、表单的运用、建立和使用样式表。 （2）教学难点：网页的布局与定位 （3）教学要求：掌握在页面上输入文本和文本属性设置的方法；掌握在页面上插入和调整图像，图像属性的调整和设置的方法。熟悉图像作为网页背景及鼠标经过图像的制作和设置；掌握在页面上建立表格和对表格、单元格属性设置的方法；掌握设置文本的超级链接、建立锚点和邮件的链接的方法。了解建立下载文件的链接；掌握利用布局工具进行页面的布局，了解利用层进行布局，了解框架网页的建立方法；掌握表单的建立方法，了解表单的完整性验证；掌握CSS样式属性的设置，CSS样式的编辑或删除、CSS样式的导出和输入。

单元四：模板和库 1）课程教学内容： （1）模板的创建和保存。 （2）使用库。 2）教学重点、难点： （1）教学重点：模板的创建和保存方法及模板的使用。 （2）教学难点：在模板页的保存，用新模板更新网页。 （3）教学要求：掌握模板的创建和保存方法及模板的使用；了解库元素的编辑和在网页中的运用。

单元五：动态对象使用 1）课程教学内容： （1）事件和动作的种类。 （2）行为应用。 （3）时间轴动画。 （4）多媒体对象的使用 2）教学重点、难点： （1）教学重点：行为在网页中的应用，时间轴动画的建立方法和插入多媒体对象的方法。 （2）教学难点：行为的设置，建立时间轴动画。 （3）教学要求：了解事件和动作的种类，了解行为的修改和删除方法，熟悉行为在网页中的应用实例。熟悉时间轴动画的建立方法；了解插入flash动画、flash按钮、flash文本和插入视频、音频的方法。 单元六：HTML语言和动态交互 1）课程教学内容： （1）HTML语言。 （2）JavaScript程序。 2）教学重点、难点： （1）教学重点：常用的HTML文本格式标记和含义，JavaScript程序在网页中的应用。 （2）教学难点：HTML语言和JavaScript程序的语法规则。 （3）教学要求：了解HTML语言的语法规则和常用的HTML文本格式标记和含义；了解JavaScript程序的语法规则和JavaScript程序在网页中的应用。

单元七：网页中图形的制作 1）课程教学内容： （1）Fireworks介绍。 （2）用Fireworks绘制画形。 （3）切割图像。 （4）将图形图像用于网页中。 2）教学重点、难点： （1）教学重点：用Fireworks绘制画形和切割图像。 （2）教学难点： 用画图工具进行网页中图形的制作和处理。 （3）教学要求：熟悉Fireworks窗口、面板；熟悉画图工具的使用，可以用画图工具进行网页中图形的制作和处理；掌握在Fireworks中切割较大图像的方法；了解用Fireworks绘制、处理图形的一些实例。

单元八：网页动画的制作 1）课程教学内容： （1）Flash介绍。 （2）制作简单的动画。 （3）图层在动画中的运用。 （4）声音在动画中的运用。 （5）动画的行为编程。 （6）将动画运用于网页中 2）教学重点、难点： （1）教学重点：用Flash制作简单的动画。 （2）教学难点：动画的行为编程。 （3）教学要求：熟悉Flash的窗口、命令、菜单；掌握逐帧动画、运动渐变动画、引导层动画和变形动画的制作方法；熟悉和掌握图层的应用，了解声音的导入和编辑、行为编程，能将动画运用于网页中。

单元九：网站的检查与发布 1） 课程教学内容： （1）网站的检查 （2）网站的发布 2）教学重点、难点： （1）教学重点：对网页下载时间、超级链接、在不同浏览器中网页实际效果的检查；将网站在WEB服务器上发布。 （2）教学难点：在WEB服务器上发布网站。 （3）教学要求：掌握对网页下载时间、超级链接、在不同浏览器中网页实际效果等项目的检查的常用方法，熟悉在WEB服务器上发布网站（包括自建WEB服务器发布和申请主页空间后上传发布）的方法。

4．课程各教学环节要求及安排 1）教学原则 本课程采用理论和实践相结合教学，以完成工作任务的活动为过程，建议全部采用在多媒体网络机房进行现场教学，创设真实工作环境，融“教、学、做”为一体。 2）教学建议 由于网页设计技术发展较快，各单元的内容可根据具体情况作适当调整（增、删、合并），也可适当增加网站规划与设计的知识，安排适当时间观摩国内外精品网站和从网上收集有关资源。建议采用采用“任务驱动”教学。 3）作业要求 每次练习，教师要根据教学内容提出明确的目标任务，学生所完成的任务作为作业，记入平时成绩。

5．学时分配 主 要 内 容 各教学环节学时分配 作业题量 备注 讲授 现场操作 讨论 习题 其它 小计

第1单元：网页设计概述与经典网站赏析 1.1网页系统的起源与发展。 1.2网页制作软件介绍。 1.3经典网站赏析。

2 2

第2单元 建立站点 2.1站点规划。 2.2定义站点。 2.3在站点中添加网页或文件夹。 2 2 1个模仿型子任务 第3单元 网页内容的输入和设置 3.1文本的输入和设置 3.2图像的插入和设置 3.3表格的使用和设置 3.4超级链接的建立和设置 3.5网页的布局与定位 3.6网页中表单的运用 3.7建立和使用样式表 6 6 12 若干模仿型子任务和若干开放型子任务

第4单元 模板和库 4.1模板的创建和保存 4.2使用库 2 2 4 一个模仿型子任务和一个 开放型子任务 第5单元 动态对象使用 5.1事件和动作的种类 5.2行为应用实例 5.3时间轴动画。 5.4多媒体对象的使用。 2 4 6 一个模仿型子任务和一个开放型子任务

第6单元 HTML语言和动态交互 7.1 HTML语言 7.2 JavaScript程序 2 2 4 一个模仿型子任务和一个开放型子任务 第一阶段综合练习 4 4 完成开放型任务中的网页设计任务 第一阶段考核 2 第7单元 网页中图形的制作 7.1Fireworks介绍。 7.2用Fireworks绘制画形。 7.3切割图像。 7.4将图形图像用于网页中。 4 6 10 若干模仿型子任务和若干开放型子任务

第8单元 网页动画的制作 8.1Flash介绍。 8.2制作简单的动画。 8.3图层在动画中的运用。 8.4声音在动画中的运用。 8.5动画的行为编程。 8.6将动画运用于网页中 4 6 10 若干模仿型子任务和若干开放型子任务

第9单元网站的检查与发布 9.1网站的检查 9.2网站的发布 2 2

一个模仿型子任务和一个开放型子任务 综合练习 4 4 开放型任务全部完成

第二阶段考核 2 2 合 计 24 28 12 64 注：各单元的内容可根据具体情况作适当调整（增、删、合并），各单元的课时数视具体情况可作适当调整。如全部采用现场教学，则讲授和现场操作完全结合，现场教学学时数为讲授学时+现场操作学时。

6.考核方法及考核要求