网页(站)设计中九个心理学的建议

第一篇：网页(站)设计中九个心理学的建议

网页（站）设计中九个心理学的建议

1．建立信任关系

要你的访客做你所想要他们做的，首先你得跟访客建立信任关系。信任关系建立并不是件容易的事，尤其是这个骗子横行的时代，让人讨厌的人在网络哪个角落都有一大把。那些对网络还太熟悉的用户，如果谁问他们一些个人信息都会变得十分敏感，尽管这些信息对网站工作是十分需要的。作为网站或网页设计师，往往忽略自己已经是习惯了网上交易。但是对于我们的客户，还有他们的客户，互联网仍然是一个他们正要进入的很大很可怕的黑洞。所以要使你的网站即使就是一般用户都觉得更值得信赖。创建一个使访客用户安心的网站，就意味着他们很可能会注册一个账户，并且购买产品，或者用其他方式和你做生意。研究表明这些是可以通过网站设计和语言设计来达到或实现的。

2．熟悉和识别模式

网站或网页设计心理学认为，当一个用户访问网站的某个页面，一定是有某些东西是他们想马上看到的，不管登录的是一个什么网站。如果他们没有看到预期的东西，他们会觉得乱七八糟毫无意义，这个网站不可靠。当访客来到一个网站，对网站的期待主要有两点，一是来访的目标内容（这可能是某些主题信息上看到在售的某个漂亮的产品），二是要有针对性的导航。虽然标签可以帮助辨识的目的，设计还应该补充和加强这一消息。例如，你正在设计一个环境主题的博客，但你的设计看起来黑色和寂静又阴沉，并在页头一个夕阳西下的城市天际线，这样会很不好，甚至没有正确的暗示一下这个网站是干什么的。但如果设计的网站看起来很干净很现代，有些绿色和自然的口号，就会给人一个深刻的印象，这是环境保护主题的博客。另外人们期待博文放在博客的首页，期望电子商务网站的头版都放产品。对于任何网站，人人都期望在超过了几个深度的页面便会提供一个搜索功能。而且在大多数情况下，人们还期望有“关于我们”和“联系我们”的页面内容。

3．网络上的品牌符号要统一

除了大多数访客希望看到一个网站所必备的基本要素，还应该有些标识吸引用户跟你公司要相联系。想想你设计的一些线下的促销宣传单的颜色，这些颜色也应该某种程度上融入你的网站，即使它只是在标题图片或者一些标识口号的颜色。就像你在宣传资料上印有Logo一样，在网站上你也要同样的呈现。然而这个基本的事情，很多企业往往忽略了这种线上线下的一致性，这样就失去了品牌标识传播的机会。

4．心理激发

心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。在网站或网页设计中结合激励性情绪的通常做法是网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表以加强激励效应。

5．运用图像强化概念

在网站设计上使用的图片既会帮助也会混淆你的访客。一个精心挑选的图片可以令你访客心领神会，了解你的意图。如果选择不慎，甚至会让你的访客很抓狂，让他们感觉到又回到了乱七八糟的黑暗时代。抽象的图像有时也有意想不到的效果，不过请小心使用，确保放在那里有它的意义。有时一个抽象的图形在不同的访客那里会有不同的解读，或将会完全误解原本的含义。

6．依据阅读模式设计内容

人们趋与按照“Z”字形浏览一个网站的模式，从顶部开始往左，最后到达屏幕右下角。作为一个设计师，你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左上角，道理就在于此。在此阅读区放置一些不相关的信息，访客离开之前还没有找到他想要的信息，他可能会认为这不是他要找的网站。

7．确保每页要有焦点

网站上的每个页面都应该有一个焦点，这是访问这个页面的目的，且不管这个页面是展示产品，还是介绍公司，还是最新的讯息。设计的时候需要把每个页面重点内容进行强调。每一页的重点也应立即显现出来，让访客知道他们在看什么。除了网页本身的内容，还应该通过在导航线索或通标题来强化。一个不成熟的网站最大特点就是总是在每一页上放太多的信息。其实不要害怕在网页上的留空白，每个页面上有明确的突出的重点并没什么好担心的。

8．颜色的心理学效应

