网页设计教案

《网页设计教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》课程教案姓名部门总学时学分2011年10月【课程概述】本课程主要是依据人民邮电出版社出版的的《网页设计与web编程》，共包含有4个部分，即基础篇、图形动画篇、网页设计与制作篇、web编程篇。Web网站的架构与HTML基础构成网页制作的基础知识；图形动画篇包含第2、3章，介绍Fireworks和Flash两款软件的基本应用；第4-9章均属于网页设计与制作篇，涵盖应用Dreamweaver制作网页的重要方法与技巧；第10-12章为web编程篇，介绍动态网页的制作与实现。【课程安排】本课程主要是培养学生的

2、网页制作技能，从网页三剑客着手。同时网页有静态和动态之分，在本书中均有涉及。根据网页制作的实际情况，以及学生的知识基础与接受能力，本门课程将着重于第3部分网页设计与制作，即静态网页的制作。另外，介绍目前一款主流的图像处理软件Photoshop，以辅助进行网页设计。本课程的理论授课共34课时，具体安排如下：第1部分基础篇（6课时）第1章Web网站的架构与HTML基础（6课时）第3部分网页设计与制作篇（18课时）第4章DreamweaverCS3入门（6课时）第5章网页布局与框架（6课时）第6章CSS层叠样式表（4课时）

3、第9章层与行为（2课时）第2部分图形动画篇（10课时）第2章Photoshop入门及制作实例（5课时）第3章Flash入门及制作实例（5课时）共34课时本门课是实践性很强的课程，除理论讲授外，还包括28课时的上机练习。具体安排为：练习1HTML练习（2课时）练习2表格布局与多媒体综合应用（6课时）练习3框架的应用（4课时）练习4模板的应用（2课时）练习5CSS样式设定（4课时）练习6层与行为的应用（2课时）练习7Photoshop应用（4课时）练习8Flash应用（4课时）共28课时【课程要求】在课程结束时，需完成一

4、份比较完整的网页作品。可以个人独立完成，也可小组合作。小组合作时，小组成员不得大于4人，小组作品完成后，需要详细注明各个成员的工作内容。主题不限，禁止在网上整站下载。【最后成绩】卷面成绩60%+平时成绩40%（课堂考勤、平时作业、小组作品成绩）第1章Web网站架构与HTML基础本章将主要讲解1.1Web的特点和结构、1.4HTML基础这两部分，授课6课时。授课题目网页制作概述、Web基本介绍授课时间2课时教学目的1.对网站及网页有一定的认识，激发学生学习网页设计的兴趣2.了解网页中包含的基本元素3.了解Web的一些基

5、本术语教学重难点认识网页与网站，了解其中的基本术语教学过程1.网页实例展示2.分析网页设计的基本流程和网页元素3.Web的特点和结构介绍授课内容1.网页中常包含的元素：文本、图像、动画、声音、视频2.什么是WWW？WorldWideWeb，简称为Web（万维网）。WWW是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。WWW也可以用来建立Intranet（企业内部网）的信息系统。3.WWW的特点分布式的信息资源；统一的用户界面；支持各种信息资源和各种媒体的演播；广泛的用途。4.WW

6、W的结构Web是成千上万个网站连结而成的页面式网络信息系统。是采用“客户机/服务器”（C/S）结构。5.静态网页和动态网页静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.htm或.html文件。动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写，保存为.asp文件，也称为Web应用程序。授课题目1.4HTML基础授课时间4课时教学目的1.了解HTML文档的基本结构2.掌握

7、各种标记的结构、作用及书写方法教学重难点重点：各种标记的应用难点：表格标记教学过程1.概念讲解2.实例操作授课内容一、什么是HTML？超文本标记语言（HTML，HyperTextMarkupLanguage）是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件（.htm或.html文件）。HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。二、什么是标记？标记是网页文档中

8、的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。1.HTML文档的结构标记【例1】2.格式标记（1）

…