dreamweaver cs3教案设计

dreamweaver cs3教案设计

ID:9877115

大小:958.50 KB

页数:49页

时间:2018-05-13

dreamweaver cs3教案设计_第1页
dreamweaver cs3教案设计_第2页
dreamweaver cs3教案设计_第3页
dreamweaver cs3教案设计_第4页
dreamweaver cs3教案设计_第5页
资源描述:

《dreamweaver cs3教案设计》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、《网页制作基础》教案专业:计算机姓名:刘文灵49第1章基础知识(5课时)教学目标1.掌握HTML的基本知识及作用;2.掌握安装和配置IIS的方法;3.熟悉DreamweaverCS3的工作界面;4.掌握创建和设置DreamweaverCS3站点的方法。教学重点1.HTML语言2.熟悉DreamweaverCS3的工作界面3.创建本地站点教学难点HTML的基本知识教学方法任务驱动法,以学生做为主,教师使用多媒体投影演示制作过程并讲解关键环节。学生上机操作完成实例与实训。任务1认识网页教学目标:1.理解掌握网页的概念2.HTML的

2、概念3.掌握HTML的基本知识及作用教学重点:1.网页的实质2.HTML的基础知识教学难点:HTML标记教学方法:任务驱动法,讲练结合法教具准备:多媒体教学教学内容:第1课时一、网页1、网页的概念:网页是网站的基本组成元素。网页文件的扩展名通常为.htm或.html。一般是由HTML语言编写的文本文件。2、网页的实质网页文档本身是一个文本文件,这些文本能够将文字及其他媒体文件有机的组织在一起,在浏览器中合适地显示。二、HTML1、Html的中文含义Html是HypertextMarkupLanguage的缩写,其中文含义是“超

3、文本标记语言”。2、Html的概念它是使用特殊标记来描述文档结构和表现形式的一种语言,可以用来实现WEB页面。493、网页文档的组成一个HTML文档通常分为文档头和文档主体两部分。三、标记1、标记的格式在HTML中定义了许多标记,这些标记用来描述文档。这些标记使用“<”和“>”括起来。标记通常分为开始标记和结束标记。其格式为:<标记名属性名=属性值>标记内容注意:若一个标记有多个属性,属性和属性之间要用空格隔开。示例:简单的网页文档我的第一个网页</title</p><p>4、></head><!—文档主体—><bodybgcolor=bluetext=red><h1>这是我的第一个网页<p>欢迎大家</body></html>第2课时2、常用标记v<html>…</html>标记一个HTML文档的开始和结束。Html文档的所有内容就书写在这两个标记之间。v<head>…</head>用于标记文当首部的开始和结束,首部通常包括网页标题、创作信息等内容,在浏览网页时不会在浏览器窗口内显示。v<title>和用于设置网页的标题。该标记中不能包含其它标记,且只能在标记中出现一次。当浏览网页

5、时,网页的标题会出现在浏览器窗口的标题处。v和标记是主体标记,该标记包含在Html标记内。文档主体包括了网页显示的内容,如文字、链接、图像、表格和其它对象。v

标记一个段落的开始和结束。v

说明其后的文字是一级标题。v注释标记。说明:(1)每个标记在标识名以外还可以包含一个或多个“属性”,用于控制标记内容的大小、颜色、位置、边框等。例如:“bgcolor=blue”就是body标记的一个属性,进一

6、步说明网页的背景色为蓝色。(2)如果一个标记有多个属性,中间要用空格隔开。3、标记的常用属性49属性名作用Background用图像设置网页背景Bgcolor设置网页的背景颜色Text设置网页中所有文本的颜色Link设置超文本链接尚未访问时文本的颜色,默认为蓝色Vlink设置超文本链接已经访问后四、网页的基本元素网页中包括的元素主要有文本、图像、视频、声音、动画、表格、表单等。(1)网站LOGOLogo的中文含义是标志、标识,在网页设计中,Logo常作为公司或站点的标识出现,起着非常重要的作用,集中体现了这个网站的

7、文化内涵和内容定位。(2)网站BannerBanner的中文含义是横幅、标语,通常被称为网络广告。(3)导航栏导航栏实质上是一组超链接,通过这组超链接可以浏览到整个网站的其他页面。(4)文本文本作为人类最重要的信息载体的交流工具,是最重要的网页元素之一。与图像、动画等其他网页元素相比,文本不易在第一时间吸引浏览者的注意,但文本能够更加准确详细地表达网页信息内容和含义,是对其他网页元素的补充。(5)图像图像在网页中起着非常重要的作用,适当的图像能够为网页增添生动性和活泼性,不仅丰富网页内容、提供更多更直接的信息,还能给浏览者视觉

8、上的美感。(6)动画动画能够形象生动地表现事物的变化发展过程,增加网页的动态效果,使网站更加生动有趣,因此,动画已经成为现代网站中不可缺少的元素之一。(7)表单表单实质上是一个服务器程序,用户可以在网页上的表单域中输入文本或数据,提交表单,该表单程序在服务器上执行,并将执行结

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。