网页设计教案【荐】.docVIP

《网页设计与制作》课程 教 案 姓 名 部 门 总 学 时 学 分 2011年10月 本课程主要是依据人民邮电出版社出版的的《网页设计与web编程》，共包含有4个部分，即基础篇、图形动画篇、网页设计与制作篇、web编程篇。 Web网站的架构与HTML基础构成网页制作的基础知识；图形动画篇包含第2、3章，介绍Fireworks和Flash两款软件的基本应用；第4-9章均属于网页设计与制作篇，涵盖应用Dreamweaver制作网页的重要方法与技巧；第10-12章为web编程篇，介绍动态网页的制作与实现。 【课程安排】 本课程主要是培养学生的网页制作技能，从网页三剑客着手。同时网页有静态和动态之分，在本书中均有涉及。根据网页制作的实际情况，以及学生的知识基础与接受能力，本门课程将着重于第3部分网页设计与制作，即静态网页的制作。另外，介绍目前一款主流的图像处理软件Photoshop，以辅助进行网页设计。 本课程的理论授课共34课时，具体安排如下： 第1部分基础篇（6课时） 第1章Web网站的架构与HTML基础（6课时） 第3部分网页设计与制作篇（18课时） 第4章Dreamweaver CS3入门（6课时） 第5章网页布局与框架（6课时） 第6章CSS层叠样式表（4课时） 第9章层与行为（2课时） 第2部分图形动画篇（10课时） 第2章Photoshop入门及制作实例（5课时） 第3章Flash入门及制作实例（5课时） 共34课时 本门课是实践性很强的课程，除理论讲授外，还包括28课时的上机练习。具体安排为： 练习1 HTML练习（2课时） 练习2 表格布局与多媒体综合应用（6课时） 练习3 框架的应用（4课时） 练习4 模板的应用（2课时） 练习5 CSS样式设定（4课时） 练习6 层与行为的应用（2课时） 练习7 Photoshop应用（4课时） 练习8 Flash应用（4课时） 共28课时 【课程要求】 在课程结束时，需完成一份比较完整的网页作品。可以个人独立完成，也可小组合作。小组合作时，小组成员不得大于4人，小组作品完成后，需要详细注明各个成员的工作内容。主题不限，禁止在网上整站下载。 【最后成绩】 卷面成绩60%+平时成绩40%（课堂考勤、平时作业、小组作品成绩） 第1章 Web网站架构与HTML基础 本章将主要讲解1.1Web的特点和结构、1.4HTML基础这两部分，授课6课时。 授课题目 网页制作概述、Web基本介绍 授课时间 2课时 教学目的 1. 对网站及网页有一定的认识，激发学生学习网页设计的兴趣 教学重难点 认识网页与网站，了解其中的基本术语 教学过程 1. 网页实例展示 2. 分析网页设计的基本流程 3. Web的特点和结构介绍 授课内容 1. 网页中常包含的元素：文本、图像、动画、声音、视频 2. 什么是WWW？ World Wide Web，简称为Web（万维网）。WWW是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。WWW也可以用来建立Intranet（企业内部网）的信息系统。 3. WWW的特点 分布式的信息资源；统一的用户界面；支持各种信息资源和各种媒体的演播；广泛的用途。 4. WWW的结构 Web是成千上万个网站连结而成的页面式网络信息系统。是采用“客户机/服务器”（C/S）结构。 5. 静态网页和动态网页 静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.htm或.html文件。 动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写，保存为.asp文件，也称为Web应用程序。 授课题目 1.4 HTML基础 授课时间 4课时 教学目的 1. 了解HTML文档的基本结构 2. 掌握各种标记的结构、作用及书写方法 教学重难点 重点：各种标记的应用 难点：表格标记 教学过程 1. 概念讲解 2. 实例操作 授课内容 一、什么是HTML？ 超文本标记语言（HTML，HyperText Markup Language）是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件（.htm或.html文件）。 HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。