颜色的心理学效应是设计心理学里面最复杂的主题。在网站设计时使用的颜色对你的访客来说有很大的影响，务必确保所使用的颜色可以加强信息和图片所要表示的意义。下面列出颜色和它们的基本含义清单。

红色：火热和激情，可以代表都爱和愤怒。

橙色：具有红色和黄色的属性。可以与能源和温暖相关。它比红色更冷静，更愉快。

黄色：温暖，愉快，幸福的颜色。它可以表示喜悦或胆怯。

绿色：自然，成长，和新生的标志。按照同样的道理，绿色，有时代表很嫩经验不足。在另一面，绿色，有时候是因为羡慕或嫉妒。

蓝色：平静的，冷静的，但使用太多可以令人感到消沉。往往与企业形象关联。紫色/紫罗兰：与贵族和财富的关系源远流长，也是一种与精神相关的颜色，可以有创造性的表意。

黑色：像变色龙，它可以是保守或前卫，传统或现代的，它还可以神秘和性感或常规和安全，这取决于怎么使用以及周围环境。

白色：代表着纯洁与清白，十分容易与其他颜色搭配。

灰色：中性的，平衡的。灰色是保守的和复杂的，但也可以看作是变化无常的。棕色：一个健康和务实的颜色，表示的稳定性和可靠性。

9．设置留白和喘息机会boxuelun.comjnxdx.com yxhjchina.comqlgoose.com mgsanalyn.netmgsnl.com

bjbhzhy.comcf100u.com zuoxuanroujian3.comjnforever.com cqkendo.com tantea.org2380664.comheshou.net sunny-lighting.net fjyougo.com ljayhj.com zglvjing.commimasjo.comft-sj.com

如果访客看到一个页面充满内容，他们会感到不知所措或压抑。这可能是网页让人感到过于随意和混乱。访客感到好像他们不知道从哪里开始，这意味着他们可能会跳出你网站到其他地方喘口气。网站上的合理留些空白空间，引导你的访客注意他们要找的信息。通过结合留白和适当比例的风格和元素，你可以暗示鼓励你的访客关注特定的东西，并可能有所行动。

第二篇：网页设计的几点小建议

浅谈《网页设计与制作》课程教学的几点小建议

摘要：《网页设计与制作》是一门实践性、操作性、综合性很强的课程,对学生动手能力的要求很高。为了提高《网页设计与制作》课程的教学效果，必须不断改革与充实教学内容，注重突出人才培养的实践性、应用性。改革教学方法，培养学生的实际动手能力，使学生能够运用所学的知识进行网页设计。

关键词：网页设计与制作、教学改革、教学方法

1、明确课程特点，把握教学目标

在网络技术迅速发展的今天,网页制作已成为当今社会上一种比较热门的技术。《网页设计与制作》是职业院校计算机专业的专业基础课,与传统的其他学科相比具有鲜明的自身特点：1)具有很强的操作性和综合实践性,特别强调学生的操作能力和学以致用的综合实践能力。2)理论教学服务于实践教学，实践教学反过来又作用于理论教学，任何一个细节都是为整体服务的，在教学过程中常有学生反映，上课能看懂、理解，但课后什么都忘了，做实验的时候还得翻开书一步步照着做，这也就是本课程的一大特点：易学易忘。

为了提高《网页设计与制作》课程的教学质量，笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会，与大家一起探讨。

2、激发学生探究热情，以学生为主导，采用适当的教学方法

《网页设计与制作》是综合实践性很强的课程，无论是网页界面设计、网页编程、网页艺术欣赏的教学，要让学生成为教与学的主要部分，把“要我学”变“我要学”，课堂上给与学生充足的思考，激发学生探究热情，让学生变被动学习为主动学习，从而成为教与学的主体。

（1）课程内容模块化，化解难点，循序渐进：我们将整个课程内容合理的模块化，各模块之间既相互独立，也相互关联，同时也将课程难点分解到各个不同的模块中，化解了学生的畏惧心里。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面

模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。

（2）精心准备案例项目，从宏观上进行教学设计：将实际案例引入教材、教学体系中，每个重要知识点均与实际应用结合起来，融创新思维培养、团队学习方式、实践案例教学于课程教学中。经典赏析、知识讲授、课堂练习、实践辅导、创新操作等不同教学方法灵活运用，在充分利用现代多媒体教学、网上学习、交流沟通的基础上，采用第一课堂与第二课堂结合，学研相结合，将现代科学技术充分应用于教学改革之中。

