课程教案

授课内容 授课班级 教学方法与手段 项目四 制作文化公司网站 授课学时 12课时 讲授法、演示法、讨论法。多媒体教学 广州皇翼文化发展有限公司是一家拥有丰富资源的新生代文化传播公司，本公司主要从事舞台艺术、演艺演出、展览展示、活动推广等业务。本项目的工作内容就是为该公司建设网站，公司要求如下： 1. 简洁美观的全版欢迎页面。 2.内容页可以使用色彩对比强烈的风格，少量文字版面内容，以图片显示的版块为主。 项目内容 3. 图片展示是重点，在访客查看图片的时候，图片要有特色的显示链接效果。 4. 网站栏目之间有明确的链接。 要完成上述任务要求，网站制作必须应用超链接和行为技术。超链接是网站中最重要的组成部分，它指向要访问的目标文档或其他元素，从而使一个网页可以跳转到另一个网页或打开“下载文件”对话框等。利用行为可以实现浮动广告、滚动字幕，以及收缩、放大图像等效果。 学生通过本项目的学习，能： 1、 熟练掌握设置各种超链接的方法 教学目标 2、 掌握跳转菜单的设置方法 3、 熟练掌握各种行为的设置方法 教学重点： 1、熟练掌握设置各种超链接的方法 2、掌握跳转菜单的设置方法 3、熟悉“行为”面板 教学难点： 熟练掌握各种行为的设置方法 项目效果 教学重点与难点 教学过程设计 【任务一】为首页和子页设置链接——应用超链接 超链接包括很多种，最常用的是常规超链接，另外还有图片链接、下载链接、电子邮件链接等。 （一）设置常规超链接 常规超链接包括内部超链接和外部超链接。内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。 1. 内部超链接 内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。 还有一种方法是单击并拖动“属性”面板上“链接”编辑框后的“指向文件”按钮到“文件”面板中的文件上，前提是此时的“文件”面板中显示的是该网页所在的网站。 “属性”面板上“链接”编辑框下方的“目标”下拉列表框表示打开链接文档的方式，默认为在当前窗口中打开链接网页，其中各选项意义如下： ? _blank：表示在保留当前网页窗口的状态下，在新窗口中显示被打开的链接网页。 ? _parent：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在父框架中显示被打开的链接网页。 ? _self：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在当前框架中显示被打开的链接网页。 ? _top：表示在当前窗口显示被打开的链接网页，如果是框架网页，则删除所有框架，显示当前网页。 2. 外部超链接 外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中输入要链接到的网址。如图所示，为网页中的文本“中国雅虎”设置到雅虎网站的外部超链接。 （二）设置图片链接和下载链接 所谓图片链接，就是在单击网页中的某小图片时，在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，打开或下载文件。实际上，设置这类链接的方法非常简单，选中要设置为链接的文本或图像后，只要在“属性”面板的“链接”编辑框中将链接目标设置为图像文件或压缩文件就可以了，如图所示。此外，如果希望在新窗口中打开大图像，还应将“目标”设置为 “_blank”。 （三）设置电子邮件链接 很多网站上留有电子邮件地址，单击该地址可打开“Outlook Express”的“新邮件”窗口，这是一种特殊类型的链接，又叫电子邮件链接。如果在网站上设置一个这样的链接，可以方便浏览者联系，下面介绍如何设置此类链接。 步骤 1 拖动鼠标选中要设置电子邮件链接的文本，此处为“联系地瓜”，如图上部分所示。 步骤 2 在“属性”面板上“链接”编辑框中输入“mailto：电子邮箱地址”，此处为“mailto:master@gzhy.cn”，如图下部分所示。 步骤 3 保存文档后按F12键预览，将光标置于链接文本上方时，光标变为手形，此时单击鼠标可打开“新邮件”对话框，且“收件人”编辑框中显示刚才设置的电子邮件地址。 （四）设置命名锚记链接 很多时候都需要为一张图片的不同部位设置不同的链接，如何为一张图片设置多个链接呢？这就用到了热点链接。热点链接又叫图像映射，就是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接，下面介绍具体操作。 步骤 1 打开本项目素材“house”文件夹下的“xishan.html”文档。单击选