《Dreamweaver-CS3教案》由会员分享，可在线阅读，更多相关《Dreamweaver-CS3教案（72页珍藏版）》请在金锄头文库上搜索。
1、第1章 基本知识(学时)教学目的1掌握HTM的基本知识及作用；2掌握安装和配备IS的措施；.熟悉amweaer CS3的工作界面；4.掌握创立和设立Dreamweve C3站点的措施。教学重点1.T语言.熟悉Dreamweaer S3的工作界面3创立本地站点教学难点HTM的基本知识教学措施任务驱动法,以学生做为主,教师使用多媒体投影演示制作过程并解说核心环节。学生上机操作完毕实例与实训。任务 结识网页教学目的:1理解掌握网页的概念2.HTML的概念3掌握HTL的基本知识及作用教学重点:.网页的实质.L的基本知识教学难点：HT标记教学措施：任务驱动法,讲练结合法教具准备:多媒体教学教学内容：第学
2、时一、网页1、网页的概念：网页是网站的基本构成元素。网页文献的扩展名一般为.htm或.html。一般是由HTML语言编写的文本文献。2、网页的实质网页文档自身是一种文本文献,这些文本可以将文字及其她媒体文献有机的组织在一起,在浏览器中合适地显示。二、TM、l的中文含义Htm是Hypertext Markup nuage的缩写，其中文含义是“超文本标记语言”。2、Html的概念它是使用特殊标记来描述文档构造和体现形式的一种语言，可以用来实现WEB页面。3、网页文档的构成一种HTML文档一般分为文档头和文档主体两部分。三、标记、标记的格式在HTM中定义了许多标记,这些标记用来描述文档。这些标记使用
3、“”括起来。标记一般分为开始标记和结束标记。其格式为：标记名属性名=属性值标记内容注意:若一种标记有多种属性,属性和属性之间要用空格隔开。示例：简朴的网页文档 !文档头部！文档主体这是我的第一种网页欢迎人们/boy第2学时2、常用标记v 标记一种TM文档的开始和结束。Hml文档的所有内容就书写在这两个标记之间。v head用于标记文当首部的开始和结束,首部一般涉及网页标题、创作信息等内容，在浏览网页时不会在浏览器窗口内显示。v title和 用于设立网页的标题。该标记中不能涉及其他标记，且只能在标记中浮现一次。当浏览网页时,网页的标题会出目前浏览器窗口的标题处。v 和 标记是主体标记,该标记涉
4、及在H标记内。文档主体涉及了网页显示的内容,如文字、链接、图像、表格和其他对象。v 和/P标记一种段落的开始和结束。v h1和/h1阐明其后的文字是一级标题。v !-注释内容- 注释标记。阐明:（1)每个标记在标记名以外还可以涉及一种或多种“属性”,用于控制标记内容的大小、颜色、位置、边框等。例如:body bclrblu text=red “gcolr=blue”就是dy标记的一种属性,进一步阐明网页的背景色为蓝色。(2）如果一种标记有多种属性，中间要用空格隔开。3、boy标记的常用属性属性名作用Bckgroud用图像设立网页背景Bgcolor设立网页的背景颜色Tex设立网页中所有文本的颜色
5、Ln设立超文本链接尚未访问时文本的颜色,默觉得蓝色Vlink设立超文本链接已经访问后四、网页的基本元素网页中涉及的元素重要有文本、图像、视频、声音、动画、表格、表单等。（1）网站LOOLgo的中文含义是标志、标记，在网页设计中，Logo常作为公司或站点的标记浮现,起着非常重要的作用,集中体现了这个网站的文化内涵和内容定位。(2)网站nerBannr的中文含义是横幅、标语,一般被称为网络广告。（）导航栏导航栏实质上是一组超链接，通过这组超链接可以浏览到整个网站的其她页面。 （4)文本 文本作为人类最重要的信息载体的交流工具,是最重要的网页元素之一。与图像、动画等其她网页元素相比，文本不易在第一时
6、间吸引浏览者的注意，但文本可以更加精确具体地体现网页信息内容和含义，是对其她网页元素的补充。 (5)图像 图像在网页中起着非常重要的作用,合适的图像可觉得网页增添生动性和活泼性,不仅丰富网页内容、提供更多更直接的信息,还能给浏览者视觉上的美感。 (6）动画 动画可以形象生动地体现事物的变化发展过程,增长网页的动态效果，使网站更加生动有趣，因此，动画已经成为现代网站中不可缺少的元素之一。（7)表单 表单实质上是一种服务器程序,顾客可以在网页上的表单域中输入文本或数据,提交表单，该表单程序在服务器上执行，并将执行成果反馈到相应的页面上，从而实现了顾客与网站之间的交互。 教学小结:重要简介了网页的概
7、念、标记的应用及书写格式尚有网页的基本构成元素。课堂作业:、总结网页的概念及网页的实质?2、列举DreamweavrC3中常用标记及其含义？板书设计:任务2 让别人通过网络访问你的网页教学目的1理解和掌握网站的概念2掌握安装IIS的环节3掌握在I中配备站点的措施教学重点.网站的含义2IIS的含义及功能教学难点IIS的配备教学措施演示法,任务驱动法教具准备多媒体教学教学内容一、网站网站是许多有关网页有机结合而形成的一种信息服务中心。网站的设计者将要提供的内容和服务制作成许多种网页,并且通过组织规划,让网页互相链接,然后把有关文献寄存在WB服务器的一种文献夹中。这样一种文献夹就是一种网站。二、主页
8、当顾客没有指定网页文献名时,网站的默认显示的网页。主页文献名一般为exm、dex.htm、default.h三、 II、IS的含义IS（Inernet Infratn Sever,互联网信息服务)是一种Web(网页）服务组件，其中涉及e服务器、FT服务器、NT服务器和STP服务器,分别用于网页浏览、文献传播、新闻服务和邮件发送等方面,它使得在网络(涉及互联网和局域网)上发布信息成了一件很容易的事。、II的运营环境II一般运营在WIDOWS的SERVE版本上，可支持大量顾客的访问。在INDWS XP posonal中,II组件重要用于开发测试，不合适大量顾客的访问。此外,在WINDOW XP的家
9、庭版中未提供IS组件。教学小结：简介了网页中常用术语的含义及IIS的含义和站点的配备。任务3、初识ramweave S3教学目的掌握启动Dramwever S3的措施.结识Dremwaer CS3的工作界面3掌握DreamwavrCS3界面中常用部分的用途教学重点熟悉Dreeaer CS界面各部分的名称及作用教学难点熟悉DreamweavrCS3界面各部分的名称及作用教学措施多媒体演示法、任务驱动法、挂图法教具准备教学内容一、启动Dremweaver CS3的措施1、从“开始”菜单、双击桌面上的快捷方式二、reamwar CS3的工作界面；文档窗口:v “文档”窗口显示目前文档。v 可以选择设
10、计视图、代码视图、拆分代码视图、代码和设计视图之一进行网页的编辑和开发。v 当“文档”窗口处在最大化状态(默认值)时，“文档”窗口顶部会显示选项卡,上面显示了所有打开的文档的文献名。v 如果尚未保存已做的更改,则reamwver CS3会在文献名后显示一种星号。若要切换到某个文档,单击其选项卡即可。三、网页开发平台初期的网页制作，网页设计师要通过手工编写TML代码来实现，开发效率非常低。网页开发平台的浮现，使得这些复杂代码的编写变得十分容易。在这些网页开发平台中，只需要点点鼠标，软件就能协助顾客书写出相应代码，虽然不懂得HTML，也能制作出美丽的网页来。Demeave就是一种网页开发平台，其最
11、新版本就是AdDreame cs3。该软件同步合用于初学者和专业网页设计师,是一款优秀的“所见即所得”的可视化网页编辑软件。此外,FronPage也是一款常用的网页开发平台,它是由微软公司开发的,适合于初学者。四、网页制作辅助工具1、图像解决工具-PhooshoPhotosh软件始终是图像解决软件的龙头老大,它不仅能发明出不朽的计算机图形艺术,并且为网页图像制作提供了强大的支持,目前已经成为使用最为广泛的网页图像解决软件。2、动画制作工具-FLFAH是目前网络上最为流行的矢量动画设计制作软件，在网页动画制作中有广泛应用。教学小结:简介了Drame CS3的启动措施，结识并掌握了界面的构成及常用
12、部分的含义。课外作业:尝试使用菜单对面板组进行设立。任务4、创立DremweerCS3站点教学目的:1理解并掌握站点的含义.掌握在Deawaver CS3中设立本地站点的环节教学重点：设立本地站点教学难点:本地站点的设立教学内容：一、站点1站点的含义在 reaweaer C3中，术语“站点”指属于某个 Web站点的文档的本地或远程存储位置。raeaverCS3站点提供了一种措施，使您可以组织和管理您所有的 Web 文档,将您的站点上传到 服务器,跟踪和维护您的链接以及管理和共享文献。应定义一种站点以充足运用Drmwever CS的功能。2.站点的类型DeamvrS3站点由三个部分（或文献夹)构
13、成，具体取决于开发环境和所开发的Web站点类型:（1)本地根文献夹 存储您正在解决的文献。Dreamwar S将此文献夹称为“本地站点”。此文献夹可以位于本地计算机上,也可以位于网络服务器上。如果您直接在服务器上工作,每次您保存文献时DreawaverCS3 都会将文献上传到服务器。 (）远程文献夹 存储用于测试、生产和协作等用途的文献。Dremwea CS3在“文献”面板中将此文献夹称为“远程站点”。远程文献夹一般位于运营 b服务器的计算机上。 本地根文献夹和远程文献夹的关系本地文献夹和远程文献夹使您可以在本地硬盘和 Wb 服务器之间传播文献；这使您可以轻松管理 reamwavr CS3站点中的文献。二、创立本地站点的环节、创立本地站点的注意事项:(1)第一步必须先在本地计算机的磁盘上建立一种文献夹。(作为本地站点的根文献夹)提示:为了以便后来管理站点上的文献,先在本地文献夹中创立几种目录:htm、img、 thers，分别寄存网页设计中用到的资源及网页文献。（)建立本地站点，选择主菜单中的“站点”“新建站点”命令，在弹出的新建站点对话框进行设立。2、新建站点的操作环节：第一步：选择菜单中的“站点”“新建站点”命令,如图所示:在弹出的对话框中选择“基本”选项卡，浮现定义站点向导,如下图所示：
