认识及应用超级链接汇编.docx

任务 “制作网页导航栏”操作 教 师梁玉鹏班 级15电商班科 目Dreamweaver cs6开课时间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）div /div 标签 首先对整个页面进行整体布局 （2）body/body标签 整个管理页面的主体部分。 （3）标题p /p标签 p段落内容/p 三、实施任务 步骤一：建立站点 在Dreamweaver CS6中建立站点。（学生自行操作） 步骤二：插入图片 步骤三：同样的方法插入其他图片图片 步骤四：插入文本 （2代码编辑区显示内容 div id=APlist8img src=images/8.jpg width=66 height=66 //div div id=apDiv1img src=images/9.jpg width=66 height=66 //div div id=templatemo_container div id=templatemo_header_section /div div id=templatemo_menu_bg /div div id=templatemo_header_pizza /div div id=templatemo_content div id=templatemo_content_left div class=text 西餐 菜品 （Hot）a href=# 更多+/a /div div id=left-list div id=APlist1img src=images/1.jpg width=66 height=66 //div div