《第七章网页制作电子教案.docVIP

第七章网页制作电子教案（计划8学时） 第一次课（2学时） 课题：§7.1了解网页设计与Dreamweaver 8 课型：理论课、实践课、任务驱动多媒体教学 教学目的与要求 了解：1、了解Dreamweaver8的功能及特点。 2、了解网页、网站和网页的组成元素。 2、了解工作窗口的组成部分； 掌握：1、熟练掌握Dreamweaver8软件的启动和退出,。 2、熟练掌握Dreamweaver8菜单的使用方法， 重点与难点 重点：1、网页、网站和网页的组成元素，Dreamweaver8窗口及菜单的使用方法。 难点：1、Dreamweaver8窗口及菜单的使用方法。网页的设计理念。 教学进程 组织教学 复习提问引入新课 讲授新课： 7.1了解网页设计与Dreamweaver 8 7.1.1网页、网站和网页的组成元素 网页是网站的基本信息单位， 通常是由若干网页组成。 网站中主页是访问一个网站首先看到的网页也是所有页面的链接中心。 网页中包含的元素很多，主要包含以下元素： 1、文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式，利用文本可以准确表达出网页想要传达的信息。 2、图形 它可以是普通的绘制图形，可以是各种图像，还可以是动画。 图形不仅能提供更多的信息，还可以美化和装饰页面。在网页上最常用的图像格式有GIF、JPEG等格式。 3、超级链接 是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。建立超级链接的对象可以是文本、图像、按钮或热点标记。浏览时鼠标指向超级链接时就会变成伸出食指的右手形状，单击超级链接后即可打开目标对象。超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 4、表格 表格不仅用来显示相关数据，而且用来控制网页中信息的布局方式。控制图形、文字出现的位置，使之规范整齐、均衡协调。 5、表单 6、声音 声音是多媒体网页的一个重要组成部分。网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。由于MP3是采用MP3压缩技术的音频文件，具有压缩比大，占用空间小的特点，目前比较流行使用MP3音频文件制作网页背景音乐。 7、动画与视频 在网页中添加动画或视频元素作为传播的媒介，增加了页面的动态效果和观赏性。在网页上可以添加的动画文件主要是GIF动画文件(.gif)和FLASH影片文件(.swf） 两种类型。 7.1.2 网页的设计理念 1、站点内容要及时更新 浏览者之所以访问你的网站，大多是因为内容来的，如果网站内容太普通，不专业，而且又长时间不更新，那么访问者就不会再有兴趣访问你的网站。 2、网页内容便于阅读 要让浏览者容易找到要找的东西，网页内容应当便于阅读，也就是要有导航功能。一个站点并不是由许多Web主页简单地堆砌而成，必须要有一定的组织形式将它们有机地组织起来。 3、注重色彩的搭配 一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标准、标题、主菜单和主色块，给人以整体统一的感觉，至于其它色彩，也可以使用，只是作为点缀和衬托，决不能喧宾夺主。 4、考虑适应不同浏览器和分辨率 应该站在浏览者的角度，考虑方方面面的因素。如果用不同的浏览器和不同的分辨率浏览网站，结果杂乱无章、毫无次序，因此在设计好主页后，要事先将其放到各种操作系统、各种浏览器环境中去试用，以便检测是否能够适应不同浏览器及不同分辨率。 5、提供交互性 交互性原则，即界面设计强调交互过程。一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。 Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网页制作人员所掌握。 7.1.3 Dreamweaver 8简介 Dreamweaver 8是制作网页的工具，用它可以生成.htm或.html文件，而IE是浏览网页的工具，用IE只能看网页，而不能改网页，修改网页还是需要网页制作工具。 1、Dreamweaver 8 运行环境 Dreamweaver 8在Windows 平台和Macintosh平台都可使用。 2、Dreamweaver 8 启动与退出 使用Dreamweaver 8之前，应该先启动它，其方法主要有以下几种： 择【开始】/【所有程序】/【Macromedia】/ 【Macromedia Dreamweaver 8】命令，如图7-1所示。 ●双击桌面上的Dreamweaver 8快捷方式图标，如图7-2所示。 ●单击快