网站设计电子教案2

第一篇：网站设计电子教案2

2.1 课堂任务1 DreamWeaver8入门

课程名称：自定义工作界面 课时数：2 教学目标：

知识与技能：了解DreamWeaver 8相关知识。

过程与方法：掌握DreamWeaver8软件界面组成；

掌握自定义DreamWeaver8软件的工作区；

掌握获取、安装网页制作软件的方法；

掌握各网页制作软件的启动和退出的方法；

情感与价值观：培养学生仔细的观察态度和积极动手探索的学习习惯。教学重点：

自定义DreamWeaver8软件的工作区。教学难点：

自定义DreamWeaver8软件的工作区 教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第一节素材和实例。视频教程：自定义界面.wmv 教学过程设计：

（一）导入设计：

打开Dreamweaver 8这个软件。

前面我们已经学习过了Dreamweaver 8软件的获取与安装。这一节我们主要了解Dreamweaver 8软件的界面和相关的一些基本操作。为今后的网页制作操作打好基础。

（二）新课讲解设计：

（1）请学生带着以下问题阅读P23~27知识预读1，并动手预习操作。问题如下：

A.DreamWeaver8软件界面由哪几部分组成？

B.在DreamWeaver8中对功能面板可以做哪些操作？

C.当网页编辑窗口太小的时候，如何扩大网页编辑窗口？（2）请学生一一回答以上问题。

（3）教师总结评价并补充相关要点。

（4）参考教材第28页至第29页的任务实施步骤，点名请一个同学上来按要求完成。教师在一旁提示和总结方法。

（5）请其他同学完成相同操作。可参考视频文件自定义界面.wmv。教师巡逻指导。（6）学生完成任务一对照练习第1、2两题。

（7）抽取个别同学上台完成对照练习，检验教学成果。

（三）小结和作业： 小结：

（1）DreamWeaver8软件界面组成

（2）DreamWeaver8软件的工作区相关操作

（3）网页制作软件的获取、安装、启动和退出。作业：

（1）

（2）填写《任务评价表》并上交 预习任务二“我的个人工作室”。

2.2 课堂任务2 我的个人工作室

课程名称：我的个人工作室 课时数：2 教学目标：

知识与技能：了解DreamWeaver 8相关知识

过程与方法：掌握打开文件、格式化文字、预览网页等基本操作 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：

打开文件、格式化文字、预览网页等基本操作。教学难点：

打开文件、格式化文字、预览网页等基本操作。教法：

任务驱动法、演示法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第一节素材和实例。视频教程：我的个人工作室.wmv。教学过程设计：

（一）导入设计：

提问：

1、网页元素有哪些？

2、文字的属性有哪些，如何编辑？

（二）新课讲解设计：

（1）请学生打开“素材和实例第二章第一节素材 mywork.html”文件，观察其与图2-1-18个人工作室页面的不同之处；

（2）教师演示输入文字并格式化，保存文件并预览（详见教材第33页）。（3）学生完成相同操作。可参考视频文件教师巡逻指导。（4）教师总结评价并补充相关要点。（5）由学生完成任务二对照练习。

（三）小结和作业： 小结：

（1）网页文件的打开、编辑与保存（2）网页文字的格式化（3）网页预览

作业：

（1）填写《任务评价表》并上交（2）自学知识拓展： DreamWeaver8的快捷键大全。

2.2 课堂任务

“企业简介”页面的制作

课程名称：美乐电器“企业简介”页面的制作 课时数：2 教学目标：

知识与技能：了解常用的图像类型和格式、层叠样式表的概念和相关知识。过程与方法：掌握新建网页，设置网页页面属性的方法

掌握在网页中插入文本，设置文本格式化的方法；

掌握在网页中插入图片，设置图文混排效果的方法；

掌握插入Flash动画，设置透明效果的方法；

情感与价值观：培养学生仔细观察事物的习惯和主动学习的能力。教学重点：

设置网页页面属性、插入文本，设置文本格式化、插入图片，设置图文混排效果、插入Flash动画，设置透明效果。教学难点：

设置网页页面属性、插入文本，设置文本格式化、插入图片，设置图文混排效果、插入Flash动画，设置透明效果。教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第二节素材和实例。视频教程：美乐电器企业简介网页制作.WMV。教学过程设计：

（二）导入设计：

