在网页中插入图片教学设计
《在网页中插入图片》教学设计
执教：熊恒教学目标：
知识与技能：
会打开上次的网页；了解图片在网页中的作用；学会在网页中插入图片的方法。
过程与方法：
通过独立探究和小组探究的方法基本掌握在网页中插入图片。
情感态度与价值观：
培养学生的审美能力，形成与同学和谐相处、共同进步的精神。明白帮助他人的目的就是美化我们的心灵。
教学重难点：
重点：了解图片在网页中的作用
难点：能在网页中插入图片
教学时间：一课时
教学过程：
一、导入新课：
同学们，上节课我们学会了制作只有文字的网页。可是“咪咪豆网屋”的主页还有可爱的胖胖熊图片呢！它是怎么进来的？对于这个问题，我们来进行具体的研究。
揭示课题：在网页中插入图片
二、探究新知
任务一：了解图片在网页中的作用。
（1）、教师出示只有文字和带有图片的两个网页，提问：这两个网页哪一个好看呢？
（2）、引导学生观察，并说出为什么？指定学生回答（有图片的那一个）
（3）、小结：网页中的图片可以使网页更加美观漂亮。
任务二：打开主页文件咪咪豆网屋index.htm
（1）、师生复习启动frontpage 软件。（它是微软公司推出的一款优秀的网页制作软件）
（2）、学生试着打开主页文件咪咪豆网屋index.htm，老师巡视并校正。
操作步骤：网页制作软件——单击文件——打开文件——我的文档，找到主页文件咪咪豆网屋index.htm——再打开。
（3）、学生操作。
任务三：把“胖胖熊”请进来
（1）师生复习在word 中插入图片的方法，指名学生回答。
教师小结：方法一：①、复制——粘贴；②、方法二：菜单——插入——图片——来自文件——选择图片单击插入。
（2）学生练习图片的插入，
（3）学生探究把胖胖熊请进“咪咪豆网屋”主页中的的方法。
教师提问：能否把在word中插入图片的方法运用在frontpage 软件中呢？（指名学生回答：可以）
学生动手操作：教师巡视，对不正确的地方进行校正。
教师小结：
我们可以这样把胖胖熊请进“咪咪豆网屋”主页。
操作步骤：
①把光标移到第二行“咪咪豆网屋”的左边；
②单击“插入”菜单；
③选图片来自文件→选C：“网页制作”文件夹→找到“胖胖熊1.gif”文件并单击→单击“确定”。
（3）、学生操作，教师巡视指导
（4）、要求学生用同样的方法把胖胖熊放到“咪咪豆网屋”的右边。
任务四：保存网页
同学们，我们成功把胖胖熊请进“咪咪豆网屋”主页中，现在，我们要做的就把今天的作品保存起来！
学生试着保存：单击文件菜单——保存文件。
四、教师小结：今天同学们通过努力，基本掌握了在网页中插入和美化图片的方法，我们插入网页的目的是美化网页，帮助他人的目的是美化我们的心灵。
网页图片处理教案20
课题网页图片处理 课标考点一、掌握网页中的图文布局； 二、掌握网页中图片定位和图层； 三、掌握网页中图片的透明处理和使用图片自动缩略。 教学重点 与难点 图文布局、图片定位 课型、方 法、手段 新授/任务驱动法/电教、教学软件 学法点拨演示、任务驱动、问题解决探究相关知识点 教学过程补充与调整导入 在网页设计中，大多追求图文并茂的效果，但有时因 为图片的大小与文字不一致，使网页看起来不协调，此时 可以改变图文的位置关系，使网页看起来更美观。 演示 一、图文的布局 将指针指向图片并右击，单击快捷菜单中的“图片属 性”命令，弹出“图片属性”对话框，单击“外观”标签， 即可改变图片和文字的布局，如图1所示。 图3-1 在“对齐方式”列表框中，列出了十种图文对齐方式， 可以根据需要，选择其中的一种。 任务一: 在“huanbao”网站中，建立一个新网页， 导入现成的文本文件questions.txt，在其中插入两幅图片， 设置图文并列的方式，其中图片questions.gif采用左对齐 方式，与各小标题并列起来；图片water.gif采用右对齐 方式，放置在“水污染”标题下，如图2所示，将网页保 存为questions.htm。 图2
操作步骤： 单击图片工具栏的“设置透明颜色”按钮，将指针指向该图片中白色背景处单击，即可产生背景透明的效果。 四、图片的自动缩略 设计网页时，为了加快网页的下载速度，可以使用自动缩略图功能，它的作用是将图片缩小，当访问者浏览网页时，看到的是小图，如果要进一步细看此图片，单击一下小图，就可以看到原图大小的图片了。 操作步骤：先选定图片，然后单击图片工具栏“自动缩略图”按钮即可。当然，还可以进一步定义缩略图的外观，方法是：单击“工具（T）”菜单中的“网页选项（A）”命令，打开如图3-3所示的“网页选项”对话框，单击“自动缩略图”标签，修改其中的参数，即可改变图片的外观。 图3-3 任务四：将questions.htm网页中water.gif图片制作成自动缩略图。 操作步骤： ①单击water.gif图片，单击图片工具栏“自动缩略图”按钮。 ②单击“工具（T）”菜单中的“网页选项（A）”命令，打开“网页选项”对话框，单击“自动缩略图”标签，再选中“边缘凹凸效果（V）”命令，单击“确定”按钮即可。 作业设计：FTP://192.168.4.4/电教处/第二学期教学案 教学后记：
《在网页中插入图片》教案
教案背景： 《在网页中插入图片》是配合我区信息技术课题《学案引导下信息技术高效互动课堂的构建》开的一堂研讨课。本课以学案引导为教学手段，引导学生自主学习在网页中插入图片的方法。本课在调查了解学生现有能力的基础上，充分尊重学生个体差异、以学定教，采用任务驱动、自主探究，同伴互助的学习方式打造有效的课堂教学氛围。 教学课题： 《在网页中插入图片》 教材分析： 网页制作是《小学生学电脑》（凤凰出版传媒集团江苏科学技术出版社）第十一册的内容，是在学生学习了网络基本知识、WORD之后的一个内容。本课是学生在初步学习FrontPage软件，会制作文字个人主页的基础上，学习用插入图片的方法来美化网页，培养学生的美感和团结互助，共同进步的人文精神。 教学方法： 学案引导，学生自主学习
把WORD软件的相关操作与FRONTPAGE联系起来，通过学生熟悉的WORD学习FRONTPAGE，达到的学习效果还不错。为了激发学生对网页制作的兴趣，这节课由两张的视觉对比引入，让学生知道我们每个人都可以做出这样精美的网页。课堂上我们所归纳出的网页中插入图片的方法是来自于学生的探索。这节课中在学生掌握了一些网页制作的方法后，我占用大量的时间给学生打造了一个自由创作的空间，在我准备的资源中除了有给学生自主学习的学习助手外，还有针对“苏州园林”的素材，每个园林的介绍对应着图片和文字内容，以帮助孩子利用学案和准备好的素材进行自主学习。
《在网页中插入图片》学习助手 班级：姓名： 学习帮助一： 在FRONTPAGE中插入图片的方法和我们以前学过的在WORD中插入图片的方法相似，试试“插入”菜单，看看下面有什么选项。试一试在“苏州园林”网页中为“拙政园”配上一张合适的图片。 “插入”——“图片”——“来自文件” 学习帮助二： 插入的图片太大，我们应该怎么操作呢？想想在WORD中是怎么操作的。把“拙政园”的插图调整到合适的大小。 通过缩放来调整图片大小。 学习帮助二： 图片的位置不对，我们在WORD中是怎么操作的，还用这样的方法操作可行吗？请你试一试，为“拙政园”的插图设置居中、左对齐和右对齐的位置，看看哪种方式比较合适。 网页中的图片不能像在WORD中一样通过鼠标拖动和改变环绕方式来调整位置，我们可以通过“左对齐、居中、右对齐”的工具按钮来设置图片的位置。 学习记录表： （根据你的学习情况，把“√”复制到对应的完成度中）
Word文档中插入图片
《Word文档中插入图片》教学案 教学目的： 1、使学生学会在文章中如何插入图片，并调整图片周围文字的排版方式，去美化自己的文章。 2、培养学生的自主学习能力，合作学习能力，创新能力和动手操作能力。进一步激发学生学习计算机的兴趣。 教学重点和难点： 1、让学生自主学会在文本中插入图片的方法，以及如何调整图片与文字的排列方式。 2、引导学生形成自主探索和合作学习的学习习惯，培养学生的发散性思维和创新意识。 教学方法： 任务驱动法 教学过程 导入新课： 把课前制作好两个《福娃迎春》的Word文档出示给同学们，让他们进行认真比较。提醒学生仔细观察哪一幅作品更漂亮。有什么区别？你想不想在上一节课的基础上把你们自己制作《福娃迎春》的作品也做的和我现在做的这个《福娃迎春》一样或者更漂亮呢 探究新知 任务1：插入来自文件的图片（在这篇文章的开头插入5个福娃的图片）
操作步骤：（学生操作，教师指导） （1）单击“插入”菜单中的“图片”选项。 （2）选择单击“来自文件”选项。 （3）在“插入图片”对话框中单击“查找范围”的下拉列表，选择“五个福娃”的图片。 （4）单击“插入”按钮，图片就插入到文章中。 （5）单击图片，图片周围出现八个控制点，移动鼠标指向这些控制点，鼠标光标就会变成双向箭头，这时按下鼠标左键上下左右拖动，就可以调整图片的大小。 （6）单击“保存”按钮，关闭文件。 2、小组合作练习 任务2；设置图片的版式和位置 演示操作步骤：（学生操作，教师指导） （1）单击“图片”工具栏中的“文字环绕”按钮。 （2）单击“四周环绕型”选项，就可以实现“文绕图”。 （3）移动鼠标指向图片，光标会变成十字形状，此时按下鼠标左键，上下左右拖动鼠标就可以调整图片的位置。将图片放到合适的位置后，松开鼠标就可以了。 2、学生打开自己的作品，利用教师刚才演示的方法自由选择图片进行练习操作。 任务3；插入剪贴画 1、学生小组合作进行学习
给Word快速插入常用图片技巧
给Word快速插入常用图片技巧 系统下载打开Word2007，先插入一张公司标志图片，并调整好适当尺寸。再选中插入的图片，单击Office 按钮，选择“Word选项”。在“Word选项”窗口中选择“校对”，单击“自动更正选项”按钮。在“自动更正”窗口的“替换”输入框中输入“公标1”，单击“添加”按钮后（如图1），确定返回。以后不管在哪个文档中你只要输入“公标1”后再继续输入，“公标1”就会自动变成公司标志的图片。 图1 在此，“替换为”一项后面不用输入，Word默认会把选中内容当成替换为内容，只是当选中的是图片时“替换为”中会显示成空白，但其实已经有图片在里面了。此外，自动更正可以设置的对象不仅限于图片，还包括文字的格式和表格。你甚至可以同时选中包括图片、表格、文字等多种对象的内容进行设置。此招最大的缺点就是只能对“文字环绕”格式为“嵌入型”的图片有效，也只能插入“嵌入型”的图片。 文档部件，用鼠标插入图片 在Word2007中也可把常用图片保存成文档部件，即可通过鼠标单击选择快速插入常用图片。其优点是比较直观，操作上更顺手，而且对图片没有任何格式限制。 在Word文档选中一张图片（例：公司标志图），切换到“插入”选项卡，单击“文档部件”，选择“将所选内容保存到文档部件库”。在“新建构件基块”窗口中输入“名称”，比如“公标1”（如图2），确定后完成设置。以后编辑时，只要单击“插入”选项卡的“文档部件”即可在下拉列表中找到添加的公司标志图，单击选择即可插入。
图2 设置后关闭Word会提示是否保存到Building Blocks.dotx文档，此时一定要选择“是”。这招对图片、表格、文字等对象也同样有效。其缺点是不适合用键盘输入，而且当添加太多文档部件后比较难找到需要图片，反而不容易输入了。 录制宏，用快捷键插入图片 通过录制宏可以用快捷键插入常用图片，也可以把图片直接添加到快速工具栏上通过鼠标单击插入，兼具前两招的效果。由于可在工具栏上显示插入图片按钮，用鼠标插入图片时要比文档部件更方便，对图片格式也没有任何限制。适于插入少数特别常用的图片，比如公章、签名等等。另一优点是对原图进行修改后，下次插入的就是修改后的新图，无需重复设置，因此也适于插入经常修改的图片。 打开Word2007，切换到“视图”选项卡，单击“宏”选择“录制宏”。在“录制宏”对话框输入宏名为“公标1”，单击下面的“键盘”按钮。在弹出“自定义键盘”窗口中按下你要设置的快捷键“Alt+Ctrl+B”（如图3），单击“指定”按钮添加到“当前快捷键”列表中，“关闭”窗口返回Word。此时Word的状态栏会显示停止录制宏的图标“■”，鼠标指针也多了个录音带图标。
最新湘美版初中美术九年级下册《我的网页》教案
《我的网页》教案 教学目标： 知识目标： 1）学会在网页中插入和设置水平线； 2）学会在网页中插入和设置图片； 3）学会保存带图片的网页； 技能目标： 1）培养学生的动手能力； 2）培养学生自主学习的能力； 3）培养学生发现问题、分析问题、解决问题的能力； 情感目标： 1）在教学中培养学生的审美情趣； 2）激发学生的想象； 3）培养学生间的合作精神； 教学方法：任务驱动法、自主探究法、演示法； 教学重点：本课教学重点是在网页中插入水平线和图片，以及保存带图片的网页； 教学难点：本课的教学难点是图片的设置以及带图片的网页的保存； 教学课时：1课时 教学准备：比较好的学生的作品以及四个自己制作的网页 网页一、只包含纯文字。（文字中要有一主题，介绍的是学生熟悉并感兴趣的人或事物，如可介绍他们任课的老师，一般学生对自己的老师总是很感兴趣，或学生中比较有威望的同班同学，或者是一个动画人物：柯南，火影忍者，樱木……） 网页二、比上增加水平线。 网页三、比上增加图片。 网页四、比上对水平线及图片作了相应的设置。 教学过程： 任务一、在网页中插入和设置水平线
创设情境、导入课题 将事先准备好的学生的作品展现给大家， 师问：同学们漂亮吗？ 生答：漂亮。 师：你们知道这是谁做的吗？大家一定想不到吧，这是和你们同龄的同学的作品（激发学生的学习热情，让他们感到网页的制作也并不是那么的困难，增强他们的信心，既然别的同学能做出来，那么我为什么不能呢！） 师：上几节课我们对网页已经有了初步的认识了，我们知道在网页中可以插入文字，但是和我们在网上看到的网页相比，我们自己做的实在太单调，太难看了， 师问：同学们想不想让自己的网页也像这位同学的那么漂亮呢？ 生答：想。 师：好，那么从今天开始我们就要来打扮我们自己的网站了， 师：（将事先准备好的网页一，网页二打开）“找出不同点”（从而顺利引入本次任务。）生：多了一条线 师：有和没有有什么不一样，（这条线的功能），线是怎么来的？（学生可能有不同的回答比如是画出来的，或者也有同学知道水平线功能的，让同学上来到教师机演示-教师适当的称赞学生） 师：将控制权交给学生，按照事先分好的小组，让学生自主探究，并完成课后练一练第一题。 （在此过程中教师要巡视教室，观察学生完成情况，对个别进行指导） 学生大部分完成后，选择完成的比较好的学生，让此学生来说明步骤，教师适当的补充。 任务二、在网页中插入和设置图片 （将事先准备好的网页二、网页三打开） 师：同学们都做的非常的好，现在再来“找出不同点”。 生：多了图片 师：要想我们的网页变得漂亮，怎么能少得了图片呢，那么这个图片又是怎么贴上去的呢？（学生中可能会有知道的，如果回答不出来的可以给个提示：在网页中插入图片的方法与word相同。请同学讲一下在word中插入图片的方法） 师：现在给你们几分钟时间，看谁厉害能把图片插入进去。 在这一环节学生碰到的问题可能比较多，在巡视过程中要适时的给予学生帮助:提示同
使用背景图片和音乐美化网页》教学设计
使用背景图片和音乐美化网页》教学设计 DIV.yFav_1249633762080P.soNoral{TEXT-jUSTIFy:inter- ideograph;FoNT-SIZE:10.5pt;ARGIN:0c0c0pt;FoNT-FAILy :"TiesNeRoan";TEXT-ALIGN:justify}DIV.yFav_124963376 2080Ll.soNoral{TEXT-jUSTIFy:inter-ideograph;FoNT-SI ZE:10.5pt;ARGIN:0c0c0pt;FoNT -F AILy:"TiesNeRoan";TEX T-ALIGN:justify}DIV.yFav_1249633762080DIV.soNoral{T EXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;ARGIN: OcOcOpt;FoNT -F AILy:"TiesNeRoan";TEXT-ALIGN:justify} DIV.yFav_1249633762080DIV.Section1{page:Section1}DI V.yFav_1249633762080oL{ARGIN-BoTTo:0c}DIV.yFav_1249 633762080UL{ARGIN-BoTTo:Oc} 【教材使用】宁教厅审定山东教育出版社出版软件FrontPageXX 【适用年级】8年级 【适用单元】网页制作第3大节 【教材分析】 教材中本节的内容分为三部分：一是使用导航栏和共享 边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网
页水平线和滚动字幕。我将知识重新规划：先引导学生从已知入手，学习第二、三部分的知识，在学习部分知识时，由于学生对相关知识了解不多，是本节的难点，放在后面讲解。 本节是第二部分为网页添加背景图片和音乐。背景图片在上节插入图片的知识上过渡到背景图片，其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景，可以扩展背景设置时的不同方法。有了背景图片还可以加入背景音乐，这都属于同一类的知识，可以放在一起让学生鉴别学习。 【学情分析】 学生在上节课已经学会了插入图片的方法，在学习文字处理软件时也学习到了相关知识，借助这个已知来学习本节课的内容应该比较容易些，因此本节课知识学生可以自主学习。 【教学目标】 .知识目标 掌握为网页中添加背景的不同方法。 掌握为网页中添加背景音乐的方法。 .技能目标 通过学生自主学习过程中，掌握为网页中添加背景音乐 和不同背景的方法 .情感目标 通过为网页添加背景及音乐的学习，培养学生综合运用 知识的能力和审美能力。
网页设计及制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时：4学分总学时72学时，理论36学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017年 杨松主编：《网页设计案例教程》航空工业出版社2015年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章，分为3大部分。前5章为第1部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy等软件在网页制作过程中的应用；第6章～第8章为第2部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML技术；第9章～第10章为第3部分，主要介绍当前最流行的网页制作工具——Dreamweaver，通过应用实践能够从实际应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的
基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB技术的发展趋势，把握未来企业级WEB页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。 三、课程学时分配 四·课程教学中应注意的问题 理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；
《网页设计与制作》教案-第5讲 图像的操作(一)
第5讲图像的操作（一） 1.1教学目标： ◆知识目标 1.认识图像，掌握在页面中插入图像的方法 2.掌握图像各属性的作用和交换图像的设置。 ◆技能目标 1.能够根据页面显示效果在适当位置插入图像元素。 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点： 2.掌握图像各属性的作用和交换图像的设置。 1.3 教学难点 交换图像的设置。 1.4教学方法：讲练结合，任务驱动、分子任务操练 1.5课时安排：2课时 1.6教学对象分析： 这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。 1.7教学过程： 一、激趣导入，揭示课题 前一章节把Dreamweaver MX的工作环境做了一个详细介绍，相信同学们对网页制作软件的界面有了一个清晰的认识，万事开头难，一个好的站点不仅有全局规划，而且一个功能强大的网站，需要多方面知识的积累，首先找一个已经做得比较好的网站，把整个链接过程演示给学生，让他们感受到网站其实做起来也不难，只要用心就可以，关键是主线要清晰。二、使用图像 图像和文字是网页中最重要的两个元素。一个高质量的网页是离不开图像的。制作精良的图像可以大大增强网页的美观性，令网页更加生动多彩。在页面中如何用漂亮的图像来吸引人们的视线是每个网站都需要面对的问题。 一幅好的图片，胜过千言万语，反映在网页上也是如此。在这里“好的”这个词包含了三方面的含义：一是指合适的，用一幅毫不相干的图像只会起到画蛇添足的作用；二是指正确的，用一个文件量很大的图像或者格式错误的图像，只会让浏览者对你的网页火冒三丈；三是指漂亮的。 0.1认识图像 要在文档中正确使用图像，首先要了解一些Internet相关的图像知识。 由于图像在磁盘中的压缩方式和存储方式的不同，加上许多图像处理软件又有自己专门的格式，所以图像的标准有很多种。目前在Internet上最为常见的图像包括JPG、JPEG、GIF
网页设计与制作模板
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目设计个人网站主页............... 错误!未定义书签。 二、课程设计工作：................................... 错误!未定义书签。 三、课程设计的内容要求：............................. 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。 第2章课程设计目的 .................................... 错误!未定义书签。 第3章课程设计内容................................... 错误!未定义书签。 设计一选题的基本原则................................. 错误!未定义书签。 （1）选题应反映本专业的培养目标，符合专业综合训练的要求。错误!未定义书签。 （2）选题要有利于深化所学的专业知识和拓展所学的知识面。错误!未定义书签。 （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围..................................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps ............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。 第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。
Dreamweaver网页设计与制作课程标准
Dreamweaver网页设计与制作 一、课程性质与任务 本课程是中等职业学校计算机专业网络方向核心课程之一。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 本课程建议安排在二年级完成。 二、课程教学目标 1．了解WEB站点的工作原理； 2．了解、HTML、CSS的定义，概念和作用； 3．掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用； 4．掌握Dreamweaver应用软件的使用功能； 5．能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法； 6．掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法； 7．熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；
8．能够按网页设计技术要求修改和调试JavaScript代码； 三、教学的内容及要求 本课程的教学内容由理论模块、实训模块两个部分构成。 1.讲授模块是由教师示范操作，让学生通过练习达到掌握操作的要求；总的教学时数为36-42学时。 2.实训模块是由教师布置实训任务，由学生分组共同完成，达到熟练掌握使用Dreamweaver设计网站的要求，教学时数为48-54学时。 理论模块 第一单元网页设计概述 第二单元创建Web站点 第三单元网页设计语言基础
在word中插入图片教学设计
在word中插入图片教学设计
【在word中插入图片】教学设计 一、教材分析： 本课是在学生已掌握了在word2003文字的输入与修饰、段落调整等的基础上，让学生掌握在word文章中插入图片的方法，学会调整插入图片的大小。实现图文混排。教材先安排了文字的输入及文字格式的设置、排版。在此基础上又安排了图片的插入方法及图片格式的设置。这样设计符合学生知识体系的构建。 二、学情分析： 学生已经熟练的掌握文字的输入及格式的设置还学会了文本框的插入方法。在word文档中插入图片的方法学生还没有掌握。但学生在平时经常接触图文混排的电子作品，对这样的作品很感兴趣，都很愿意学会这部分操作内容，学生也具备了这样的能力。因此学会图文混排成为了必然。 三、设计思路： 信息技术是一种知识性与技能性相结合的基础课程，既有枯燥的理论知识又有学生感兴趣的操作内容。在本节课教学过程中我采用任务驱动式教学，让感兴趣的任务驱动下逐步完成本节课的学习任务。教师利用网络的优势，展示优秀的作品，吸引学生注意力激发学生学习欲望。同时根据学生已有的知识设计学生自学环节，让学生通过小组学习掌握操作技能，让学生在自己动手操作中感受成功的喜悦同时让其他学生作为小老师指出不足，提出改正建议。教师做为课堂的设计者和学生学习的指导者，问题情境的创设者，鼓励学生主动参与学习，为学生提供动态的，丰富的信息，为学生的主动学习创设空间，激活学生积极探索的自信心。让他们在学习中充分体验学习给他们带来的乐趣。 四、教学目标：①、知识目标： 掌握在work2003中插入图片的方法，能调整图片的位置、大小、文字环绕工具。 ②、能力目标：培养学生自主学习小组合作学习的能力。激发学生创新意识，培养学生动手操作能力。 ③、情感目标： 图片的美与文字巧妙的结合，逐步实现信息技术学科与语文、美术学科的整合。五、教学重、难点 重点：插入图片的方法、调整图片的大小、位置，会使用文字环绕工具。难点：图片环绕方式的设置。 六、教学准备： 图片若干 七、教学过程： 第一环节：情景激趣，引出主题 首先，展示风景图片，同学们一定会被眼前美丽的风景所打动。此时，问道：多么美丽的风景啊，同学们想不想马上就到去看看呢？你们想不想让外面更多的人了解我们美丽的家乡，让更多的人知道呢？那么，今天我就让大家当一回设计师，用我们所学的Word软件为家乡旅游事业设计一份宣传单，让更多的人来我们的家乡旅游、投资，带动家乡经济的快速发展！好不好？ 同学们的激情一下了被调动起来，使新知识的学习成了学生内心的需要，从而使这节课有了一个良好的开端。 第二环节：任务驱动，自主探究 同学们的激情被调动起来后，个个跃跃欲试，紧接着有一些同学会由喜悦转为疑惑：怎样为家系的旅游发展作宣传呢？
用“域”来往Word中插入图片
用“域”来往Word中插入图片 这里，会用到一个叫“INCLUDEPICTURE”的Word域。先来看看这个域的用法（来自Word 帮助文档）： 域用法：{ INCLUDEPICTURE "FileName" [Switches ] } "FileName" 图形文件的名称和位置。如果其中包含较长的带空格文件名，请用引号引住。指定路径（路径：操作系统用来定位文件夹或文件的路径，例如 C:\House finances\March.doc。）时，请以双反斜杠替代单反斜杠。例如： “C:\\Manual\\Art\\Art 22.gif” Switches 开关，如下： \c Converter 指定要使用的图形筛选。图形筛选的文件名不带有 .flt 扩展名，例如，输入 pictim32 表示筛选文件 Pictim32.flt。 \d 图形数据不随文档保存以减小文件长度。 注意一下：插入域的时候，包含域代码的那一对大括号并不是手工输入的。应该使用Ctrl+F9来插入域（此时会自动插入表示域的那一对大括号），并在其中填写域代码。 现在先来试验一下通过域插入图片。假设在C:\有一个图片文件test.jpg，那么，在Word里按Ctrl+F9插入域，并填写代码“INCLUDEPICTURE "C:\\test.jpg"”，注意C:后面是“\\”而不是“\”。现在保持光标在域中，按Shift+F9将代码转换为结果，也就是把图片内容显示出来。这时候如果什么也没显示，不要慌，按个F9刷新一下域就行了。其实，在按Shift+F9之前直接按F9刷新域也可以显示出来图片。 INCLUDEPICTURE域已经试验成功了，现在只需要在邮件合并的模板中插入INCLUDEPICTURE域，并在它的“FileName”参数中插入包含图片地址的合并域，比如：
在FrontPage网页中导入及处理图片(高中教案)
在FrontPage网页中导入及处理图片）教学设计 ——南海艺术高中吴延信 教学设计 Ⅰ. 教学思想与理念：根据教育部2003年3月份正式印发的《普通高中信息技术课程标准》来制定本节课的教学设计。信息技术课不等于计算机课，信息技术课更不等于“微软培训课”。“高中信息技术课程在义务教育阶段的基础上，以进一步提升学生的信息素养为宗旨；让学生在信息的获取、加工、管理、呈现与交流过程中，在通过交流与合作解决实际问题的过程中，掌握信息技能，感受信息文化，增强信息意识，内化信息伦理；使高中学生发展为适应信息时代要求，具有良好信息素养的公民。”因此，在信息技术教学中，要体现信息技术与课程整合的思想；要在教学中体现出技术所蕴含的艺术、文化与道德责任。基于此，高中的信息技术课不应该只是学习系统的计算机理论与知识，而是以应用性学习为主，重点在于提高学生利用软件完成任务的水平。 Ⅱ.课题：校园印象（在FrontPage网页中导入及处理图片） 设计意图及要求：根据教学目标来选择教学的课题，课题的选择以“任务驱动”和“问题解决”作为学习与研究活动的主线，创设有具体实际意义的情境，引导学生学这一情境中进行学习（意义建构）。高一学生刚进学校，这一课题是针对高一学生进行爱校教育的内容之一。通过设计一个主题网页来展示学校某一方面的特色，这一过程中，学生要用到与之相关的信息技术，使学生在提高信息素养的同时也获得了爱校情操的情感体验。因此，“任务”或者“问题”如何提出来？提得是否合乎实际——符合培养目标？就是教学设计成败的关键。本节课的教学技术知识内容是FrontPage中如何导入图片到网页中并进行简单的图片处理，为了贯彻这一内容，设计了一个实际任务，将信息技术与任务有机整合，使学生在这个任务的驱动下去掌握新知识并利用新知识完成任务。 Ⅲ.教材分析：本课是《中文FrontPage2000实用教程》（北京电子希望出版社2000年）第三章第一节课的内容。 Ⅳ.学情分析：高一年级的学生，经过初中的信息技术课的学习，已经具备了一定的知识基础和操作技能，尤其对office比较熟悉，也有足够的兴趣去学习新知识。但由于电脑课在中学相对偏少，不少学生仍对Windows的操作不熟练，对获取计算机中和网络上的资源不熟练，这有待在课堂指导上加以辅导。为了学生能顺利完成任务，获得成就感，本节课事先为学生提供了一个资源库供学生选用。课堂上带着任务去学习信息技术，学以致用，这对学生来说还是比较新颖的学习方法；如何为了解决问题而去获取相关信息，学生也显然不熟悉，因此，教师在课堂上必须提供足够的支架与导航。 Ⅴ.学习目标/学习成果 1知识性目标：知道如何把一个图片导入到FrontPage网页中； 理解如何保存一个“嵌入式文件”，掌握“缩略图”的制作；
在word中插入文件图片
《在word中插入文件图片》教案 教学内容： 小学信息技术课本第三册第四课《在word中插入图片》的第二课时——在word中插入文件图片。 教学目标： 知识目标：让学生掌握在word中插入文件图片、调整图片大小、设置环绕方式等操作。 能力目标：在老师的引导和帮助下，通过学生自主探究实践，提高学生自主探究、解决问题的能力。 情感目标： 1、通过自主探究解决问题，增强学生的自信心。 2、让学生感受图文并茂带来的感染力，能表达自己的看法。 教学重点： 在word中插入文件图片的方法，调整图片大小，设置环绕方式。 教学难点： 使用恰当的图片修饰温州，使图片为突出文章主题服务。 教学方法： 情景创设、任务驱动、自主探究 教学平台： 多媒体网络机房 教学过程： 一、比较导入 同学们，上节课我们学习了在word中插入剪贴画，请看，我在文档中插入了一张剪贴画，同时又插入了一张图片。你认为哪一张更合适呢？ 学生会说出，下边那张渭华起义纪念馆图片更合适。追问为什么？内容讲的是渭华起义，图片也是渭华起义纪念馆的。
教师指出：插入的图片与文章内容相符合，使文章更形象生动。虽然剪贴库里资源多，但有时候不能够满足我们的要求，需像这篇文档要我们自己获取外部的文件图片。今天我们就来学习如何插入外部的文件图片到文档中。 板书：在word中插入文件图片。 二、新知探究 1、插入图片 请大家打开桌面上的素材文件夹，打开里面的渭华起义图片文件夹，打开里面名为“渭华起义纪念馆图片”的文档。 切换到广播形式，师：插入文件图片和插入剪贴画步骤相似，但有不同。我们一起来回忆插入剪贴画的方法：确定插入点——单击插入命令——图片——剪贴画。好，到这。同学们往下看，有一个新的命令——来自文件。以下的步骤就与插入剪贴画不同了。 注意看老师操作： 单击来自文件——出现插入图片的对话框——选择范围为桌面——选择素材——大钊馆文件夹——选择你需要的图片 看明白了吗？好，请听要求：打开“渭华起义纪念馆图片”文档，插入一张与内容相符合的图片。（切换） 学生做，教师巡回指导。 发现有学生插错，把大钊故居的图片插入到文档中，及时叫停，屏幕转播： 大家看一下这位同学做的，有没有什么问题？ 学生说，图片与文字内容不符合。 师反问学生：那里不符合？上面有刘志丹的像啊 同学们一起说，这张是刘志丹故居的，我们参观过。 师：对，老师故意设了一个障眼法，被大多数同学识破了。注意，图片一定要与内容相符合。改一下吧，做错的同学。 找学生总结这个步骤，台前演示 确定插入点——单击插入命令——图片——单击来自文件——出现插入图片的对话框——选择范围为桌面——选择素材——渭华起义纪念馆图片——选择图片——插入。
在网页中插入图片教学设计
《在网页中插入图片》教学设计 执教：熊恒教学目标： 知识与技能： 会打开上次的网页；了解图片在网页中的作用；学会在网页中插入图片的方法。 过程与方法： 通过独立探究和小组探究的方法基本掌握在网页中插入图片。 情感态度与价值观： 培养学生的审美能力，形成与同学和谐相处、共同进步的精神。明白帮助他人的目的就是美化我们的心灵。 教学重难点： 重点：了解图片在网页中的作用 难点：能在网页中插入图片 教学时间：一课时 教学过程： 一、导入新课： 同学们，上节课我们学会了制作只有文字的网页。可是“咪咪豆网屋”的主页还有可爱的胖胖熊图片呢！它是怎么进来的？对于这个问题，我们来进行具体的研究。 揭示课题：在网页中插入图片 二、探究新知
任务一：了解图片在网页中的作用。 （1）、教师出示只有文字和带有图片的两个网页，提问：这两个网页哪一个好看呢？ （2）、引导学生观察，并说出为什么？指定学生回答（有图片的那一个） （3）、小结：网页中的图片可以使网页更加美观漂亮。 任务二：打开主页文件咪咪豆网屋index.htm （1）、师生复习启动frontpage 软件。（它是微软公司推出的一款优秀的网页制作软件） （2）、学生试着打开主页文件咪咪豆网屋index.htm，老师巡视并校正。 操作步骤：网页制作软件——单击文件——打开文件——我的文档，找到主页文件咪咪豆网屋index.htm——再打开。 （3）、学生操作。 任务三：把“胖胖熊”请进来 （1）师生复习在word 中插入图片的方法，指名学生回答。 教师小结：方法一：①、复制——粘贴；②、方法二：菜单——插入——图片——来自文件——选择图片单击插入。 （2）学生练习图片的插入， （3）学生探究把胖胖熊请进“咪咪豆网屋”主页中的的方法。 教师提问：能否把在word中插入图片的方法运用在frontpage 软件中呢？（指名学生回答：可以）
《在WORD中插入图片》教学设计
《在WORD中插入图片》教学设计 知识与技能目标：了解在word插入图片方法；灵活运用图片工具栏，把所学知识运用于生活，锻炼综合运用所学知识的能力。 过程与方法目标：通过任务驱动的教学方法，培养审美与观察能力、自主探究学习能力、自我创新的能力以及对信息的获取、加工处理和创新设计能力。 情感态度与价值观目标：激发学习信息技术的兴趣；在交流合作学习中，培养互相帮助、共同讨究、团结协作的良好品质。通过课堂展示、评价激励，体验收获的乐趣。 教学重点：让学生掌握图片插入方法和图片工具栏按钮的使用。 教学难点：“图片”工具栏的使用。 一、.创设情境，激趣导入 同学们都喜欢制作贺卡吗？大家都知道贺卡里的图片是哪里来 的吗？ 二、自主探究，学习新知 （1）插入图片 （2）调整图片大小和位置 师：刚才插入进来的图片大小、位置合适吗？（不合适）怎么来调整一下呢？哪位同学可以来试一下？ 学生进行调整操作。 学生动手尝试，教师巡视指导。
设计意图：让学生在自主探究学习中掌握知识点，并在学习过程中发现问题、提出问题、解决问题，在动手实践操作过程中深化知识内涵。 三、综合实践，创新运用 四、综合创作 通过作品设计的形式来进一步深化巩固所学知识，让学生所学即所用，把所学知识应用于日常生活中。 五.展示交流，总结延伸 师：同学们通过自己的努力，顺利完成了作品的创作，很多同学的贺卡做得非常精美，下面请大家相互看看本组其他同学的作品，设计意图：通过展示交流学生作品，培养学生的审美能力和与人沟通的能力，让学生学会欣赏、评价。总结本课所学知识，拓展应用，进一步升华、体验所学知识。 六、总结和作业
网页中图片的使用教案
《网页中图片的使用》教案 上海市风华初级中学顾坚 教学目标： 知识与技能目标：了解图片在网页中的作用；掌握网页中图片的插入与保存；初步学会在网页中合理布局图片。 过程与方法目标：通过观察，尝试，检验的过程，知道举一反三，归纳总结的学习方法。 情感态度价值观目标：体验与同学分享学习方法经验的乐趣；养成合理分类存放文件的学习习惯；初步形成对网页版面“形”的美学追求。 教学重点：网页中图片的插入的方法和必须注意的一些问题。 教学难点：理解网站中文件管理的思想和在网页中图片合理布局的认识。 教学方法：问题迁移，自主探究，评价小结。 现状分析： 这节课是华师大教材第五章学建网站的第四课时。学生已在前几课中学习了网站设计思路，网站结构规划和网站构建，在后序课中还将按小组设定的网站主题，搜索整理和网站主题相关的素材，常用素材和组件的插入，超链接设置，并分工完成主题网站的制作，最后在校园网发布主题网站。 预备班的学生在小学时大多都制作过版报，所以对图片插入到Word文档中的操作比较熟悉，而FrontPage插入图片的方法有相似之处，可以利用这一点完成知识与技能的迁移。有些同学还没养成做完作品及时保存的习惯在文件保存过程，两种软件有较大的不同。第一，网页中图片的保存对学生来说在理解上有一定的难度；第二，大多数同学没有形成分类存放文件的意识和习惯。在图片的布局时大多数同学由于年龄特点，往往把关注点放在图片的内容中，而忽视了图片与网页主题的关系，对图片在网页中的作用考虑较少。 教学过程： 一、新课引入 1、观察下面三个网站的截图，能知道分别是什么网站吗？说说理由。 分别是汽车，卡通动画，苹果网站。从文字和图片中看出来。 俗话说，“一幅图画胜过千言万语”。如果希望向网站访问者快速传达信息，或者只是希望网站更具吸引力，使用图形是一种很好的方法。 2、图片格式有几种？ 可以有BMP，GIF，JPG，PSD等。 图片可具有多种不同的文件格式。但GIF、JPG 和PNG三种格式的图片文件，文件较小，从而最适合在网络上进行快速传递。怎样将它们放到网页中呢？ 二、网页中图片的插入 试一试：以小组为单位，尝试在网站主页插入图片的方法。（小组汇总） 1、找找图片在网站文件夹中的位置。 2 板书：网页中图片插入的方法：1、“插入”→“图片”→“来自文件……”
信息技术教案：网页中插入图片
信息技术教案：网页中插入图片 第课网页中加入图片本课时教学目的和要求学会在网页中添加合适的图像，丰富网页中的信息。 培养学生的美感。 本课时教学重点和难点：在网页中插入图像。 网页中图像属性的设置。 教学过程欣赏作品学生欣赏两张教师提前制作好的网页：一张全文本，一张插入了美丽的图像。 学生说说当你看了这两张网页后，你的感觉如何？学生：纯文本的网页过于单调，而在文本的基础上，向网页中添加一些色彩绚丽的图片，产生图文并茂的显示效果，页面就会更加生动富有吸引力。 导入新课由学生的回答，导入新课（板书课题）复习旧知你还记得以前在和中如何插入图片。 上学期我们学过的多媒体的制作中，图片获得的途径有哪些？自行绘制数码相机拍摄扫描仪扫描网上下载抓图软件抓取。 用哪个软件可以对图片进行简单的处理？用什么软件进行浏览图片？讲授新课一出示任务[出示任务]在保护动物网页中加入图片。 [分析任务]板书打开网站插入图片（寻找图片路径）&;修饰图片保存网页二学生带着问题看书上机操作，完成任务首先观察：状态栏中的传输速率和时间，时间为，说明无图片，加入图片后再观察数值。 （图片下载时间）同时思考问题，以便回答：在网页中插入图片
的方法；在网页中使用的图像格式有哪些？可对图片进行哪些属性的调整。 &强调出现问题，举手询问；看书时，先大概浏览课本，通过标号了解本节主要知识点，然后在仔细阅读，会的地方不必细看，难处仔细推敲。 保存网页时注意图片的保存位置。 三学生回答，教师讲解重点网页中插入图片的格式---最高支持色，无损压缩，可增加动画效果。 ---可存取万种颜色，采用有损压缩方式，压缩率较大，图片相对教小。 ----支持真彩色，采用无损压缩其它：注意：如果图片不是或格式，那么保存网页时，使用色或更少颜色的图片会自动被转为格式，其它所有图片转为格式。 若插入的是动画，在浏览器下才能看到动态效果。 说明：虽然有许多优点，但目前网页中使用最多的仍然是和两种格式。 其它图片最好转换成这两种格式后再插入网页中。 那么在网页中到底采用哪一种呢？其实，每一种格式都有它的优点。 格式的图片由于只能包含最多种颜色，所以适合保存那些一文字为主包含颜色数目教少的图片，而适合保存颜色数目最大的照片海报