（3）采用“四阶段教学法”，从微观上将“教、学、练、做”融为一体。在进行教学时，教师对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。

课程组教师在理论教学与实践教学过程中抓住四个环节，提高教学效果。

（4）提倡“任务驱动”的教学理念：以目标确定教学任务，老师应该明确每节课的知识、技能目标，要根据这些目标设计具体的学习任务，力求学生完成学习任务；以任务引领自学，每次课，教师要明确下次学生应预习和准备的知识；用交流发现问题：在课堂教学中，无论是学生自学还是自测，教师都不应坐等问题出现，应当通过组织学生交流学习结果，在展示和对比中发现问题、发现认识缺陷；用碰撞形成共识，在课堂交流和评价中，发现学习中的问题，以此引起学生间的认识性争议，学生在思维碰撞中形成共识，是最好的教学方式。

（5）师生互动、生生互动，活跃课堂气氛：激发学习兴趣，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的；充分调动了学生的学习积极性和主动性，有效提高学生的学习能力、应用能力和创新能力。采用项目驱动与基础知识紧密相结合的全新教学模式，一边分析讲解、一边操作演示、一边动手练习、讲练结合。

（6）举办学生作品大赛，展示成果、促进交流：举行“网页设计大赛”，给学生搭建了交流学习的平台。通过这种活动，调动了学生的学习热情，对学生的学习主动性有了极大的促进作用，对学生的学习方法和努力方向有明确的引导作用，对学生的实际动手能力有明显的强化作用，对学生的求知欲和上进心有强烈的激励作用。

（7）“教必有法而教无定法”： 在《网页设计与制作》的课程教学中，教师做到教必有法，只有方法得当，才会有效，真正认识学生，了解学生基础知识储备量。根据教学内容的特点和学生思维活动的特点，采用情景教学法和讲练结合的教学方法课堂上，教师如果能以优美的语言，慢慢赏析一个网页时，让学生沉浸在教师的滔滔话语中，对学生来说，学到的不仅仅是知识，获得的更多的是一种艺术上的熏陶。

3、工学结合，教学合一，综合全面评价学生

在课程的教学过程中，让学生参加到实践项目开发中去，从网页设计与制作这个岗位群出发，积极倡导将真实的网站建设和网页设计项目带入课堂，争取实现将学生的全程实践结果作为承接项目的一部分。这样就要求学生在实践之前必须与客户单位进行细致地沟通，以完成该模块的需求分析，这样既提高了学生的制作技术，又做到了所学的内容与社会需求零距离，同时还锻炼了学生的人际交往能力、组织协调能力。

对学生的学习成果的的评价要不唯考试、不唯分数，《网页设计与制作》课程技能操作性强，能熟练操作网页设计工具、能制作出一个漂亮的网页，能对别人制作的网页作出自己的评析远比100分来得重要，这也体现了陶行之“千教万教，教人求真”的求真求实的精神，这个唯实、唯美的评价标准不仅仅是记在教师心中，也要在学生中间形成这种评价氛围，学生的学习成果得到教师和周围同学的肯定，是学生能持续主动学习最强大的内在驱动力。

4、课程改革的进一步探讨

本课程主要讲述静态网页制作部分，对于动态网页、色彩搭配、flash动画、图形图像处理技术只作简单的介绍。《网页设计与制作》作为一门综合性的课程还涉及许多相关的课程，可以根据不同的培养目标开设不同的课程。如：计算机网络专业前导课程可以开设Potoshop、Flash等，后继课程可以开设动态网页设计或电子商务网站开发等。

5、结束语

网页设计作为一门实践性较强的课程,在教学的方法上应有别于一般的基础理论课程.提升学生的主动性,通过对教学内容及实验内容的合理安排对学生进行正确引导并提高学生实际动手能力是其中的关键.我们对该课程的改革力求提高学生分析和解决问题的能力,通过教学实践的探索,这种教学方法极大地提高了学生学习的积极性,取得了良好的教学效果.参考文献：

[1] 张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化,2008(3).马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑,2008(4).

第三篇：网页设计师职位建议

网页设计师