上一节我们学习了DreamWeaver8软件的基础操作，本节我们将开始学习如何用DreamWeaver8这个软件来制作网页，从而学习网页中有关页面属性、文本格式、图像、动画的插入和层叠样式表的相关操作。

（二）新课讲解设计：

（1）请学生带着任务一对照练习第1～5题阅读P36~47知识预读，并动手预习操作。（2）请学生一一回答以上问题。（3）教师总结评价并补充相关要点。

（4）打开“素材和实例第二章第二节素材课堂任务 jianjie.html”，请学生观察并回答该网页的组成元素有哪些？教师在一旁提示。

（5）请学生上台演示新建网页并保存在相应的文件夹中。其他学生自己完成。可参考教材第47页内容。（6）教师演示设置网页页面属性，保存并预览（详见教材第48页）。请其他同学完成相同操作。教师巡逻指导。

（7）教师演示文本格式化部分操作，（详见教材第49～52页）。

（8）学生完成相同操作，可参考视频文件美乐电器企业简介网页制作.WMV。教师巡逻指导。

（9）教师演示插入图片操作，（详见教材第52页）。学生完成相同操作，教师巡逻指导。操作要点及注意事项如下：

先将要插入的图片文件复制到jianjie.html网页文件所在的文件夹中，再进行插入图像操作。（10）请学生上台完成插入FLASH动画的操作，（提示：方法和注意点与插入图像相似）。教师在一旁提示指导。

（11）教师演示为FLASH动画设置透明效果，（详见教材第54页）。（12）学生完成相同操作，教师在旁指导。（13）由学生完成任务一对照练习第6～8题。

（三）小结和作业：

小结：

（4）设置网页页面属性；

（5）插入文本，设置文本格式化；（6）插入图片，设置图文混排效果；（7）插入Flash动画，设置透明效果。作业：

（1）

（2）填写《任务评价表》并上交 自学知识拓展：自定义CSS样式。

2.3 课堂任务

我的第一个网站

课程名称：美乐电器网站的创建 课时数：4 教学目标：

知识与技能：了解超链接相关概念。

过程与方法：掌握在DreamWeaver8中创建站点的方法

掌握在DreamWeaver8中管理站点的文件和文件夹的方法；

掌握制作网页中各种超链接的方法；

掌握制作CSS链接特效的方法。

情感与价值观：培养学生主动思考问题和解决问题的能力。教学重点：

在DreamWeaver8中创建站点、管理站点的文件和文件夹、制作网页中各种超链接。教学难点：

在DreamWeaver8中创建站点、管理站点的文件和文件夹、制作网页中各种超链接、制作CSS链接特效。教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第三章第三节素材和实例。视频教程：美乐电器网站制作.wmv。教学过程设计：

（三）导入设计：

之前我们已经学习了单张网页的制作。一般我们所设计的，往往不是单张网页，而是多张有机联系在一起的网页，而对于这些网页和相关素材，一般都要求存放在同一个文件夹内，方便网站的维护和管理，特别是要将网站发布到服务器上时，这点尤为重要。我们建立站点的目的也在于此。因此，我们在用DreamWeaver8软件设计制作网站，必须先建立站点，将网页全都保存在这一个站点内。DreamWeaver8软件的站点管理功能非常强大，通过它，我们能很轻松的对网站进行管理。

（二）新课讲解设计：

（1）请学生带着任务一对照练习第1～3题阅读P60~65知识预读。（2）请学生一一回答以上问题。

（3）教师总结评价并补充相关要点。

（4）教师演示建立美乐电器网站站点的相关操作，（详见教材第65～68页）。操作要点及注意事项如下： 站点是一个文件夹，可以在本地计算机上选择一个已有的文件夹作为站点根目录，也可以新建一个文件夹建立一个空的站点。

（5）请其他同学完成相同操作。可参考视频文件美乐电器网站制作.wmv。教师巡逻指导。

（6）请学生参考教材第69页的内容，完成管理网站中文件和文件夹的创建文件夹操作。并叫1位学生上台演示，以检验自学成果。教师在旁指导。

（7）教师演示站点管理的时候文件的移动操作，（详见教材第69页）。

操作要点及注意事项如下： 在复制文件过程中，同类的连续文件可以按住Shift键，同时用鼠标选择第一个文件后，再在最后的一个文件上单击即可。不连续的文件可以用Ctrl键，再用鼠标选择。将其拖动到相应文件夹中。

（8）请其他同学完成相同操作。教师总结并补充相关要点。

