商务网站设计与制作课程资源2017 HTML基本标记 项目六 制作包含AP Div和超级链接的网页.pptVIP

* * * * * * * * * * * 计算机应用技术专业主干课程 项目六 制作包含AP Div和超级链接的网页 引入新课 一个网站由多个网页组成，各个网页之间可以通过超级链接相互联系。 AP DIV可以看作是网页中的一个容器，在其中可以插入多种页面元素，例如文本、图像、表格等。 教学目标 知识目标 （1）掌握AP Div的相关概念 （2）掌握超级链接的相关概念 （3）理解绝对路径和相对路径，知道链接的类型 技能目标 （1）能熟练创建网页的内部链接和外部链接 （2）能熟练在图像中设置热点区域，并创建图像热点链接 （3）能熟练创建命名锚记和到该命名锚记的链接 （4）能熟练创建电子邮件链接 （5）能熟练更改链接颜色、设置链接的打开方式、设置空链接 教学目标 （6）能熟练测试链接的有效性 （7）能熟练插入或绘制AP Div，并合理地设置AP Div的属性 （8）能正确在AP Div中插入flash动画 态度目标 （1）培养独立思考问题、解决问题的能力 （2）培养一定的语言表达能力 （3）培养学生乐观向上的生活态度，用阳光的心态对待本职工作，热爱网页制作行业 （4）培养学生的创新能力及艺术修养，提高创新能力和艺术欣赏水平 （5）培养学生的观察分析能力，养成认真细致的工作态度 （6）培养学生在项目制作中遵守6S管理要求的习惯 课前准备 1.将“sucai”文件夹复制到本地硬盘 2.启动Dreamweaver CS3 3.创建名称为“公园游”的本地站点,站点根目录为”sucai”文件夹 4.打开表格布局的网页index0501.html，该网页包含多个表格 课堂引导训练 任务：制作包含AP Div和超级链接的网页 网页主题：公园游 任务描述： （1）在网页中绘制或插入三个AP Div，在AP Div中插入Flash动画或图像 （2）在网页中创建多个超级链接：文本形式的外部链接和内部链接，图片形式的内部链接，电子邮件链接，文件下载链接，锚点链接，空地址链接，图像热点链接，对链接有效性和正确性进行检查 课堂引导训练 配盘素材导引： 原始文件位置：sucai\task05-1 最终文件位置：xiaoguo\task05-1 课堂引导训练 课堂引导训练任务实现流程 1．绘制或插入AP Div 【操作要求】 （1）绘制一个名称为“apDiv1”的AP Div，且在该AP Div中插入一个Flash动画“02.swf”。 位置：表格4-3第四行中图像“tzs.jpg”的位置 属性：左：305px，上：868px，宽：138px，高：96px flash动画的属性：宽：138px,高：96px，参数Wmode=transparent” 课堂引导训练任务实现流程 1．绘制或插入AP Div 【操作要求】 （2）绘制一个名称为“apDiv2”的AP Div，且在该AP Div中插入一个Flash动画“03.swf”。 位置：表格4-3第四行中图像“bfh.jpg”的位置 属性：左：680px，上：1135px，宽：162px，高：96px flash动画的属性：宽：162px,高：64px，参数Wmode=transparent” 课堂引导训练任务实现流程 1．绘制或插入AP Div 【操作要求】 （3）插入一个名称为“apDiv3”的AP Div，且在该AP Div中插入一幅图像“06.gif”。 位置：表格6的右侧 属性：左：885px，上：1340px，宽：40px，高：20px （4）观察“AP元素”面板中的AP Div 课堂引导训练任务实现流程 2．创建多个超级链接 【操作要求】 （1）设置超级链接的属性。 链接颜色：#6633CC 变换图像颜色：#FF6600 已访问链接：#00FFFF 活动链接：#FF9999 下划线样式：仅在变换图像时显示下划线 （2）创建文本形式的外部链接 “张家界旅游网”的链接地址：,目标：_blank 按同样的方法为“中国旅游网”、“九寨沟旅游网”、“黄山旅游网”、“桂林旅游网”等文本设置外部超级链接 课堂引导训练任务实现流程 2．创建多个超级链接 【操作要求】 创建文本形式的内部链接 “天子山自然保护区” 链接文件：“task05-1\webpage”中的网页文件“tzs.html” ，目标：_blank ，标题：欣赏天子山美景 课堂引导训练任务实现流程 2．创建多个超级链接 【操作要求】 （3）创建图片形式的内部链接。 打开文件夹“task05-1\webpage”中的网页文档“show_pic.html”，设置050212.jpg 图片的链接文件为“task