网页设计与制作超链接教案设计

（完整版）《网页设计与制作》课程教案《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。

本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。

二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。

（一）知识目标：1.熟悉网页制作的基本元素；2.掌握Dreamweaver CS6软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash等的方法；4.掌握常见的网页布局方法，学会使用CSS美化网页；5.掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。

7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。

（二）职业能力培养目标1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。

（三）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神；2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。

（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。

步骤7 单击“预览”按钮 ，当鼠标指向 文本“黄山”图片时，单击即可跳转到“黄山” 页面上。 步骤8 按照相同的操作，可以完成图片 “苏州园林”、“桂林”的超级链接。
7.2 网页制作
7.2.3 创建图像映像超链接 步骤1 在“目的地”页面上单击“地图”图片，在 【属性】面板单击“矩形热点工具”按钮 ，在地图上的 “北京”处绘制“矩形”，如图所示。 步骤2 在【属性】面板上单击“链接（L）”右侧的 “浏览文件”按钮 ，或直接输入超级链接的目标文件名， 如图所示。
选择原始图像
7.2 网页制作
步骤5 在【插入 鼠标经过图像】对话框 中单击“按下时，前往 的URL” 右侧的“浏览” 按钮，选择超级链接的 目标文件。
选择目的地原始图像
7.2 网页制作
步骤6 重复以上操作，执行【插入】|【图像对象】 |【鼠标经过图像】菜单命令，在图像名称的文本框中输 入“目的地”，分别单击“原始图像”及“鼠标经过图像” 右侧的“浏览”按钮，选择所需要的图像，如图所示为选 择原始图像；在【插入鼠标经过图像】分别单击对话框中 的参数设置如图所示。
7.3.1 超链接 4．设置文本超链接的属性
执行【修改】|【页页属性】菜单命令，或在【文件 名】属性面板上单击“页面属性”按钮，在弹出的【页页 属性】对话框中设置文本超链接的属性，如图所示。
设置“文本”链接属性
7.3.2 内部超链接
1．创建文本或图像超链接 创建文本或图像超链接后，单击该文本或图像便可以打 开链接所指向的目标网页。创建文本与图像超链接的方法相 同，下面仅以文本超链接为例，讲述文本或图像超链接的几 种方法。 方法一：步骤1 在文档中选中超链接源端点的文本 “欢迎您的光临”，如图所示。
在页面左上角定位光标

《建立网页间的超链接》教学设计方案（第一课时）一、教学目标1. 理解超链接的基本观点和作用。

2. 掌握在网页中创建超链接的方法。

3. 学会在不同网页之间建立链接，实现网页间的跳转。

二、教学重难点1. 教学重点：学会创建文本超链接和图片超链接。

2. 教学难点：正确选择链接目标，避免无效链接的出现。

三、教学准备1. 教材、课件和相关素材。

2. 网络环境、电脑设备和教学软件。

3. 教室、黑板和粉笔等基本教学工具。

四、教学过程：本节课主要内容是在网站建立好之后，将网站的各个部分之间建立超链接。

这个知识点主要分成了四个步骤：理解超链接、学会应用“超链接”工具、创建文字超链接、创建图片超链接。

1. 导入新课：起首回顾上一节课的内容，简单介绍什么是超链接，并展示一些网页中的超链接，引起学生的兴趣。

2. 新课讲解：(1) 理解超链接：教师详细诠释超链接的观点，让学生了解超链接是如何工作的，以及为什么它们对于一个网站来说是如此重要。

(2) 学会应用“超链接”工具：教师详细介绍并示范如何应用Word中的“超链接”工具。

包括如何添加、如何编辑、如何删除等。

(3) 创建文字超链接：教师引导学生尝试自己创建文字超链接，通过实际操作来掌握这一技能。

(4) 创建图片超链接：教师展示如何将图片添加到超链接中，并诠释为什么这个方法无意候比直接链接文字更好。

3. 实践操作：学生根据教师提供的素材，尝试将各个部分之间建立超链接。

教师巡视指导。

4. 作品展示：请学生展示自己的作品，并分享他们的经验和学习感受。

教师给予反馈和鼓励。

5. 教室小结：教师总结本节课的内容，并再次强调超链接的重要性。

6. 安置作业：让学生在课后自己尝试创建一个完备的网站，并在这个过程中继续完善和添加超链接。

教学设计方案（第二课时）一、教学目标1. 学生能够掌握在网页中建立超链接的方法。

2. 学会在不同网页之间建立链接，理解链接的观点和作用。

3. 培养学生对网页进行编辑和管理的技能。

精选教课教课方案设计| Excellent teaching plan教师学科教课方案[ 20–20学年度第__学期]任教课科： _____________任教年级： _____________任教老师： _____________xx市实验学校作者：佛山市第十四中学黄韶君一、教材剖析本次教课方案是选自佛山市《信息技术》编委会编写的《信息技术》初中版第二册第三单元第六课《网页超链接》。

教材目的是让学生熟习超链接的功能，能娴熟操作文本超链接的方法，初步掌握图片超链接的方法，能利用“超链接”的功能实现简单的交互，内容量比许多，可是希望经过学生自主研究学习，让基础好的学生能全面掌握网页中信息链接实现的方法，让基础一般的学生能对Frontpage 软件中创立超链接的几种方法全面认识，能掌握此中的部分内容，学会学习方法，让一课时中不可以完整掌握的内容经过自己的后续学习也能所有掌握，为此后制作更精巧的网站打好基础。

并且网页超链接的教课内容对已掌握了必定网页制作技术的初二学生来说其实不难，并且也是学生十分感兴趣的东西，所以在讲堂上只要坚持精讲多练的原则，重难点知识则经过学生自学教材内容、自学教课课件网页演示、小组学习沟通议论以及教师适合点拨等方式帮助学生理解掌握。

二、教课目的1、知识与技术：理解网页超级链接的作用；掌握超级链接的使用方法；认识不一样对象的超级链接是怎么制作的。

（文字超链接、图像超链接、热门超链接、邮件超链接）2、过程与方法：经过教课课件网页的帮助，学生以自主研究的方式达成对知识点的学习与掌握，增强主动学习、研究的意识。

培育学生自我研究、自主学习的能力和自我创新、集体协作的能力。

3、感情目标让学生自我展现、自我激励，体验成功，勇于试试，激发求知欲。

经过对别人作品的赏识和评论，培育学生的审盛情识。

三、教课重难点重点：掌握超链接的方法，能利用超链接功能实现简单的交互难点：正确运用超链接，超链接的属性设置育人如同春风化雨，授业不惜蜡炬成灰四、教课策略讲堂教课以学生为主体，充足发挥学生的主体性。