（9）教师演示设置文本超链接的一种方法，（详见教材第69～70页）。请学生找找还有哪些设置超链接的方法。

（10）教师总结评价并补充相关要点。

（11）展示设置了CSS效果的超链接，激发学生学习兴趣。

（12）教师演示建立网页超链接特效相关操作，（详见教材第71～73页）。并解释a:link、a:active、a:hover、a:visited分别代表的状态。

（13）请其他同学完成相关操作。教师总结并补充相关要点。（14）展示网页导航，请学生分析该导航的组成和制作方法。由学生独立完成。参考教材第74页的内容。请一位同学上台演示导航的制作方法。教师在旁提示，并总结导航制作方法。

操作要点及注意事项如下：

每个页面都必须分别制作设置导航。

（15）展示chanpin.html网页成品，介绍锚点链接的应用范围和作用。

（16）教师演示制作锚点链接的相关操作，（详见教材第74页）。学生完成相同操作。（17）展示其他网站上E-mail链接的效果。

（18）教师演示制作E-mail链接的相关操作，（详见教材第74页）。学生完成相关操作。操作要点及注意事项如下：

设置超链接的时候冒号输入要半角。（19）学生将作品完善一下，并上交。（20）抽取个别同学的作品展示评价。

（三）小结和作业： 小结：

（8）在DreamWeaver8中创建站点（9）管理站点的文件和文件夹（10）制作网页中各种超链接（11）制作CSS链接特效 作业：

（1）填写《任务评价表》并上交

（2）自学知识拓展：多媒体文件插入。（3）完成任务一对照练习第4题。（4）课外完成本章习题。

第二篇：电子工程师常用网站

电子工程师常用网站

电子设计技术网: http://www.xiexiebang.com

电子行业资讯类网站,电子工程师可以经常去了解电子,电力行业的资讯,动态.与时代保持紧密联系.大虾电子网 http://www.xiexiebang.com/ 爱好无线电的朋友不得不去的网站.电子爱好者 http://www.xiexiebang.com/ 资源一般.PCB信息网 http://web.pcbinfo.net/ PCB行业网站,主要是PCB方面的信息多.中国PCB技术网 http://www.xiexiebang.com/home/ 要找同行的朋友可以去看看.综合电子论坛 http://www.xiexiebang.com/bbs 人气还可以的一个电子论坛.电子元器件查询http://www.xiexiebang.com/

IC/PDF查询 http://www.xiexiebang.com/

器件手册 http://www.xiexiebang.com/ 对于搞开发的来上经常查器件PDF是很经常的事.

第三篇：网站设计教案

Internet的相关知识

1学时

重难点：

1、什么是www.xiexiebang.com”，显然域名比IP地址好记忆多了。

域名前加上传输协议信息及主机类型信息就构成了网址(URL），例如“电子技术学院昆明训练大队”的www.xiexiebang.com 用于组织、协会等

.net 用于网络服务

.edu 用于教育机构

.gov.用于政府部门

.mil 用于军事领域

域名申请的具体步骤由学员自己看书学习

网站空间的获得

1课时

重难点：如何申请个人空间

1.什么是网站空间

简单地讲，就是存放网站内容的空间，在上网时，通过域 名（网址、网站地址）就可以访问到对方的网站内容，然后看 对方网站的文章，或下载音乐、电影什么的。

2.如何获得网站空间

网站空间可以由自己买台服务器来做，但费用太高，这一 般都是大公司或大型网站才会这样做，购买一个普通服务器要 几万，高性能的服务器要几

十、几百甚至几千万，也要24小时

开机，并配备专人负责。有时候在没特别指明的情况下，也称

其为虚拟主机空间，通常企业做网站都不会自己架服务器，而 是选择以虚拟主机空间做为放置网站内容的网站空间。

2.2.1 选择网站空间

1、空间大小

2、是否支持数据库

3、是否支持论坛

3、是否支持论坛

4、在线人数指标

购买网站空间的误区 误区１：无限制是最好的

误区２：全能空间

误区３：低价空间

误区４：共享服务器——一个完美的选择

选择自己的网站空间

1.代理商空间

2.有限制空间

3.有权限的空间

选择适合自己的空间

1.普通ＨＴＭＬ空间：这类空间适合刚刚学会制作网页的人，或者一些下载站点；

2.论坛专用空间：正规的空间商不可能让你的论坛无限制，一

般会控制在２０～４０人左右。如果你的论坛能超过５０人，一定要买论坛专用的空间，这类空间比较贵

Dreamweaver MX的工作环境

1课时

重难点：熟悉各种功能的使用和位置

本章到第九章在课堂上直接演示

HTML语言

2课时

重难点：

1、掌握HTML语言的结构

2、掌握常见的HTML标记

1.HTML概述

HTML语言，又称超文本标记语言，英文全称是Hypertext Markup Language。它是一种标识性的语言，由一些特定符号 组成，语法简单，其目的在于运用标记使文件达到预期的显示 效果。

用HTML编写的超文本文件称为HTML文件，扩展名可以 是htm、html、shtm或shtml。

WWW有3个基本内容组成，分别是URL、HTTP和HTML。

1)URL（Uniform Resource Locators）：统一资源定位符

