欢迎来到天天文库
浏览记录
ID:23900478
大小:172.50 KB
页数:20页
时间:2018-11-11
《网页设计教案》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
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)
…
此文档下载收益归作者所有