认识及应用超级链接.docx

上传人:b****8 文档编号:28781150 上传时间:2023-07-19 格式:DOCX 页数:22 大小:3.38MB
下载 相关 举报
认识及应用超级链接.docx_第1页
第1页 / 共22页
认识及应用超级链接.docx_第2页
第2页 / 共22页
认识及应用超级链接.docx_第3页
第3页 / 共22页
认识及应用超级链接.docx_第4页
第4页 / 共22页
认识及应用超级链接.docx_第5页
第5页 / 共22页
点击查看更多>>
下载资源
资源描述

认识及应用超级链接.docx

《认识及应用超级链接.docx》由会员分享,可在线阅读,更多相关《认识及应用超级链接.docx(22页珍藏版)》请在冰豆网上搜索。

认识及应用超级链接.docx

认识及应用超级链接

任务“制作网页导航栏”操作

教师

梁玉鹏

班级

15电商班

科目

Dreamweavercs6

开课时间

2016年11月2日——4日

地点

信息传媒部3楼机房

任务名称

“制作网页导航栏”的操作

课时数

4

教学重点

插入和编辑菜单栏Widget的方法、添加或删除菜单和子菜单的方法、更改Spry菜单栏Widget方向的方法、更改Spry菜单栏Widget尺寸的方法

课前准备

教材、多媒体教室

建立站点

教学难点

添加或删除菜单和子菜单的方法、更改Spry菜单栏Widget方向的方法、更改Spry菜单栏Widget尺寸的方法

学情

分析

授课对象是青海省海南州职业技术学院15级电子商务班学生,95%是少数民族藏族,对普通话的认知稍微薄弱,给教学带来了不便;本学期是对该班的学生进行网页制作的授课指导,学生已经在上一学年完成了网站设计中某些技术(PHOTOSHOP)的学习。

教学过程设计

该任务是通过掌握文本、水平线、特殊符号的插入来完成我的空间网页展示。

本次课,主要采用学生课前自我学习→老师进行讲解→学生思考操作→老师巡视→学生演示→老师点评这一教学过程设计。

教学过程中充分体现教师的主导作用、学生的主体作用,学生按照分组,以具体工作任务为主线,采用多种方法实现页面设计,完成本任务的实施。

学习目标

设定

采用分组实施任务,培养学生独立思考、共同协作等能力,通过相互讨论、帮助达到共同完成教学任务的目标。

以一小组5人为单位,实现网页效果;4组不同的设计者,多角度完成任务。

通过老师引导,学生自学,相互讨论,增强学生自主学习能力。

教学情景

创设

在一体化教学情境中进行,以项目为引领,以具体工作为驱动,根据平台的需求,利用所学知识,理清页面的设计思路;由老师不断提问,学生回答,来回顾基础知识;

教学资源

准备

多媒体教学软件;

“制作网页导航栏”的页面效果;

机房连接互联网。

过程实施

内容

教学活动

教学方法

[新课引入]

在网站中导航栏是必不可少的一个元素。

如果没有了导航,相当于人没有了头部一样,制作导航的方法也有很多种,今天我们在这里介绍Spry菜单栏Widget。

[新课]

一、提出任务

我们以“制作网页导航栏”为蓝本,使用本节所讲的内容对空间进行编辑。

二、分析任务

在站点建立完成的基础上,进一步掌握插入Spry菜单栏Widget的操作方法、熟悉菜单栏Widget的编辑方法。

本任务中,要掌握导航栏widgt的个属性设置方法。

三、相关知识

1、超级链接的概念

超级链接也可以简称为链接,它本质上也是网页元素之一,但与其他元素不尽相同。

超级链接强调的是一种相互关系,即从一个页面指向一个目标对象的连接关系,这个目标对象可以是一个页面或相同页面中的不同位置,还可以是图像、E-mail地址和文件等,并且当鼠标光标移至超级链接对象上时,鼠标光标则会变为手型。

2、HTML标签

(1)

标签

首先对整个页面进行整体布局

(2)标签

整个管理页面的主体部分。

(3)标题标签

段落内容

三、实施任务

步骤一:

建立站点

在DreamweaverCS6中建立站点。

(学生自行操作)

步骤二:

插入图片

步骤三:

同样的方法插入其他图片图片

步骤四:

插入文本

