《网页设计与制作课程教学大纲》由会员分享，可在线阅读，更多相关《网页设计与制作课程教学大纲（6页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作课程教学大纲适用专业：计算机系各专业学时数：64 学分数：4执笔者：顾晓燕 编写日期：2006年5月审核者：马 伟 审核日期：2006年8月审批者: 曹建林 审批日期: 2006年8月1课程性质和任务网页设计与制作是计算机网络专业及其计算机相关专业的一门重要的专业必修课，是计算机网络技术专业的专业核心课程。授课对象为计算机网络及计算机相关专业的专科学生。通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言和JavaScript程序，掌握运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的方法，掌握运用Fireworks图像处理软件
2、进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。2课程教学的基本要求1） 知识要求熟练掌握运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的方法，掌握运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。2） 能力要求具备网页设计、图形设计、动画设计的基本能力，
3、能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基本能力；培养分析问题、解决问题的能力；培养协作、交流的能力，培养创新能力和团队意识。3课程教学内容、重点及难点单元一：网页设计概述与经典网站赏析1）课程教学内容：（1）网页系统的起源与发展。（2）网页制作软件介绍。（3）经典网站赏析。2）教学重点、难点：了解网页系统的起源和发展；了解常用的网页制作软件；熟悉网页制作软件 Dreamweaver的窗口、面板和命令菜单。 通过经典网站赏析激发课程学习兴趣。单元二：建立站点1）课程教学内容：（1）站点规划。（2）定义站点。（
4、3）在站点中添加网页或文件夹。2）教学重点、难点：（1）教学重点：站点规划、定义站点和在站点中添加网页或文件夹。（2）教学难点：站点规划。（3）教学要求：了解进行站点规划的基本方法；掌握定义站点的方法；掌握在站点中添加网页或文件夹的方法；熟悉站点的视图。单元三：网页内容的输入和设置1）课程教学内容：（1）文本的输入和设置。（2）图像的插入和设置。（3）表格的使用和设置。（4）超级链接的建立和设置。（5）网页的布局与定位。（6）网页中表单的运用。（7）建立和使用样式表。2）教学重点、难点：（1）教学重点：文本的输入和设置、图像的插入和设置、表格的使用和设置、超级链接的建立和设置、网页的布局与定位
5、、表单的运用、建立和使用样式表。（2）教学难点：网页的布局与定位（3）教学要求：掌握在页面上输入文本和文本属性设置的方法；掌握在页面上插入和调整图像，图像属性的调整和设置的方法。熟悉图像作为网页背景及鼠标经过图像的制作和设置；掌握在页面上建立表格和对表格、单元格属性设置的方法；掌握设置文本的超级链接、建立锚点和邮件的链接的方法。了解建立下载文件的链接；掌握利用布局工具进行页面的布局，了解利用层进行布局，了解框架网页的建立方法；掌握表单的建立方法，了解表单的完整性验证；掌握CSS样式属性的设置，CSS样式的编辑或删除、CSS样式的导出和输入。单元四：模板和库1）课程教学内容：（1）模板的创建和保
6、存。（2）使用库。2）教学重点、难点：（1）教学重点：模板的创建和保存方法及模板的使用。（2）教学难点：在模板页的保存，用新模板更新网页。（3）教学要求：掌握模板的创建和保存方法及模板的使用；了解库元素的编辑和在网页中的运用。单元五：动态对象使用1）课程教学内容：（1）事件和动作的种类。（2）行为应用。（3）时间轴动画。（4）多媒体对象的使用2）教学重点、难点：（1）教学重点：行为在网页中的应用，时间轴动画的建立方法和插入多媒体对象的方法。（2）教学难点：行为的设置，建立时间轴动画。（3）教学要求：了解事件和动作的种类，了解行为的修改和删除方法，熟悉行为在网页中的应用实例。熟悉时间轴动画的建立
7、方法；了解插入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）用F
8、ireworks绘制画形。（3）切割图像。（4）将图形图像用于网页中。2）教学重点、难点：（1）教学重点：用Fireworks绘制画形和切割图像。（2）教学难点： 用画图工具进行网页中图形的制作和处理。（3）教学要求：熟悉Fireworks窗口、面板；熟悉画图工具的使用，可以用画图工具进行网页中图形的制作和处理；掌握在Fireworks中切割较大图像的方法；了解用Fireworks绘制、处理图形的一些实例。单元八：网页动画的制作1）课程教学内容：（1）Flash介绍。（2）制作简单的动画。（3）图层在动画中的运用。（4）声音在动画中的运用。（5）动画的行为编程。 （6）将动画运用于网页中2）教
9、学重点、难点：（1）教学重点：用Flash制作简单的动画。（2）教学难点：动画的行为编程。（3）教学要求：熟悉Flash的窗口、命令、菜单；掌握逐帧动画、运动渐变动画、引导层动画和变形动画的制作方法；熟悉和掌握图层的应用，了解声音的导入和编辑、行为编程，能将动画运用于网页中。单元九：网站的检查与发布1） 课程教学内容：（1）网站的检查 （2）网站的发布2）教学重点、难点：（1）教学重点：对网页下载时间、超级链接、在不同浏览器中网页实际效果的检查；将网站在WEB服务器上发布。（2）教学难点：在WEB服务器上发布网站。（3）教学要求：掌握对网页下载时间、超级链接、在不同浏览器中网页实际效果等项目的
10、检查的常用方法，熟悉在WEB服务器上发布网站（包括自建WEB服务器发布和申请主页空间后上传发布）的方法。4课程各教学环节要求及安排1）教学原则本课程采用理论和实践相结合教学，以完成工作任务的活动为过程，建议全部采用在多媒体网络机房进行现场教学，创设真实工作环境，融“教、学、做”为一体。2）教学建议由于网页设计技术发展较快，各单元的内容可根据具体情况作适当调整（增、删、合并），也可适当增加网站规划与设计的知识，安排适当时间观摩国内外精品网站和从网上收集有关资源。建议采用采用“任务驱动”教学。3）作业要求每次练习，教师要根据教学内容提出明确的目标任务，学生所完成的任务作为作业，记入平时成绩。5学时
11、分配主 要 内 容各教学环节学时分配作业题量备注讲授现场操作讨论习题其它小计第1单元：网页设计概述与经典网站赏析1.1网页系统的起源与发展。1.2网页制作软件介绍。1.3经典网站赏析。22第2单元 建立站点2.1站点规划。2.2定义站点。2.3在站点中添加网页或文件夹。221个模仿型子任务第3单元 网页内容的输入和设置3.1文本的输入和设置3.2图像的插入和设置3.3表格的使用和设置3.4超级链接的建立和设置3.5网页的布局与定位3.6网页中表单的运用3.7建立和使用样式表6612若干模仿型子任务和若干开放型子任务第4单元 模板和库4.1模板的创建和保存4.2使用库224一个模仿型子任务和一个
12、开放型子任务第5单元 动态对象使用5.1事件和动作的种类5.2行为应用实例5.3时间轴动画。5.4多媒体对象的使用。246一个模仿型子任务和一个开放型子任务第6单元 HTML语言和动态交互7.1 HTML语言7.2 JavaScript程序224一个模仿型子任务和一个开放型子任务第一阶段综合练习44完成开放型任务中的网页设计任务第一阶段考核2第7单元 网页中图形的制作7.1Fireworks介绍。7.2用Fireworks绘制画形。7.3切割图像。7.4将图形图像用于网页中。4610若干模仿型子任务和若干开放型子任务第8单元 网页动画的制作8.1Flash介绍。8.2制作简单的动画。8.3图层
13、在动画中的运用。8.4声音在动画中的运用。8.5动画的行为编程。8.6将动画运用于网页中4610若干模仿型子任务和若干开放型子任务第9单元网站的检查与发布9.1网站的检查9.2网站的发布22一个模仿型子任务和一个开放型子任务综合练习44开放型任务全部完成第二阶段考核22合 计24281264 注：各单元的内容可根据具体情况作适当调整（增、删、合并），各单元的课时数视具体情况可作适当调整。如全部采用现场教学，则讲授和现场操作完全结合，现场教学学时数为讲授学时+现场操作学时。6.考核方法及考核要求1）总评成绩平时成绩60+考试成绩40，考试成绩为阶段考核成绩。2）平时成绩包括：出勤、纪律、完成每一个模仿型子任务的质量。3）阶段考核成绩依据完成开放型阶段任务的质量进行考核。4）考核范围应以课程大纲为依据，重点考查学生分析问题、解决问题和网页设计的实际能力，注重考核对启发学生创新思维和培养学生创新能力的引导作用。可分二至三个阶段考核，第一阶段重点考核运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的能力，第二阶段重点考核运用Fireworks图像处理软件进行网页中图形制作的能力和运用flash动画制作软件设计网页中动画的能力，第三阶段重点考核综合运用三个软件完