工作描述：1、2、3、至少1年以上网站设计制作工作经验 熟悉网站建设的全过程以及相关技术 娴熟运用Dreamweaver, Photoshop, Fireworks等网页设计工具，切图

速度快而准确；熟练使用CSS+DIV网页架构技术；4、5、6、负责公司行业站相关页面的设计、改版、维护 个人能独立处理工单系统里的的工单，处理好及时反馈 善于发现平时工作中的问题（个人或是项目中），总结并分享有利工作上的方法

7、负责将网站的效果图进行切图，使用合理的编码习惯，让页面清晰，简洁，层次明了，易于维护，配合设计师和程序员，完成网站项目的建设

8、有较强的沟通能力和团队协作能力，快速的学习能力，乐于分享与沟通。

高级网页设计师

工作描述：1、2、3、3年以上大型电子商务网站设计制作工作经验 善于沟通协调、敢于面队挑战，敬业责任心强，有良好的团队精神 能把握互联网多种设计风格和潮流，把商业、设计完美结合；熟练使用常

用设计工具，熟练使用Photoshop、Flash、Dreamweaver、Illustrator等图形和动画制作软件；

4、熟练使用CSS+DIV网页架构技术；了解IE,Firefox,Safari主流浏览器的页面显示差异

5、具备独立设计策划与制作能力，能准确理解客户所提出的构思，及时高效

完成项目的要求；6、7、8、根据产品需求，分析并给出最优的页面前端结构解决方案 对交互设计、可用性、用户体验有一定程度的理解，、持续的优化前端体验和页面响应速度，优化代码并保持良好兼容性，提升

web界面的友好和易用；

9、负责公司行业站的网站首页及相关频道页的整体设计及切图

10、对公司所运营的网站有较深刻的了解，网站出了问题应第一时间解决

11、对于研发部门所提出的页面要求都能及时完成相应的效果

资深网页设计师

工作描述：1、2、5年以上大型B2B、B2C电子商务网站设计制作工作经验 具备独立设计策划与制作能力，有优良的艺术创意素质，设计具备时尚感，能符合当代互联网设计的发展；出色的页面视觉表现能力、审美意识，较强的图片设计及处理能力；提出崭新的创意策略；

3、优秀的设计习惯以及严谨的工作态度,对国内电商环境和商业业态有一定

认识

4、熟练使用Photoshop、Flash、Dreamweaver、Illustrator等图形和动

画制作软件；

5、能够熟练运用 HTML, CSS, Javascript,Jquery，HTML5+CSS3构建高性

能的 Web 应用程序，经常关注国内大型网站所运作的技术，学习并掌握运用到我们网站上来。

6、负责设计行业站的整体风格，包括制定网站整体颜色，宽度，字体，间距，行高，UI，ICO，等标准

7、负责制定行业站整体项目流程制作进度标准，包括文件结构，文件命名，CSS标准等8、9、负责设计行业站大型主题、策划品牌营销活动及广告创意 负责监督行业站整体完成质量水平

视觉设计师

工作描述：1、2、3、4、5、6、具有出色的艺术设计能力和web页面的表现力； 年轻，富有创造力和激情，对web前沿产品有灵敏的触觉和领悟能力； 熟悉web页面表现和交互技术者优先； 具有两年以上的大型电子商务平台开发经验； 良好的表达能力，沟通交流技巧，团队协作能力； 熟悉网站项目流程，具有较强项目规划能力和提升能力，优秀的职业素质，能够承受工作压力；

7、根据产品策划提供的DEMO图需求结合自身创意能够独立完最优的界面

设计解决方案、网站前台页面设计方案；

8、负责公司行业站、宣传平台、兴旺通UI的网页的设计、页面的美化、各

种活动及专题页面的制作

9、熟练运用Photoshop、fireworks、Illustrator等常用设计制作软件工具；

10、对于前期遇到反复修改的效果图，要给予科学合理的修改建议，有个人见

解，能够不断提出对产品、版面、广告等页面的修改创新；

11、按时完成领导分配的任务，如遇到平时相对较空的时间，要自发去学习或

制作与项目相关的工作

第四篇：《网页设计中的表格排版》教案

《网页设计中的表格排版》教案

授课老师：陈清锋

总1课时

本周第5课时

备课时间:2010年11月30日

授课班级:高一（2）班