(2代码编辑区显示内容

西餐菜品(Hot)更多+

西餐美食店

西餐美食成立于2003年,距今已有10年历史。

在这10年时间里,一直广受大家的欢迎。

西餐美食主要为大家提供各种西餐,如牛排、披萨、意面和开胃菜等。

除此之外,我们还为来到餐厅用餐的顾客提供免费的饮品,如咖啡、奶茶。

为了感谢各位顾客在长达10年的时间里对我们的支持,我们将举行新老顾客大回馈活动,凡在6月到餐厅用餐的顾客均可享受7折优惠,欢迎广大顾客前来光临。

更多+

主页|关于我们|餐品欣赏|价格&订单|联系我们

(3)属性设置代码编辑编辑区

#left-list{

float:

left;

height:

268px;

width:

300px;

margin-left:

30px;

}

#APlist1{

position:

absolute;

width:

68px;

height:

68px;

z-index:

1;

left:

288px;

top:

440px;

}

#APlist2{

position:

absolute;

width:

68px;

height:

68px;

z-index:

1;

left:

406px;

top:

440px;

}

#APlist3{

position:

absolute;

width:

68px;

height:

68px;

z-index:

1;

left:

523px;

top:

440px;

}

#APlist4{

position:

absolute;

width:

68px;

height:

68px;

z-index:

2;

left:

288px;

top:

530px;

}

#APlist5{

position:

absolute;

width:

68px;

height:

68px;

z-index:

3;

left:

406px;

top:

530px;

}

#APlist6{

position:

absolute;

width:

68px;

height:

68px;

z-index:

4;

left:

523px;

top:

530px;

}

#APlist7{

position:

absolute;

width:

68px;

height:

68px;

z-index:

5;

left:

288px;

top:

620px;

}

#APlist8{

position:

absolute;

left:

406px;

top:

620px;

width:

68px;

height:

68px;

z-index:

6;

}

#apDiv1{

position:

absolute;

left:

520px;

top:

620px;

width:

71px;

height:

60px;

z-index:

7;

}

(5)最终制作后台页面显示为

四、巡回指导

对于在制作过程中出现的困难的学生给予辅导,讲解。

保证本节课程内容的顺利完成

五、评价任务

组内自我评价——评出做得又快又好的个人,并总结出错的地方

组组相互评价——评出效果最好的页面设计

老师点评——以客户的观点提出更高的要求

六、技能拓展

1.制作Spry导航并完成网页链接

显示结果为:

相应代码:

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

--Optionalplugins-->

--endofsite_title-->

--endoftemplatemo_menu-->

--endoftemplatemo_header-->

$("div#featuredslideshow").slideViewerPro({

thumbs:

4,

thumbsPercentReduction:

15,

galBorderWidth:

1,

galBorderColor:

"#CCCCCC",

thumbsTopMargin:

10,

thumbsRightMargin:

10,

thumbsBorderWidth:

2,

thumbsActiveBorderColor:

"#993399",

thumbsActiveBorderOpacity:

1,

thumbsBorderOpacity:

1,

buttonsTextColor:

"#333333",

autoslide:

true,

typo:

true

});

--leftButtonInner:

"",

rightButtonInner:

"",-->

动物

世界上目前仅存有5个亚种,即:

孟加拉虎、东南亚虎、苏门虎、华南虎、东北虎。

在现存的5个亚种里,虽然我国占有3个亚种(东北虎、华南虎、孟加拉虎),但总的数量在世界上排在末尾。

近年来,虎的数量在急剧减少,产在我国的东北虎、华南虎、孟加拉虎,已到了濒危的程度,据文献报道,生活在野外的东北虎,在世界上也只有200多头,目前生活在我国境内野生东北虎可能只有10头左右,加上全国动物园和饲养基地的也不过200多头。

生活在野外的华南虎、孟加拉虎,也不会超过10头。

更多

--endofcontent_box-->

--endofcontent_box_wrapper-->

植物

风信子,为风信子科属中的多年生

其花色彩丰富,有红、蓝、白、黄、紫等多种颜色,培植方式以分球繁殖为主,经过长时间的杂交与繁殖栽培,风信子渐渐产生了一些特殊的重瓣品种。

其花语为:

悲伤的爱情、永远的怀念等。

是常见的水培花木品种。

原产于南欧地中海东部沿岸及小亚细亚半岛一带,是目前发现的会开花的植物中最香的一个品种。

栽培品种极多,现在世界上荷兰最多,和郁金香一样为极其重要的外贸商品。

中国作为年宵花卉持续引进。

而淡蓝色则是所有风信子颜色的始祖,所以花语是生命。

更多

--endofcontent_box-->

--endofcontent_box_wrapper-->

--endoftemplatemo_content-->

  • 展开阅读全文
    相关资源
    猜你喜欢
    相关搜索

    当前位置:首页 > 总结汇报 > 实习总结

    copyright@ 2008-2022 冰豆网网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1