PAGE\*MERGEFORMAT21《网页制作》课程教案【课程概述】本课程主要是依据人华东师范大学出版社出版的的《网页制作》，共包含有3个部分，即基础篇、提高篇、精通篇。Wｅb网站的架构与HTML基础构成网页制作的基础知识;图形动画篇包含第八章,介绍Fｉrewｏrｋs和Ｆlａsh两款软件的基本应用；第1－６章均属于网页设计与制作基础篇，涵盖应用Dreaｍweaver制作网页的重要方法与技巧;第7-１１章为提高篇,介绍动态网页的制作与实现；后面精通篇章节，由于课时安排，不适合继续讲解。【课程安排】本课程主要是培养学生的网页制作技能,从网页三剑客着手。同时网页有静态和动态之分，在本书中均有涉及。根据网页制作的实际情况，以及学生的知识基础与接受能力,本门课程将着重于第１部分网页设计与制作，即静态网页的制作。另外，介绍目前一款主流的虚拟机网站，以辅助进行网页设计。本课程的理论授课共34课时,具体安排如下:第1部分基础篇(60课时)第1章HTＭＬ基础（６课时)第2章站点建立与管理cs3(６课时)第3章文档与对象(18课时）第４章表格（１2课时)第５章图像（12课时）第6章超级链接(6课时)第2部分提高篇（36课时）第7章框架网页(６课时)第8章多媒体元素(6课时)第10章模板(6课时)第11章ｃss入门（１２课时)共９6课时本门课是实践性很强的课程,除理论讲授外，还包括上机练习。具体安排为:练习1ＨＴML练习（２课时)练习2表格布局与多媒体综合应用(４课时）练习３框架的应用(４课时）练习４模板的应用（2课时）练习5CSS样式设定（4课时)练习6层与行为的应用（2课时）练习7多媒体应用(４课时)练习8Flasｈ应用（4课时)共2６课时【课程要求】在课程结束时,需完成一份比较完整的网页作品。可以个人独立完成，也可小组合作。小组合作时,小组成员不得大于３人，小组作品完成后,需要详细注明各个成员的工作内容。主题不限,禁止在网上整站下载。【最后成绩】卷面成绩80%+平时成绩2０％(课堂考勤、平时作业、小组作品成绩）ﻬ第一部分(基础篇）第1章HTML基础本章将主要讲解Wｅb的特点和结构、HＴML基础这两部分,授课6课时。授课题目Ch1-网页制作概述、Web基本介绍授课时间2课时教学目的1.对网站及网页有一定的认识,激发学生学习网页设计的兴趣２.了解网页中包含的基本元素３.了解Web的一些基本术语教学重难点认识网页与网站，了解其中的基本术语教学过程1．网页实例展示2.分析网页设计的基本流程和网页元素3.Wｅｂ的特点和结构介绍授课内容1.网页中常包含的元素:文本、图像、动画、声音、视频2．什么是WWW？ＷoｒｌdWｉdeWeb,简称为Weｂ（万维网）。WWW是一个全球性的信息系统,使计算机能够在Interｎeｔ上相互传送基于超媒体的数据信息。ＷＷW也可以用来建立Ｉnｔranet(企业内部网）的信息系统。3．ＷＷW的特点分布式的信息资源;统一的用户界面；支持各种信息资源和各种媒体的演播;广泛的用途。4.WWＷ的结构Weｂ是成千上万个网站连结而成的页面式网络信息系统。是采用“客户机/服务器”(C/S）结构。５.静态网页和动态网页静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用ＨTMＬ语言编写其代码,保存为.hｔm或.htｍl文件。动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTＭL语言和ＶBSｃripｔ或JaｖａScｒｉpt等脚本语言编写,保存为.ａsp文件,也称为Web应用程序。授课题目HTＭL基础授课时间4课时教学目的1.了解HＴMＬ文档的基本结构2.掌握各种标记的结构、作用及书写方法教学重难点重点:各种标记的应用难点：表格标记教学过程1.概念讲解2．实例操作授课内容一、什么是HTML？超文本标记语言（HＴML，HyperＴeｘtMarｋｕｐＬaｎgｕage）是用于设计网页源文件（网页文档)的语言。每一个页面的代码保存为一个网页源文件(.ｈtｍ或.htmｌ文件）。HＴML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示,还可以通过超链接以访问其它的信息资源。二、什么是标记?标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中,大多数标记都成对出现（有开始标记和结束标记)。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。1.HTＭL文档的结构标记【例1】2.格式标记(1)<ｐ>…</p>（段落标记）用来创建一个段落，在此标记之间的文本将按照段落的格式显示