2）HTTP（Hypertext Transfer Protocol）：超文本传输协议

3)HTML语言(Hypertext Markup Language)：HTML文档是一 个放置了标记（Tags）的ASCII文本文件

2.HTML特点 HTML语言与其它编程语言（如C和Java）不同，具有以 下特点：

（1）超文本性

（2）标记性

（3）简单性

（4）可扩展性

（5）平台无关性

3.基本结构

（1）HTML基本语法

HTML语法结构却比较简单。HTML文件是由标记和内容 组成，形式如下：

<标记名称 属性1=值1 属性2=值2 ……> 文本或超文本内容

（2)HTML文件基本结构

HTML文档结构可以划分为两个基本部分：文件头(head)和文件体(body)。

4.HTML文档的编写

HTML文档的编写是非常容易的，可以使用任何文本编辑 工具来编写，保存时的文件扩展名可以是htm、html、shtm或 shtml。

5.HTML标记

标记(Tags)，通常又叫着标签，它是HTML文档的重要组 成部分。可以说没有标记就没有形式多样化的Web页面效果。

基本标记

（1）

标记放在HTML文档的最前面，用来表示HTML文档的 开始，而标记放在HTML文档的最后，用来表示HTML 文档的结束，这两个标记必须一起使用。

（2） 和是HTML文档头部标记，在此标记对之 间可以使用、等标记。

（3)

第四篇：珠心算电子教案2

第二课时：0～5各数的认识 【教学内容】

教科书第12页例题和第13页“想想做做”1—4题。【教学目标】

1．通过在具体情境中数数以及相应的操作活动，初步理解1—5各数的含义，结合算盘认、读、写1—5各数，会用这些数表示物体的个数。

2．经历1—5各数的抽象过程，初步感受数与生活的联系，初步培养数感。3．通过形式多样的拨珠练习，培养学生学习珠心算的兴趣。【教学重点】

1.1-5各数含义的理解,会用这些数表示数量在5以内的物体的个数。2.拨珠的指法。【教学难点】

1.经历1～5各数的抽象过程，正确理解1～5各数的含义。2.初步建立正确清晰的珠像图。【教学具准备】 课件、计数器、算盘

【教学过程】

一、谈话导入

师：在我们的生活中呀，经常需要数数，还需要把数记下来，你能告诉同学和老师一些你认识的数字吗？（绝大部分学生已知道，让他们充分说）

师：今天咱们就来认识1—5各数。板书：认识1—5

二、探究新知（认识1—5各数）出示情境图

师：你看到了什么，数一数有几个？

汇报（如果学生说了一个数，如：学生说图上有一个小男孩，追问：图上哪里还有1？1块黑板、1架手风琴„）1．认识1（1）师：咱们的教室里有没有数量是1个的物体？你会用“1”来说一句话吗？（2）指导在算盘上拨上1 师:不管是一个人，一架手风琴，一块黑板，还是一个其他的物体，它们的数量都是1，（师边描述边出示课件）1可以在计数器上拨1颗珠子表示，也可以用一个圆点表示，还可以用一个方块表示。（课件出示算盘）在算盘上，我们可以用一粒下珠来表示1。（课件演示拨上1）拨珠要点：右手握笔，用大拇指拨上1，食指拨去1。练习形式：单挡拨——隔档拨——全盘拨(3)指导书写1 这一颗算珠真好，可以表示任何数量是1的东西，人们为了方便记录，发明了表示1的符号就是数字1。（课件出示数字1）

仔细观察1，你觉得1像什么？怎么写1才漂亮呢？