授课时间:2010年12月9日

教学目标

知识与技能

1、掌握网页设计中的格式化操作

2、掌握网页设计中表格底纹设置

3、掌握表格的属性设置

4、掌握网页设计中表格的排版 过程与方法

1、培养学习、比较、归纳等思想方法和自觉学习的方法。

2、培养学生动手操作的动手能力，形成比学赶帮的学习气氛。

3、培养学生基本的网页制作流程，培养学生任务驱动方法。情感态度与价值观

1、在操作过程中体会网页编辑的整体美感，培养学生基本审美的观点。

2、引导学生形成自主学习与合作学习等良好的学习方式。

3、培养学生正确的人生观和道德情感。教学重点

1、表格中单元格的美感排版

2、掌握表格中的底纹操作 教学难点

1、网页设计中的表格美感排版

2、网页设计中表格嵌套操作 教学用时 1课时 教学地点 三楼机房 教学过程

一、课堂准备及引入（2分钟）

师生问好。清点人数。安全教育：大家刚才来到机房是怎么来的？蹦过来的？！不要急冲冲地来，要做一个文明学生，有一个大将风范，从容地走进机房，如果你是跑来，容易撞到别人，自己也容易摔倒。

大家都知道，现在每个公司，每个学校，每个企业都有了自己的网站，他们的网站都是很漂亮，而且都是非常容易吸引人的，其实，你们也是有能力达到那种水平的，关键是看你要不要学的问题，如果你要学，你们完全有可能超越他们。那么，在制作网页之前我们应该做一个什么重要的步骤呢？建立网站站点，下面，让一个同学来建立一个网站。由学生上台操作完成。网站建好以后，我们就可以制作网页了。今天我们的主要内容是如何利用网页设计中的表格对网页进行排版。（展示课题和重难点）

接着，展示本次训练的网页效果。要求学生按要求完成本次作业效果。（发素材到学生机）

二、提出自学训练题目（5分钟）

学生自己建立一个以自己名字命名的站点，新建一个主页页面，同时再建3个页面作子页面。

1、建立主页，同时建立三个子页面，制作主页网页背景，字体大小和网页标题。

2、制作LOGO栏（一行3列）。

3、制作导航条（首页、湄州之旅、三字公约等8个导航）

4、制作主页面的排版。（注意各排版的关系和位置）。

5、制作页面底部的版权和与子页面的链接部分。

三、学生操作，教师巡视（5分钟）

四、学生演示操作结果，检查学生的自学效果（5分钟）学生操作结果。（分别由学生来完成题目）

五、教师讲解，指出学生的不足（板书）（8分钟）

1、建立主页，“文件”→“新建”→“基本页”→“HTML” →“确定”。保存存“index.html”，用同样的方法建立三个子页面，分别保存。a“属性”→“页面属性”→点击“背景图像”右边的“浏览”按钮，选择“pic/bggreen.gif”这个图像文件，作为网页的背景。

b在标题右边输入：欢迎进入充满朝气蓬勃的高一（2）班级网站。

2、制作LOGO：制作一行三列的表格，分别插入各自的图像和文件。

3、制作导航：a新建一个页面文件，然后在编辑区域中插入一个 2 × 1 的表格，并设置表格的基本属性参数。b将光标置于第一行的单元格中，再将单元格的背景颜色设置为 # 69A 538，并应用同样的方法将第二行单元格的背景颜色设置为 #8FCB 5A。设置完成后将光标至于第一行的单元格中，然后在此单元格中插入一个 1 × 8 的表格，并设置表格的基本属性参数.。c录入文字并设置单元格。在新插入的表格的所有单元格中输入文字，然后选中所有单元格，设置单元格的相关属性。d改变其中一个单元格的文字颜色和背景颜色，使其突出显示。e此时即可得到带有层次感的表格效果。

4、主页面的排版：（重点讲解，让学生明白为什么要这样操作）

a插入一个一行三列的表格（重点说明：大的外表格起到排版布局作用）b左边的一列：插入三行一列的表格，并输入必要的图像和文字。c中间的一列：插入三行一列的表格，并输入必要的图像和文字。d右边的一列：插入三行一列的表格，并输入必要的图像和文字。（查看结果与教师的效果有何不一样）

