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

第七章网页制作电子教案（计划8学时） 第一次课（2学时） 课题：§7.1了解网页设计与Dreamweaver 8 课型：理论课、实践课、任务驱动多媒体教学 教学目的与要求 了解：1、了解Dreamweaver8的功能及特点。 2、了解网页、网站和网页的组成元素。 2、了解工作窗口的组成部分1、熟练掌握软件的启动和退出, 通常是由若干网页组成。 网站中主页是访问一个网站首先看到的网页也是所有页面的链接中心。 网页中包含的元素很多，主要包含以下元素： 1、文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式，利用文本可以准确表达出网页想要传达的信息。 2、图形 它可以是普通的绘制图形，可以是各种图像，还可以是动画。 图形不仅能提供更多的信息，还可以美化和装饰页面。在网页上最常用的图像格式有GIF、JPEG等格式。 3、超级链接 是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。建立超级链接的对象可以是文本、图像、按钮或热点标记。浏览时鼠标指向超级链接时就会变成伸出食指的右手形状，单击超级链接后即可打开目标对象。超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 4、表格 表格不仅用来显示相关数据，而且用来控制网页中信息的布局方式。控制图形、文字出现的位置，使之规范整齐、均衡协调。 5、表单 6、声音 声音是多媒体网页的一个重要组成部分。网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。由于MP3是采用MP3压缩技术的音频文件，具有压缩比大，占用空间小的特点，目前比较流行使用MP3音频文件制作网页背景音乐。 7、动画与视频 在网页中添加动画或视频元素作为传播的媒介，增加了页面的动态效果和观赏性。在网页上可以添加的动画文件主要是GIF动画文件(.gif)和FLASH影片文件(.swf）站点内容要及时更新要让浏览者容易找到要找的东西注重色彩的搭配考虑适应不同浏览器分辨率提供交互性交互性原则，即界面设计强调交互过程。一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。Dreamweaver 8是制作网页的工具，用它可以生成.htm或.html文件，而IE是浏览网页的工具，用IE只能看网页，而不能改网页，修改网页还是需要网页制作工具。Dreamweaver 8在Windows 平台和Macintosh平台都可使用。Dreamweaver 8之前，应该先启动它，其方法主要有以下几种： 择【开始】/【所有程序】/【Macromedia】/ 【Macromedia Dreamweaver 8】命令，如图7-1所示。 ●双击桌面上的Dreamweaver 8快捷方式图标，如图7-2所示。 ●单击快速启动栏中的Dreamweaver 8快捷方式图标，如图7-3所示。 退出Dreamweaver 8的操作很简单，单击窗口右上角的按钮或选择【文件】/【退出】命令即可。 7.1.4 Dreamweaver 8工作界面 起始页 在Dreamweave 8 中首先将显示一个起始页，在这个页面中包括打开最近项目、创建新项目从范例创建3个方便实用的项目。主窗口 Dreamweaver 8的标准工作界面包括：标题、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。 　　1、标题栏 　 启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称 　　2、菜单栏 Dreamweave 8的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中，编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问　　文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。 　　编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。 　　查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 　　插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 　　修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格等。 　?? 文本：用来对文本操作，例如设置文本格式等。 　　命令：所有的附加命令项 　　站点：用来创建和管理站点 　　窗口：用来显示和隐藏控制面板以及切换文档窗口 　　帮助：联机帮助功能。例如按下F1键，打开帮助文本 　　3、插入面板组 　　插入面板集成了可以在网页应