师：1是一笔写成的，请小朋友在书上先描写两遍，再仿写两遍，比一比谁写得最认真。2.认识2（1）师：你能在图上找到数量是2个的东西吗？

同桌的小朋友一起数出2枝铅笔、2块橡皮放在一起，每个小朋友伸出2个手指。刚才数的都是几个？2个怎样用算珠表示？（2）在算盘上认识2，拨上拨去2（出示算盘图）算盘上的1粒下珠表示1，想一想，怎样就能变成2了呢？（1添上1就成了2）在3档上试着拨一拨。全盘练习。（3）指导书写2。观察，2像什么？怎么写2呢？教师师范

师：2也是一笔写成的，请小朋友在书上先描写两遍，再仿写两遍。3．认识3、4、5（1）师：我们从图上找到了1，找到了2，你还能从图上找到几？（3、4、5）用3、4、5分别来说一句话。

（2）在算盘上拨3和4 师：出示算盘（3档上拨了2）2怎样变成3？3怎样变成4呢？ 练习形式：在单档上练拨入3、4、拨去3、4(两遍)。

全盘练拨入3、4、拨去3、4(双手拨)。（3）用算珠表示5 师：同学们都知道，1颗下珠就是1，两颗下珠就是2，三颗下珠就是3，四颗下珠就是4，算盘上的下珠再也没有了，所以啊，数5是和l、2、3、4有区别的，那怎样在算盘上表示5呢？（出示5的盘式图）师：小朋友们好!我是珠宝宝5，住在算盘家的楼上，楼上每一个房间的珠子都代表的是5，你们能不能在算盘家里找到我呀? 指导学生边拨边说“一颗上珠就是5”。

练习形式：一档练，多档练，全盘练，看拨、空拨练;闭眼空拨，想拨。（4）指导书写3、4、5

三、巩固练习1．想想做做第1题

2．想想做做第2题：

先看第一格，上面写的是几，下面涂了几个圆？你能看着每一格里上面的数，再在下面涂出几个圆吗？自己涂一涂。

3．想想做做第3题（看图实拨、空拨、写数）

4.想想做做第。4题（先数一数，再实拨、空拨、写数）

四、总结全课

1、这节课我们写了哪些数？请大家一起读一读这几个数。

2、回家用1—5这五个数和爸爸、妈妈各说一句话。

第五篇：基础和声电子教案2

第二章 正三和弦的功能体系

教学课时：2课时 教学对象：二年级

教学要求：本章要求基本理解大小调功能和声的概念，熟练掌握和声的三种功能分组，正三和弦的功能标记，以及由正三和弦构成的三种基本的和声进行。

教学重点：正三和弦的功能及其标记，正三和弦构成的三种基本进行。教学难点：调式的功能性，功能和声的概念。教学内容：

1、和声的功能分组：大小调调式各级音上构成的和弦，可以分为主、属、下属三个功能组。

2、正三和弦的功能及其标记：主和弦为主功能组的标志性、代表性和弦，大调中为大三和弦，标记为T，小调中为小三和弦，标记为t；属和弦为属功能组的标志性、代表性和弦，大小调中均为大三和弦，均标记为D；下属和弦为下属功能组的标志性、代表性和弦，大调中为大三，标记为S，小调中为小三，标记为s。

3、和声进行：几个和弦的连续进行就构成了和声进行。它就像文字语言中的词汇一样，通常具有独立或相对独立的和声意义。

和声进行主要有三种基本类型：（1）正格进行，由主功能和弦与属功能和弦构成，如T—D、D—T、T—D—T、D—T—D等；（2）变格进行，有主功能和弦与下属功能和弦构成，如T—S、S—T、T—S—T等；（3）完全进行：全称为完全功能进行，它是由三个功能组和弦都参与而构成的和声进行，如T—S—D、S—D—T、T—S—D—T等。

另外，D—S的进行称为反功能进行或阻碍进行，在我们所学的传统的功能和声中要注意避免。习题及习题说明：

1、构写出四个及四个调号调性的正三和弦的四部和声排列。

要求及提示：重复根音；用功能标记法进行标记；每个和弦各6个排列。

2、用功能标记法标记出下列作品片断的和弦：

（1）贝多芬《钢琴奏鸣曲》（作品2之3）第一乐章第1——4小节（2）柴可夫斯基《第二交响曲》终乐章第1——8小节（3）李斯特《旅行家的画册》第二册第4首第1——4小节