e左边的一列：插入三行三列的表格，并输入必要的图像和文字。f中间的一列：插入三行一列的表格，并输入必要的图像和文字。g右边的一列：插入三行三列的表格，并输入必要的图像和文字。

（整调排版使用网页整洁美观，关键利用网页设计中的空表格作用进行排版）

5、制作版权和子页面：一行一列表格，输入版权。制作部分超链接。

六、学生当堂训练（8分钟）

学生继续完善网页主页和子页面的设计及超链接制作。

七、学生提交作业（2分钟）

让学生把作业提交上来，检查学生的作业。

八、作业讲评，比较，推优（1分钟）

把学生作业进行讲评，学生之间对比在学习中形成一个比学赶帮的气氛。（做好学生作业情况记录）

九、小结（1分钟）

1、网页中的表格排版一定少用空格。

2、页面要整齐美观。

3、网页中排版要注意空隙的使用。

4、使用扩展布局。

5、只设宽度，不设高度。

十、作业（10秒）

制作一个关于个人的网站。

十一、思考题，指导下一节讲课内容（30秒）

1、网页设计中有否其他的页面排版？

2、预习层的使用？它与网页有什么不一样的地方？

十二、检查计算机硬件配件，师生问好，有秩序下课。（5秒）

十三、教学反思

第五篇：在网页中插入图片教学设计

《在网页中插入图片》教学设计

执教：熊

恒

教学目标： 知识与技能：

会打开上次的网页；了解图片在网页中的作用；学会在网页中插入图片的方法。

过程与方法：

通过独立探究和小组探究的方法基本掌握在网页中插入图片。

情感态度与价值观：

培养学生的审美能力，形成与同学和谐相处、共同进步的精神。明白帮助他人的目的就是美化我们的心灵。

教学重难点：

重

点：了解图片在网页中的作用 难

点：能在网页中插入图片

教学时间：一课时

教学过程：

一、导入新课：

同学们，上节课我们学会了制作只有文字的网页。可是“咪咪豆网屋”的主页还有可爱的胖胖熊图片呢！它是怎么进来的？对于这个问题，我们来进行具体的研究。

揭示课题：在网页中插入图片

二、探究新知 任务一：了解图片在网页中的作用。

（1）、教师出示只有文字和带有图片的两个网页，提问：这两个网页哪一个好看呢？

（2）、引导学生观察，并说出为什么？指定学生回答（有图片的那一个）

（3）、小结：网页中的图片可以使网页更加美观漂亮。任务二：打开主页文件咪咪豆网屋index.htm（1）、师生复习启动frontpage 软件。（它是微软公司推出的一款优秀的网页制作软件）

（2）、学生试着打开主页文件咪咪豆网屋index.htm，老师巡视并校正。

操作步骤：网页制作软件——单击文件——打开文件——我的文档，找到主页文件咪咪豆网屋index.htm——再打开。

（3）、学生操作。

任务三：把“胖胖熊”请进来

（1）师生复习在word 中插入图片的方法，指名学生回答。教师小结：方法一：①、复制——粘贴；②、方法二：菜单——插入——图片——来自文件——选择图片单击插入。

（2）学生练习图片的插入，（3）学生探究把胖胖熊请进“咪咪豆网屋”主页中的的方法。

教师提问：能否把在word中插入图片的方法运用在frontpage 软件中呢？（指名学生回答：可以）学生动手操作：教师巡视，对不正确的地方进行校正。教师小结：

我们可以这样把胖胖熊请进“咪咪豆网屋”主页。操作步骤：

① 把光标移到第二行“咪咪豆网屋”的左边；

② 单击“插入”菜单；

③ 选图片来自文件→选C：“网页制作”文件夹→找到“胖胖熊1.gif” 文件并单击→单击“确定”。

（3）、学生操作，教师巡视指导

（4）、要求学生用同样的方法把胖胖熊放到“咪咪豆网屋”的右边。

任务四：保存网页

同学们，我们成功把胖胖熊请进“咪咪豆网屋”主页中，现在，我们要做的就把今天的作品保存起来！

学生试着保存：单击文件菜单——保存文件。

四、教师小结：今天同学们通过努力，基本掌握了在网页中插入和美化图片的方法，我们插入网页的目的是美化网页，帮助他人的目的是美化我们的心灵。