altiumdesigner电路设计与制作教案-111
A l t i u m D e s i g n e r电
路设计与制作教案-
111
-CAL-FENGHAI-(2020YEAR-YICAI)_JINGBIAN
重庆电子工程职业学院授课方案（教案）课名：教师：陈学平
通过初步操作，了解该软件的一些初始界面和设计的窗口。
我们打开该软件，逐步熟悉。
操作如下：
（1）启动这个软件。
（2）软件启动后，加载完成后，会进入到软件的初始界面。
（3）加载完成后，我们将鼠标移动到主菜单中的“file”|“new”上面，会展开三级菜单，如图1-2所示。
注意：我们选择“file”|“new”这个菜单，只是举例而已，不是
只有这一个菜单。
图1-2new下面的三级菜单
我们可以看到Altium还有很多功能菜单，我们在本任务中不再
一一描述，我们在后续的项目和任务中，再仔细介绍。
四、小结
五、作业。熟悉软件操作界面
课题： AltiumDesigner10.0安装、激活、汉化
教学目的及要求：
掌握软件的安装、激活、汉化的实现方法
教学重点：上机操作软件的安装、激活、汉化的实现方法。
教学难点：印制电路板的设计流程。特别是元件库的设计及PCB的制作
旁批栏：教学步骤及内容：
一、复习旧课：了解界面
二、学习新课：
我们在第1个任务中介绍了AltiumDesigner10.0的一些特性，同
时，初步操作了AltiumDesigner10.0，但是对于这个软件，自己如何安
装，如何汉化，如何激活，大家并不熟悉。该任务是对
AltiumDesigner10.0的安装方法进行介绍，主要介绍该软件的安装、
激活、汉化的实现方法，通过本任务的学习，使读者能够在电脑中安
装上这个软件，同时，要掌握该软件在Windows各版本下的激活方
法。
1.2.1AltiumDesigner10.0的安装
AltiumDesigner10.0的安装方法如下：
(1)找到AltiumDesigner10.0文件包，然后找到的Setup.exe双击开
始安装。
（2）弹出AltiumDesignerRelease10安装向导窗口。
（3）单击“Next”,出现接受协议窗口,选择
“Iaccepttheagreement”。
（4）单击“Next”，选择版本号和安装的源文件，我们可以保持默
认。
（5）单击“Next”，选择安装程序到哪个文件夹，即安装的目标文
件，默认是C盘，我们可以选择D盘，其它的路径不变，如图1-6所
示。
图1-6选择目标路径
（6）单击“Next”，出现“ReadytoInstall”准备安装对话框。（7）单击“Next”，出现安装过程对话框，直到安装完成。
（8）直到安装完成后，单击“finish”完成安装。
1.2.2AltiumDesigner10.0软件英文转为中文
（1）安装完成后，我们可以启动这个软件。
（2）软件启动过程中看到软件的版本号是：10.589.22577。
（3）软件启动成功后，发现软件语言是英文的，同时在软件窗口的正中间有一个红色的提示，说明软件还不能使用，没有激活。（4）我们单击主菜单中“DXP”按钮，在出现的快捷菜单中选择“Preferences”。
（5）在出现的“Preferences”窗口中，展开“System-General”，在“Localization”区域中勾选“UseLocalizedresources”，同时勾选“Localizedmenus”，如图1-11所示，当勾选后，将会弹出一个提示对话框，提示启动新的设置工作如图1-12所示，单击“OK”按钮，回到图1-11中，再单击“OK”按钮，退出“altiumdesigner10”，再一次重新启动后，软件的工作窗口界面已经成为中文了。
图1-11“Preferences”窗口
《设计网站首页》教案设计
《设计网站首页》教案设计 一、教学设计部分 教学内容分析 R本课的主要内容与地位 本节课学习的内容是设计网站的首页。首页如同一本书的封面、一个戏曲人物的脸谱，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。 R本课与前后内容的关系 本课是在课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划进行。本节中涉及的知识点是网站制作过程中需要反复用到的，所以学生应熟练掌握。教学目标分析 R知识目标/技能目标 ·知识目标 ⑴认识网页的工作原理； ⑵了解网页编辑的一般过程。 ·技能目标 ⑴熟练掌握在网页中输入文字、插入图片、插入水平线的操作； ⑵掌握网页的新建、预览和保存。
R过程与方法目标 ⑴对网页操作中基本概念有清晰的认识； ⑵在操作中体会网页中图文混排遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。 R情感态度与价值观目标 感受身边版面设计的素材：广告、报刊、课本，学以致用，将其用于网页设计中。 R本课的重难点 重点：插入图片和水平线。 难点：图片和水平线属性的设置、嵌入式文件的保存。 R本课的课时分配建议 课时教学策略设计建议 R教法建议 因FrontPage与学生之前学习的ord、Excel同属微软的office家庭软件，在操作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照ord中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效果的形式探究“水平线属性”对话框中各参数的含义，从而加深学生对水平线的理解；在网页保存环节中，嵌入式文件的保存是学生从来没有接触过的知识点，教师应安排学生将不同的网页素材保存在站点中的不同文件夹中，以此达到强化的目的；组织学生进行网页预览时，提醒学生注意站
“设计与制作主题网站”单元教学设计
“设计与制作主题网站”单元教学设计 一、教材分析 本章内容对应《刚要》的“信息的发布与交流”部分，是在学生学习了文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另外一种形式——网站设计。初中阶段学习网站设计与制作也为高中学习这部分内容奠定了基础。本章希望通过网站设计，将信息获取（确定主题、收集资料）、信息处理（文字、表格、图片和多媒体等信息处理）、信息发布（在internet网上发布网站）综合运用于网站设计中，既复习巩固信息处理的基本知识和基本技能，又培养了学生综合运用信息技术的能力，通过实践活动提高学生的信息素养 二、教学目标： 1．知识与技能 （1）了解Dreamweaver软件窗口结构，了解站点与主页的概念，理解站点的意义，学会建立、删除站点，掌握简单网页的制作 （2）掌握网页中表格的制作方法、表格属性的设置方法及单元格的修饰与编辑。理解动态网页与网页动态效果的区别。 （3）掌握网页动态效果的制作，了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。 （4）了解框架结构的基本知识、框架的作用及框架属性 （5）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。 2．过程与方法 （1）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。 （2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 （3）掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。（4）掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。
《设计网站首页》教学设计
《设计网站首页》教学设计 《设计网站首页》教学设计 教学内容分析 R本课的主要内容与地位 本节课学习的内容是设计网站的首页。首页如同一本书的封面、一个戏曲人物的脸谱，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。 R本课与前后内容的关系 本课是在第一课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划进行。本节中涉及的知识点（编辑网页：文字输入和编辑、插入图片、插入水平线；保存、预览和新建网页）是网站制作过程中需要反复用到的，所以学生应熟练掌握。 ?教学目标分析 R知识目标/技能目标 ·知识目标 ⑴认识网页的工作原理； ⑵了解网页编辑的一般过程。 ·技能目标 ⑴熟练掌握在网页中输入文字、插入图片、插入水平线的操作；
⑵掌握网页的新建、预览和保存。 R过程与方法目标 ⑴对网页操作中基本概念（首页、网页、网页标题等）有清晰的认识； ⑵在操作中体会网页中图文混排遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。 R情感态度与价值观目标 感受身边版面设计的'素材：广告、报刊、课本，学以致用，将其用于网页设计中。 R本课的重难点 重点：插入图片和水平线。 难点：图片和水平线属性的设置、嵌入式文件的保存。 R本课的课时分配建议 1课时 ?教学策略设计建议 教法建议 因FrontPage与学生之前学习的Word、Excel同属微软的Office 家庭软件，在操作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照Word中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效果的形式探究“水平线属性”对话框中各参数的含义，从而加深学生对水平线的理解；在网页保存环节中，嵌入式文件的保存是学生从来没有接触过的知识点，教师应
制作网站首页教案设计
制作网站首页教案设计 广东省云浮市郁南县平台镇初级中学黄伟兴 教学课题：制作网站首页 教学背景： 网站首页是网站的“脸面”，学生通过学习设计网站首页，一方面培养他们为提高作品吸引力、展现自我而积极思考、探究、尝试的意识和态度，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参与打下基本功。 教学目标： 1、知识与技能： （1）了解网页一般由哪些元素组成。 （2）学会运用表格进行版面布局。 （3）能够在网页中添加网页元素。 （4）能在网页中设置超链接。 2、过程与方法： （1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基本技术方法，达到举一反三的功效。 （2）通过学生动手设计网页的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。 3、情感态度与价值观：
（1）提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。 （2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，提高学生学习信息技术的信心。 （3）在合作实践过程中，培养学生的审美能力和创造能力，在小组协作学习中，培养学生合作帮助、团结协作的良好品质。 （4）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。 （5）善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。 4、学情分析： 学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性强。在前面几节课学生初步确定了网站的主题，收集了部分资料。学生已经在word文档的学习中掌握在文档中插入图片、艺术字等素材方法，为制作网页中的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教师应该时刻给予学生恰当的引导，在调动学生学习兴趣方面下足功夫。 5、素质目标： 制作网页要应用到多方面的知识，培养学生的知识迁移能力，同时给学生提供了自由发挥的空间，学生可以充分发挥自身的创造力与想象力，培养学生综合运用知识的能力。 教学重点难点： 1、教学重点：
美术教案面具的设计与制作
美术教案－面具的设计与制作 面具的设计与制作教学目标：1、了解面具的由来和演变发展的过程，了解不同国家、地域、民族对面具的不同理解。2、了解面具的造型特点及表现形式和方法。3、了解现代面具的功能和作用。教学难点 ：设计出具有新意、艺术效果独特并符合表演角色性格特征的面具。前准备（1）多媒体、图表、面具光盘。（2）面具相关文字资料及图片资料。（3）学生制作面具的海绵纸，胶水等。（4）学生表演节目用的道具和音乐。三、教学设计学习内容学生活动教师活动第一时激发兴趣与合作探究第二时学习与制作第三时展示、体验、交流。分组合作，讨论节目，分配角色。搜集面具资料（图片、实物、文字资料等）与同学交流自己对面具文化的了解。欣赏中外面具作品。学习面具的设计制作方法。设计有创意的面具以小组为单位表演节目，评价自己与他人的面具及节目的设计。引导学生观看录像。组织学生分组，讨论每位要演节目及角色，引导学生查找资料。讲解面具知识，面具的历史、面具的制作方法。
重点讲面具对人物性格的刻画。指导学生设计出有个性、有创意的面具。正确引导学生评价四、教学过程 设计（一）第一时 激发兴趣与合作探索1、影片欣赏：播放童话剧《马兰花》录像资料2、教师总结：看了录像中戴面具表演的节目。我们也要开一场联欢会。要以小组的形式每个同学戴上面具，表演你喜欢的节目。3、教师提出问题请同学思考：a、你和谁一组？b、表演什么节目？、我演谁？d、角色的性格是什么样的？e、你如何给角色设计面具？4、请你用形象或语言描绘出你所演角色的特征。、请同学查阅有关面具的文字资料、图片资料、实物等。（通过书籍、网络、电影、录像等）（二）第二时： 面具知识的讲解与面具设计与制作1、面具知识的介绍引导学生把搜集的图片、文字资料，以小组为单位向全班同学展示。交流对面具文化的了解。交流内容应包括：（1）古代面具的由来、意义、功能。（2）不同民族、不同地域、不同国家面具的造型特点及风格。（3）面具的材料及色彩特点。（4）现在面具的功能：随着社会的发展，面具的功能已不再是祭祀，驱鬼怪，除病魔。提问：现在社会中面具都运用在哪些方面？学生思考：家居装饰、表演道具、狂欢节、物品的设计等。现代面具是人们除旧迎新、欢歌劲舞、交流情
《设计网站首页》教案设计
《设计网站首页》教案设计 本资料为woRD文档，请点击下载地址下载全文下载地址一、教学设计部分 教学内容分析 R本课的主要内容与地位 本节课学习的内容是设计网站的首页。首页如同一本书的封面、一个戏曲人物的脸谱，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。 R本课与前后内容的关系 本课是在第一课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划进行。本节中涉及的知识点（编辑网页：文字输入和编辑、插入图片、插入水平线；保存、预览和新建网页）是网站制作过程中需要反复用到的，所以学生应熟练掌握。 教学目标分析 R知识目标/技能目标 ·知识目标 ⑴认识网页的工作原理； ⑵了解网页编辑的一般过程。 ·技能目标 ⑴熟练掌握在网页中输入文字、插入图片、插入水平线
的操作； ⑵掌握网页的新建、预览和保存。 R过程与方法目标 ⑴对网页操作中基本概念（首页、网页、网页标题等）有清晰的认识； ⑵在操作中体会网页中图文混排遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。 R情感态度与价值观目标 感受身边版面设计的素材：广告、报刊、课本，学以致用，将其用于网页设计中。 R本课的重难点 重点：插入图片和水平线。 难点：图片和水平线属性的设置、嵌入式文件的保存。 R本课的课时分配建议 1课时 教学策略设计建议 R教法建议 因FrontPage与学生之前学习的word、Excel同属微软的office家庭软件，在操作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照word中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效果的形式探究“水平线属性”对话框中各参数的含义，
《静态网页制作(Dreamweaver)》课程教案首页
河北工业职业技术学院 《静态网页制作（Dreamweaver）》课程教案首页
系（部）：计算机技术系教研室：网络技术教研室主任签字： 年月日
学习单元六以“个人主页”项目为驱动的阶段复习 授课内容：以“个人主页”项目为驱动的阶段复习 学时：2学时（90分钟） 教学目标： 知识目标： ?回顾常用标签的用法 ?强化样式的综合应用 ?理解盒子模型的意义 ?掌握浮动布局和定位 技能目标： ?通过CSS+DIV技术设计并实现一个完整网站项目的创建 ?灵活运用盒子模型灵活设计网页布局 ?灵活运用浮动和定位布局页面 素质目标： ?培养学生团队合作意识 ?培学生的设计和创意能力，提升学生对于网页设计的热情 教学内容： 1、网站设计流程 2、规划网站目录结构 3、利用HTML基本标签创建网页结构 4、利用浮动或定位设计页面布局 5、通过CSS样式修饰 6、进行网站测试 教学重点： ?利用浮动或定位设计页面布局 ?通过CSS样式修饰 教学难点： ?利用浮动或定位设计页面布局
教学方法和策略： ◆教学方法： 采用项目驱动法、分组竞争法、案例演示法提高学生的学习兴趣 ◆教学策略： 通过分组讨论、竞争的方式激发学生的学习热情 教学设计思路： 1、通过教师演示项目，采用项目驱动法引导学生进行阶段知识的复习和回顾， 强化关键知识的应用； 2、让学生对完整网站首页的设计和制作有一个整体认识，提升学生进行真实项 目开发的经验和兴趣。 授课内容提纲： 一、复习旧课导出阶段项目 1、课程回顾 （1）教师综述 在前五个学习单元的课程中，我们分阶段的以“计算机技术系网站”首页项目为驱动完成了网站首页的制作，对于网站设计有了初步的认识和了解，经过阶段学习，同学们已经具备了独立设计和制作网站首页的能力。 （2）利用项目互动提问回顾知识点 ●网站设计流程？ ●盒子模型的关键属性？ ●常用的定位方式有几种？ （3）互动总结 教师通过与学生互动沟通，进行知识的归纳： ●网站的设计流程包括需求分析、制作网页效果图、创建和设计网站、测试 和发布等几个环节； ●盒子模型的关键属性包括content、border、padding和margin四个属性。 ●常用的布局方式有浮动和定位。 2、教师首先简述本项目单元重点、难点，让学生有重点的听讲。课程回顾： 【约10分钟】 ●通过互动的方 式回顾之前的 学习内容，为阶 段项目的制作 做好准备。 ●学生通过互动 方式回答教师 提出的问题。 ●认真听取教师 的总结，明确本 项目单元的学 习任务。
《网页设计与制作》教案-第17讲 使用CSS美化网页一
第17讲使用CSS美化网页一 1.1教学目标： ◆知识目标 1.熟练掌握CSS样式表的创建与编辑。 2.掌握CSS样式表的基本语法和定义位置。 3.理解CSS样式表的标签样式、高级样式、类样式的定义方法。 ◆技能目标 1.能合理创建和管理样式表文件，在网页设计中能够灵活利用CSS样式对页 面元素变换不同的视觉效果 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点： 1.掌握CSS样式表的创建与编辑。 2.掌握CSS样式表的基本语法和定义位置。 1.3 教学难点 1.理解CSS样式表的标签样式、高级样式、类样式的定义方法。 1.4教学方法：讲练结合，任务驱动、分子任务操练 1.5课时安排：2课时 1.6教学对象分析： 这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。 1.7教学过程： 一、激趣导入，揭示课题 对于一个网站的多个页面文件，经常出现布局一致的情况，甚至网页的一些部分是完全相同的，比如导航栏、标题栏等，利用Dreamweave中的模板可以方便快捷地创建大量风格统 一、布局一致的网页，运用方便灵活的库文件，可省去设计者大量的重复工作。 二、使用样式表 在Internet的汪洋大海之中，怎样才能使自己的页面独树一帜？怎样使自己的页面保持统一的风格？怎样免除众多HTML标志属性设置的烦恼？Dreamweaver中的CSS（层叠样式表）可以使我们很方便地完成页面风格的设置。利用CSS不仅可以控制一篇文档中的文本格式，而且可以控制多篇文档的文本格式。因此使用CSS样式表定义页面文字，将会使设计制作工作量大大减小。一些好的CSS样式表的建立，使我们可以更进一步地对页面进行美化，对文本格式进行精确定制。 什么是样式表？样式表的英文缩写为CSS，即Cascading Style Sheet（层叠样式表）的缩写，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行页面风格设计的。比如，想让链接文字未点击时是蓝色的，当鼠标移上去时，链接文字变成红色的且带下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。CSS样式可以看作是对HTML语言功能的一种扩展。很多时候HTML语言的功能是有限的，举一个例子来说。在HTML语言中，字号（Size）设置只有7种，无法像Word一样采取熟悉的磅值。使用了样式表，就可以对一些HTML标签进行重新定义和扩展，甚至创建自己的特效。默认
《网站主页的设计》教学设计
《网站主页的设计》教学设计 浙江绍兴市第一中学信息处董烨华 一、教材分析 本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。 二、学情分析 学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。 三、教学目标 知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。 过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。 情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。 四、教学重难点 重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。 难点：如何在主页制作中实现自己的网站设计构思。 五、教学过程 1．教学引入，学习准备 教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。 师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。
学生们高举手臂，伸出五个手指。 师：谢谢大家的支持，你们的认可是我创作的动力。 师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。 师：先来玩一个拼图游戏吧。 图1 学习网站首页图2 学习参考页 面 设计意图：用学习网站吸引学生的注意力，使其迅速进入课堂学习状态。通过学生评价老师的网站设计，使学生对网站策划构思中要考虑的因素有进一步认识。 2．以趣激学，化解难点 学生浏览学习网站中“拼图游戏”活动要求。 活动内容：将分割成小块的图片素材插入到教师预先设计好的网页中，完成拼图。
实战开发—制作电商网站首页面 教学设计
传智播客 《HTML5+CSS3网站设计基础 教程》 教学设计 课程名称：HTML5+CSS3网站设计基础教程 授课年级：2016年级 授课学期：2016学年第一学期 教师姓名：某某老师
201 年月日 课题名称第10章实战开发—制作电商网站首页 面 计划 课时 6课时 内容分析在深入学习了前面9章的知识后，相信读者已经熟练掌握了HTML相关标记、CSS 样式属性、布局和排版以及一些简单的CSS3动画特效技巧。为了及时有效地巩固所学的知识，本章将运用前9章所学的基础知识开发一个网站项目—电商网站首页面。 教学目标●掌握站点的建立，能够建立规范的站点。 ●完成首页面的制作，并能够实现简单的CSS3动画效果。 重点及措施教学重点：建立站点、站点初始化设置、效果图分析、页面布局、定义公共样式、首页面详细制作。 措施：通过上机操作加强学习和补充案例进行巩固。 难点及措施教学难点：建立站点、站点初始化设置、页面布局。措施：通过上机操作加强学习和补充案例进行巩固。 教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。 教学过程 第一、二课时 （准备工作，讲解建立站点、站点初始化设置、效果图分析、页面布局、定义 公共样式） 说明： ●将10.1节作为两个课时进行讲解。 复习上节课内容 在讲解本节内容前，抛出以下问题让学生回答，以复习第九章的相关知识。 1、上一章中，我们学习了CSS3高级应用，主要包括过渡、变形、动画等。那么，请同学们回顾下：过渡效果包含哪几个？ 答案： 过渡属性主要包括transition-property、transition-duration、transition-timing-function、transition-delay四个属性。 说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容的学习。 本课时内容学习 ?分组讨论 对新课进行讲解前，先让学生分组讨论以下问题： 制作网页时通常需要先建立站点，那么，建立站点对网页的制作有什么好处呢？
“首页的设计与制作”教学设计新部编版
教师学科教案[ 20 – 20 学年度第__学期] 任教学科：_____________ 任教年级：_____________ 任教老师：_____________ xx市实验学校
“首页的设计与制作”教学设计 横山桥初级中学耿建明 一、教材分析 《制作多媒体作品》是苏科版八年级信息技术第九章第三节的内容。本节内容是本章的重点，主要任务是利用PowerPoint制作一个完整的多媒体作品，并进行作品的发布与评价。 第1课时“首页的设计与制作”要求学生熟练掌握幻灯片母版的设制，文本、图片、背景音乐的插入。这些操作既是制作多媒体作品的基础，又是它的重点。学生掌握这些基础操作为本节第2、3课时作铺垫，同时又为《设计主题网站》的学习打下坚定的基础。 首页设计是对信息技术综合知识的体现，更是对学生所学知识的一个反馈和提高的过程，对学生充满着挑战，能够让学生在现有的基础上，产生一种求知与创作的冲动，培养学生的兴趣和审美能力。 二、教学对象分析 本节内容的教授对象为初二年级的学生，在这之前，学生们已经掌握了Word、Excel软件的使用。PowerPoint与Word、Excel都是Office这个大家族的成员。因此它们的有些功能和操作相近，而且信息技术中菜单、工具的使用大同小异，学生可以联系以往的操作，融会贯通并自主探究PowerPoint软件的基本功能，解决一些实际问题。 PowerPoint与Word、Excel相比，又有很多自己独特的功能，由于各学生的基础不一样，所以学生掌握程度参差不齐，这种问题在综合课上尤其突出。如果完全让学生自己摸索有一定的难度，如幻灯片母版的操作，即使学生能参照教材步骤完操作，但不一定知道幻灯片母版的作用，所以，我认为这一部分内容要有教师讲演。 三、教学目标 知识与技能：学会利用PowerPoint制作多媒体作品的首页；熟练掌握PowerPoint的基本操作 过程与方法：以制作苏州园林首页为任务，通过学生自主探究学习，培养学生综合运用知识解决实际问题的能力 情感态度与价值观：体验多媒体作品的魅力，激发学生学习制作多媒体作品的兴趣；领悟多媒体作品的创作思想，培养学生主人翁意识，培养学生的审美意识以及创新意识，通过“亚运会特刊”首页的设计与制作增强学生的热爱国家的情感。 四、教学重点、难点 教学重点：多媒体元素的插入与编辑。 教学难点：幻灯片母版的设置。 五、教法、学法分析 1、教法：任务驱动法、自主探究法 （1）游戏驱动：利用作品带领学生进入一个创作的情境,利用游戏任务驱动------闯关，一步一步的深入，充分调动学生的学习积极性，使学生在不知不觉中巩固了知识，完成了首页的设计与制作，使课堂能在生动有趣的氛围中进行。
《创建站点制作首页》教学设计及反思
野生动物的呼唤 ——创建站点制作首页 ■教材分析 本课是苏科版《初中信息技术》教材上册第十章第二节的内容，对应《江苏省义务教育信息技术课程指导纲要》中必修基础“信息的发布与交流”模块。网站设计是初中信息技术必修部分的最后一章，本课是利用软件制作网站的实践第1课时，教材中所使用的软件是Frontpage，遵循与时俱进的原则，尝试用功能强大的Dreamweaver软件进行教学，在教学内容上作了适当调整与整合，包括站点的创建、应用表格布局网页以及插入图片文本等对象。 ■学情分析 这一节课是初二年级的借班上课，到目前阶段学生已学习了多种软件的使用，应该具备了常规的操作技能，教学内容中插入图片文本等对象，学生可以借助已有的认知经验迁移学习，但是新软件的使用学生需要一个适应过程，还有应用表格布局网页，这一点要使学生能做到灵活运用有一定难度，力图通过示例讲解练习有机结合，以期使学生通过一节课的学习，能创建站点并制作出布局工整的首页，在体验成就感的同时初步感知制作网站的过程，从而增强对网页制作后续学习的兴趣。 ■教学目标 1．知识与技能: （1）认识Dreamweaver窗口的组成，能够熟练运用Dreamweaver打开和保存网页文件。 （2）学会在Dreamweaver中建立站点。 （3）学会利用表格的相关操作布局网页。 （4）掌握插入文本、图片等对象的方法，并能根据需要设置属性。 2．过程与方法: 通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。 3．情感态度与价值观: （1）引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯，体会学习要讲究方法。 （2）通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。 4．行为与创新: 在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。 ■课时安排 安排1课时 ■教学重点与难点 1．教学重点 （1）创建站点并理解各参数选项的设置。 （2）利用表格的相关操作布局网页。 （3）插入文本图片等对象以及属性的设置。 2．教学难点
HTML网设计教案
《HTML 网页设计》教案 列 1 号
《HTML网页设计》教案（续页）第 2 页
图1- 1 组织教学 3分钟 （一） 创设情境， 引入课题 10分钟 （二） 实例探究 例1 5+8分钟 师生致礼、点名、检查学生准备情况、使学生集中注意力上课。 （组织教学贯彻于上课的始终） 在实际生活中，我们常常会上网获取各种各样的信息，完成各种各样的工作，上网展示在大家面前的是丰富多彩的网页，比如…… 注意 ．．： （1）网站与网页的概述 ．．．．．．．． （2）网页的基本元素 ．．．．．．． （3）网页布局 ．．．． （4）配色原则 ．．．． （5）HTML ．．．．与渲染 ．．． 教师活动：利用多媒体展示实际网页，引导学生思考。 教学意图：创设问题情境，激发学习动机。 例1．中国最成功的个人网站--hao123网址之家，在经过大家羡慕模仿复制以后，为什么依然风采依旧，而且是独树一帜，hao123网址之家最好的亮点就是 他的创意了，在他运作起来并且迅速被大家认可的时候，大量站点的模仿以及复 制其实是等于对他的运作模式的认可，对于这么个站点的结构内容以及程序方面， 大家都已经认为了他一点技术含量没有，但是为什么他就这样一直做的很好，而 别的网站倒的倒，改行的改行，那么“hao123网址之家”他到底好在哪里？ 教师活动：启发诱导，师生互动，把实际问题转化为专业问题。 学生活动：通过讨论、思考回答问题，把实际问题转化为思考专业问题。 教学意图：通过具体网页发起问题探究，掌握网页设计的原则。增强学生应用专业知识的意识。 《HTML网页设计》教案（续页）第 3 页 教学过程及 时间分配 教学内容 图1- 2
框架网页的制作教案设计与反思
框架网页的制作教案设计与反思 江苏省宜兴市和桥镇第二中学吕超 邮编：214211 E-mail：lvchao012326@https://www.360docs.net/doc/6b5672765.html, 一、教学目标： 1、知识与技能： （1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。 （2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。 2、过程与方法： （1）、能够区分框架结构属性设置与网页属性设置的不同点。（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。 3、情感态度与价值观： （1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。（2）、培养学生网页设计的审美意识、创新意识。 二、教学重点难点： 1、教学重点： （1）、框架网页的作用和功能，框架的建立与属性设置。 （2）、框架中各个页面之间的关联，每个框中页面的设置方法。（3）、框架网页的保存方法。
2、教学难点： （1）、框架结构网页中框架属性与页面属性的设置方法。 （2）、理解框架结构的多页面存储方法及各页面之间的关联。 三、教学过程： 1、创设情境、导入新课 （1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。 （2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课——框架网页的制作。 设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。 2、任务驱动、自主学习 （1）、教师展示一个框架网页，引导学生理解框架网页的概念。（2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。 （3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。 （4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。
《 设计与制作网站首页界面》项目教学设计
《设计与制作网站首页界面》项目教学设计一、任务描述 网站是众多企业、团体和个人宣传产品、主张和树立良好形象的主要途径和重要手段。据不完全统计，当前100%的大型企业、60%的中小企业都已经或将要在互联网上建立的自己的网站，要使我们的网站在众多网站中脱颖而出，其界面的设计就显得十分重要。 网页界面设计其实是一个系统工程，它包括网站页面布局、设计，颜色的搭配、尺寸的大小和风格的定位等。网站首页界面是整个网站的“面子”工程，首先突出的是功能，使用户只要看一眼网站，就能够知道该网站的类型。其次就是能够给访问者带来一种视觉享受，特别是展示、宣传型的网站需要更加注重艺术设计。 在本任务就是要求学生使用Photoshop CS6软件设计、制作设计制作网站首页界面。 二、任务目标 学生通过完成本项目，达成以下目标： 知识与技能：能够使用切片工具处理图像；了解优化图像命令选项优化Web 图像的使用方法；了解界面设计与制作；尝试使用动作处理图像。
方法与过程：能够根据任务的要求，确定完成任务的所需要的技术，并较熟练的完成任务；能对自己和他人的活动过程与结果进行评价与交流，能归纳利用信息技术解决问题的基本思想与方法。 情感、态度、价值观：通过完成本任务，能够感受到信息技术对社会发展、工作效率的影响。 三、任务分析 房地产宣传展示型的网站内容不多，架构不复杂，更注重的是形象和标的（楼盘）的展示。因此，我们将“怡海新城”的实景图处理成宽幅画面作为主题放置在首页中间的位置，占据一半以上的版面。网站分类栏目按钮放置在主题图下面，当用户需要进一步了解详细内容时，单击按钮即可进入二级页面。同时将公司的名称、楼盘名、经营理念和联系方式分别放置在页面的上下端，给用户更多的信息。 根据网站的特点，本首页采用800像素×520像素大小，使用图像自动合并、色调调整等技术进行整体设计，然后采取切片的方法分别保存文件，有利于网页的编辑和浏览。 四、活动策略 在本任务活动的过程中，教师首先要引导学生认识网站首页，知道网站首面构思、设计的一般方法。然后引导学生尝试自动命令拼合图像，使用切片工具切分图像的操作。当学生具备了设计与制作网站首页界面的知识与技术后，即可引导其完成本项目——网站首页界面的设计与制作活动。 在本任务活动过程中，学生技术方面的获得，大部分内容从阅读教材、观看操作录屏、教师演示示范即可达到目标，教师还需要引导学生了解网页中图像相关规则、颜色搭配、文件格式、设计创意等方面的知识。因此，教师可以结合本项目，引导学生收集、阅读网页设计方面的书籍或资料，观看比较成功的网页设计作品，从而启发迪设计创作思维，提高其综合设计的素养。 完成本任务的过程中，需要较长的时间。学生通过多次操作，更进一步熟练使用已经会使用的工具与技术，使学生达到自动化的目的。因此，我们采取“创设情境→任务分析→找出问题（知识储备）→解决问题→任务实施→活动评价→拓展提高”的流程，达到完成任务的目标。
网页制作教学设计
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
HTML网设计教案课程
《HTML网页设计》教案 列 1
《HTML网页设计》教案（续页）第 2 页
图1- 1 组织教学 3分钟 （一） 创设情境， 引入课题 10分钟 （二） 实例探究 例1 5+8分钟 师生致礼、点名、检查学生准备情况、使学生集中注意力上课。 （组织教学贯彻于上课的始终） 在实际生活中，我们常常会上网获取各种各样的信息，完成各种各样的工作，上网展示在大家面前的是丰富多彩的网页，比如…… 注意．．： （1） 网站与网页的概述．．．．．．．． （2） 网页的基本元素．．．．．．． （3） 网页布局．．．． （4） 配色原则．．．． （5） HTML ．．．．与渲染．．． 教师活动：利用多媒体展示实际网页，引导学生思考。 教学意图：创设问题情境，激发学习动机。 例1．中国最成功的个人网站--hao123网址之家，在经过大家羡慕模仿复制以后，为什么依然风采依旧，而且是独树一帜，hao123网址之家最好的亮点就是他的创意了，在他运作起来并且迅速被大家认可的时候，大量站点的模仿以及复制其实是等于对他的运作模式的认可，对于这么个站点的结构内容以及程序方面，大家都已经认为了他一点技术含量没有，但是为什么他就这样一直做的很好，而别的网站倒的倒，改行的改行，那么“hao123网址之家”他到底好在哪里？ 教师活动：启发诱导，师生互动，把实际问题转化为专业问题。 学生活动：通过讨论、思考回答问题，把实际问题转化为思考专业问题。
教学意图：通过具体网页发起问题探究，掌握网页设计的原则。增强学生应用专业知识的意识。 《HTML网页设计》教案（续页）第 3 页 图1- 2