湘教版初中美术九年级下册6我的网页课件ppt
《网页设计与制作》课件
# 网页设计与制作
本课程旨在传授网页设计与制作的基础知识和技能。通过课程学习，您将掌 握网页设计的流程、布局原则、交互设计以及网站的维护与发布。
第一章：课程介绍
1 学习目标
明确课程学习目标，了解学习内容和要求。
2 课程安排
详细介绍每个章节的内容安排和学习进度。
3 教学方法
2 标准布局
讲解网页布局设计的基本原则和注意事项。
介绍常用的标准网页布局模式和技巧。
3 自适应布局
பைடு நூலகம்
4 响应式布局
学习如何设计适应不同设备和屏幕尺寸的 网页布局。
解析响应式设计的概念和实现方法。
第四章：网页交互设计
1 交互设计概述
揭示交互设计的重要性和基本原则。
3 交互设计流程
探讨交互设计的典型流程和步骤。
2 常用交互元素
介绍常见的网页交互元素和设计技巧。
4 JavaScript基础
入门级JavaScript语法和常用函数的使用。
第五章：网站维护与发布
1 网站测试与调试
学习进行网站测试、调 试和优化的方法。
2 网站备份与恢复
讲解网站备份和恢复的 重要性和实施步骤。
3 网站发布与维护
指导网站发布和日常维 护的关键要点。
介绍教学方法，包括理论讲解、实践演练和案例分析等。
第二章：网页设计基础
1 网页设计概述
2 HTML基础
介绍网页设计的定义、重要性和发展趋势。
学习HTML标签的使用和基本语法规范。
3 CSS基础
学习CSS样式的定义和常用属性。
4 网页设计流程
简要介绍网页设计的典型流程和步骤。
第三章：网页布局设计
初中美术教案9年级下：06课 我的网页
初中美术教案9年级下：06 我的网页初中美术教案9年级下：06我的网页一、教材我的网页分析本我的网页是以设计·运用为主的综合，以电脑网页制作表现为学习内容，围绕发展学生个性畏开教学活动，我的网页把美术教学与积极促进学生个性发展有机结合起来，与促进学生交流和自我能力的展示结合起来。
初中美术教案9年级下：06我的网页教材首页是一组较为有趣的网页设计和学生活动的图片，引发学生的学习兴趣，明确本的教学任务。
接下来列举了几种网页设计形式和表现手法进行比较，通过交流活动，启发学生探索更新颖的创意。
初中美术教案9年级下：06我的网页教材中选用了加菲猫乐园网站的网页设计实例，介绍了有关网页设计基本结构和特点，突出了网页图标对于网页设计的重要作用。
活动一以学习设计网页图标为内容，强化图标对于网页设计的意义，同时也突出了个性化设计对于网页设计的意义。
教材在活动一的安排中，对基本设计手法与网页构成特点有所了解的教学基础上，有意降低了作业难度，只选择了网页设计中的一个元素来进行设计，主要是基干面向全体学生获得成功体验的考虑。
虽然设计一个普通的网页图标形象并不难，但是网页的主体图标形象往往决定了一个网页的设计风格与表现手法，要设计到位也不容易。
版面设计知识是本教学的核心，具有普遍运用的意义。
教材运用类比的方法，引导学生学习版式知识。
介绍了如主题突出、变化统一、均衡呼应以及图文、色彩整体协调等设计原则。
活动二设置的设计个人网页的学习任务，一方面直接运用版式设计知识，另一方面整合了前一教学活动中设计手法与图标设计的教学内容。
同时，可以全面检验学生的学习成果。
资料库中以难度的大小，依次介绍了常见网页制作软。
提供相关链接旨在提示教师鼓励学生自己从相关的网络资源中寻找更多的教学信息与资料。
学习大空间中包含了三个活动。
上网收集活动在资料库中已经提示，在此进一步明确了优先收集网页设计密切相关的素材：链接按钮与动画图标。
设计班级主页，对于巩固深化相关网页设计知识，尤其对加强班级团队精神具有积极的意义。
湘美版九年级(初三)美术下册我的网页_课件1
7）鲜红色也是一种震撼感很强的颜色，如果搭配不当， 也可能使网站没有风格和特点。下面的这个网站就是使 用红色比较好的网站。我们来看看他的颜色搭配。他使 用的主色调是RGB（200，9，0），配以抽象的图形，文 字使用的是RGB（213，229，167）显得美观而不失独特， 大气而不逼人。如图7
8）下面介绍的这种色调是我们制作网页的时候不会经常用 到的颜色，如果使用到你的网页中，肯定会给人耳目一新的 感觉。他的主色调为RGB（144，151，97）辅助色调为RGB （173，168，112）边饰为黑色RGB（0，0，0）字体为黑色 RGB（0，0，0）。这样的搭配显得风格独特，颜色和谐而庄 重。如图8
网页设计的设计法则
1.网页设计之精彩配色
颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩 搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易驾 驭好网页的颜色搭配。 著名网站的颜色搭配方法，让我们的学习少走弯路，快速提高我们的网页 制作水平 (1)、网页颜色原理和象征意义 红色：热情、奔放、喜悦、庄严 黄色：高贵、富有、灿烂、活泼 黑色：严肃、夜晚、沉着 白色：纯洁、简单、洁净 蓝色：天空、清爽、科技 绿色：植物、生命、生机 灰色：庄重、沉稳 紫色：浪漫、富贵 棕色：大地、厚朴
5.空白---空白有两种作用，一方面对其他网站表示突出卓越， 另一方面也表示网页品位的优越感，这种表现方法对体显网页的 格调十分有效。
6.尽量用图片解说---此法对不能用语言说服、或用语言无法表达 的情感，特别有效。图片解说的内容，可以传达给浏览者的更多 的心理因素。 7.网页的白色背景太虚，则可以加些色快; 8.版面零散，可以用线条和符号串联; 9.左面文字过多，右面则可以插一张图片保持平衡; 10.表格太规矩，可以改用导角试试。
九年级美术下册《我的网页》教案、教学设计
5.鼓励学生创新思维，尝试运用不同的设计方法和技巧，培养学生的独立思考和解决问题的能力。
（三）情感态度与价值观
1.培养学生对美术与生活的热爱，激发他们用美术的眼光观察世界，发现生活中的美。
2.培养学生具有良好的团队协作精神，学会与他人分享、交流和合作。
然而，学生在网页设计方面可能存在的困难有：对网页制作软件不够熟悉，对网页布局、排版和美工设计缺乏经验，以及对网络信息的筛选和运用能力有限。因此，在教学过程中，教师应关注学生的个体差异，给予针对性的指导，帮助他们克服困难，提高网页设计能力。
此外，九年级学生正处于青春期，他们的个性鲜明，创新意识较强。教师应充分调动学生的主观能动性，鼓励他们发挥想象，将自己的独特见解融入到网页设计中，从而提高作品的艺术性和个性化。通过本章节的学习，学生将能够在美术学科领域得到进一步的拓展和提升。
b)运用案例分析法，挑选优秀网页设计作品进行分析，引导学生学习设计思路和技巧。
c)小组合作学习，鼓励学生相互交流、讨论，共同解决问题，提高团队协作能力。
d)教师个别辅导，针对学生在设计过程中遇到的问题给予及时指导和解答。
2.教学策略：
a)注重理论与实践相结合，让学生在实践中掌握理论知识，提高实际操作能力。
三、教学重难点和教学设想
（一）教学重难点
1.重点：培养学生掌握网页设计的基本方法和技巧，包括布局、排版、美工设计等。
2.难点：如何引导学生将美术知识运用到网页设计中，提高作品的艺术性和个性化。
（二）教学设想
1.教学方法：
a)采用任务驱动法，将网页设计任务分解为多个子任务，让学生在完成具体任务的过程中逐步掌握网页设计技能。
初中美术 第6课 个性化网页设计 教学设计
中学美术学科线上课程教案九年级下册第三单元第6课一、教学材料授课年级：九年级授课人：授课教材：粤岭版九年级下册授课主题：个性化网页设计授课内容：了解网页的构成要素与形式美感特征；体验网页设计制作的方法与步骤。
授课课型：设计·应用二、教学内容分析本课是以“当代美术与社会生活”为主线开展的，旨在使学生能够运用计算机或现代多媒体技术，探索数字化美术的形式美感和设计应用，体现了美术学科跟上时代步伐，融入当代社会生活的现实。
其学习内容中要素、布局、框架和风格等仍要应用传统的美术知识，而图形、互动等设计则要应用计算机的有关技术。
三、学情分析本课教学对象为九年级下学期学生，因面临中考压力较大，个体差异也大的因素，本课在设计上依纲靠本，始终围绕单元话题，深入浅出地在网页案例分析的过程中呈现相关知识点；适当地设计了手绘、手机app两种较能实现的作业任务供学生选择，也拓展了更为专业的网页设计软件供学有余力的同学作进一步的了解。
四、教学目标1.图像识读：欣赏网页案例，能够指出网页构成要素、网页部件和网页布局方式；2.美术表现：以手绘或多媒体工具设计一个网页页面效果，要求符合网页的基本结构，并具有一定美术特征；3.审美判断：通过对网页设计的欣赏和设计实践，学生能够认识到现代网页个性化的多样性，并且提高学生对网页设计审美鉴赏能力。
4.创意实践：巧用设计工具，使得网页设计具有个性特征，体现个人审美与创意；5.文化理解：通过实用、新颖的学习过程，使得学生感受到数字化美术的魅力与发展前景。
五、教学重点、难点重点：认识网页界面的基本构成要素和美术特征，并能通过绘画方式表现。
难点：运用多媒体绘图软件设计网页界面。
六、教学设计理念《新课标》中提出“设计·应用”学习领域强调作品中的创新性与功能性特点，其中“设计”对现实生活的改变、完善与促进功能尤其应该重视，这是因为设计的产生和发展，其本身就是人类社会实现文明的进步、应对和改善生活环境的重要标志。
网页设计课程课件PPT
学习方法
1
理论学习
通过课堂讲解和教材阅读，掌握网页设计的基本概念和知识。
2
实践练习
通过实际项目练习，将所学的理论应用到实际网页设计中，并获得反馈和改进机会。
3
案例研究
分析和研究优秀的网页设计案例，从中汲取灵感和技巧，拓宽自己的线课程和学习 平台，可以进一步提升网页设计 技能。
设计博客
介绍一些优秀的设计博客和网站， 供学习和灵感之用。
结语
希望通过本课程，您能够掌握网页设计的核心知识和技能，成为一名优秀的 网页设计师，并创造出精彩纷呈、令人惊叹的网页作品！
网页设计课程课件PPT
欢迎参加我们的网页设计课程！本课程将带您踏上创意艺术之旅，学习如何 设计出令人难忘的网页作品。
课程介绍
本节将为您介绍网页设计的重要性，探讨用户体验和视觉设计的关系，并介 绍一些成功的网页设计案例。
课程目标
1 掌握设计原则
2 了解最新趋势
3 提高技能
学习并掌握网页设计的核 心原则，包括布局、配色、 字体选择等。
跟踪并了解当前的网页设 计趋势，以保持自己的作 品时尚和前卫。
通过实践和案例分析，提 高自己的网页设计技能， 并能够应用到实际项目中。
课程内容
页面结构
学习如何设计有良好结构的网 页，包括导航栏、页眉、页脚 等。
色彩搭配
探讨色彩在网页设计中的重要 性，学习如何选择和搭配吸引 人的配色方案。
图片与图标
常见问题解答
是否需要有编程基础？
不需要，本课程将从最基础 的概念开始讲解，并提供相 应的学习资源。
能否在课程结束后独立 设计网页？
湘美版九年级美术下册《我的网页》说课稿
湘美版九年级美术下册《我的网页》说课稿一、教材背景和课程目标1. 教材背景湘美版九年级美术下册是根据九年级学科标准和课程标准编写的教材。
该教材以培养学生的美术基本技能、创意思维和审美能力为目标，涵盖了网页设计、平面设计、色彩运用等内容。
本说课稿针对教材中的《我的网页》一课进行讲解和分析，帮助学生掌握网页设计的基本概念、技巧和实践。
2. 课程目标通过本节课的学习，学生应该能够：•理解网页设计的基本原理和要素；•掌握网页布局和导航设计的基本技巧；•学会运用色彩和图像优化网页设计；•运用HTML和CSS等技术制作简单的网页。
二、教学重点和难点1. 教学重点•网页设计的基本原理和要素；•网页布局和导航设计的基本技巧；•色彩和图像在网页设计中的运用。
2. 教学难点•网页设计要素的理解和运用；•网页布局和导航设计的实践；•色彩和图像的优化在网页设计中的应用。
三、教学过程和方法1. 教学过程本节课分为以下几个环节：•Step 1：引入课程内容（5分钟）•Step 2：介绍网页设计的基本概念和原理（15分钟）•Step 3：讲解网页布局和导航设计的基本技巧（20分钟）•Step 4：探讨色彩和图像在网页设计中的应用（20分钟）•Step 5：介绍网页制作的基本工具和技术（15分钟）•Step 6：演示制作一个简单网页的过程（15分钟）•Step 7：课堂互动和总结（10分钟）2. 教学方法本节课采用多种教学方法，包括：•讲解：通过讲解网页设计的基本概念和技巧来引导学生理解和掌握；•演示：通过演示一个简单网页的制作过程来实际操作并加深学生的印象；•互动：通过提问、讨论和小组活动等形式来促进学生的参与和思考。
四、板书设计本节课的板书设计如下：湘美版九年级美术下册《我的网页》教学重点：- 网页设计的基本原理和要素- 网页布局和导航设计的基本技巧- 色彩和图像在网页设计中的应用教学难点：- 网页设计要素的理解和运用- 网页布局和导航设计的实践- 色彩和图像的优化在网页设计中的应用五、教学资源准备•教材：湘美版九年级美术下册•PPT：制作一个包含网页设计原理、布局技巧、色彩应用和实例的PPT•网页制作工具：推荐使用HTML和CSS的在线编辑器，如CodePen六、教学评价和作业布置1. 教学评价本节课的教学评价分两部分：•课堂参与：通过课堂互动、答题和讨论来评价学生的主动参与程度；•作品展示：要求学生制作一个简单的网页并展示给全班，评价其网页设计的实践能力。
九年级美术下册 第6课 我的网页(第1课时)教案 湘美版
我告诉大家一个网站，上面有各种各样的动画图标，你可以直接下载，用到你的网页上。
屏幕出现“百万图库”（动画图标），打开几个有代表性的类别，如人物类、动物类、植物类、卡通类。。。。
让学生欣赏各类图标。
加菲猫：不过你想使自己的网页与众不同，还是自己动手设计吧，像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢，赶快动手设计完全属于你自己的图标吧。
生：学生回答（对学生提出的各种建议，老师要给于充分肯定）。
师：老师适当地补充、总结。一个好的网站，内容固然非常重要，但视觉效果也不容忽视，设计的好的动画图标，可以使整个网页充满活力。
下面我们就来欣赏一些优秀的图标设计
打开互联网，点开在课前找到的两个有代表性的学生网站
三、加菲猫带我们欣赏优秀的图标设计（了解图标设计的类别、特点）
第6课我的网页
课目
第6课我的网页
年级
9年级下册
备课
Hale Waihona Puke 总课时总第12课时第12周第1课时
本课课时安排2课时
授课时间45分钟
课型：新授课
教学程序
教学活动
媒体运用
（第一课时）
一、引言导入新课（网页设计的重要意义）
师：互联网已经遍布世界的每个角落，你想拥有自己的网页吗？为什么？
生：把自己的个性、特长、爱好表现出来，让更多的人认识自己，了解自己，加强人与人之间的联系和交流。
六、布置课后准备工作
师：这节课我们欣赏了别的同学设计的网页，还去了“加菲猫乐园”，并绘制了完全属于自己的图标，下节课加菲猫将教我们怎样设计网页，不过我们要提前做好准备，比如：确定网页的名称、栏目内容、相关图片等，并修改图标，下节课再见。
经典初中美术教案9年级下：06课我的网页的演变与应用
经典初中美术教案9年级下：06课我的网页的演变与应用】互联网的到来改变了我们的生活，尤其是在信息传递和获取方面起到了巨大的作用。
当我们打开网页，每个人都能看到不同的界面和内容，而我的网页也在这个巨大的信息平台中悄然而变了。
【正文】一、我对我的网页的初步构想初中时，学校要求我们设计一个自己的网页，可以展示自己的兴趣爱好、课程成果等内容，我也很兴奋地开始构思。
一开始，我选择了一个统一风格的点阵图案作为网页的背景，然后将自己的名字、班级、照片等信息添加到了网页上。
接下来，我加入一些可以展示自己课程成绩的列表，包括语文、数学、英语等，每个科目的成绩通过色块的不同高低表示。
二、我对网页设计的进一步探索经过一段时间的学习和探索，我对网页的设计有了更深的认识。
我开始学会使用较复杂的网页设计方法，如超链接、图片滚动条、左侧导航栏等，同时学会了使用CSS和JavaScript来美化和优化我的网页。
我尝试着使用更多的图片和颜色来制作页面，增加了大量的人物形象和配色来凸显我的专业技能和特别之处。
这样一来，在同学间，我的网页变成了众人瞩目的存在。
同学们都很期待在我的网站上查找和分享资料。
三、我在网页设计中获得的乐趣在我的网页设计中，我获得了很多乐趣。
我学会了如何使用不同的工具和软件来实现自己的想法。
我可以通过自己的创意来让网页更具吸引力，更满足自己的需要和兴趣。
我的网页可以让我与他人分享我的知识和技能，在彼此的互动中不断进步。
四、网页设计的应用尽管我的网页是一个简单的个人网站，但通过完善、优化和应用，可以使我在今后受到更广泛的应用和遵循。
例如在学业、职业和宣传活动中，我的网页都可以作为一个专业的个人品牌，帮助我与他人建立联系，显示自己的专业知识和才干。
五、网页设计的思考虽然我在网页设计中取得了一些进步，但我仍然认为这只是一个开始。
随着更好的软件和技术的出现，我们可以做出更好用的网页，达到更好的效果和效益。
因此，我需要不断学习新的技术和方法，以便更好地服务社会和体验自己的成长。
【知识学习】九年级下册《我的网页》第一课时学案新湘版
九年级下册《我的网页》第一课时学案新湘版课题第6课我的网页共2课时第1课时教学目标知识与技能目标：能够了解构成网页风格的基本元素及基本作用。
了解网页的常见风格和创意手法。
过程与方法目标：学习运用网页版面结构搭配的基本技巧，根据网页主题设计体现网页特点的主题图标；情感态度与价值观目标：尝试设计体现个性的网页图标及自己的个人网页。
教学重难点了解网页绘制步骤以及要注意的问题。
设计简单的网页。
教法学法引导、实践、讲解。
教师教学活动设计学生学习活动设计一、引入新课现代社会电脑网络的应用等。
二、欣赏探究欣赏课本中的图片，体会网页的特点及制作的方法。
欣赏教材提供的网页设计作品，分析对比几种类型的网页设计表现形式和特点，探究作品的设计思路，从中学习表现方法，激活学生创新表现的欲望和兴趣。
三、合作探讨（一）学习网页的基本设计手法。
（二）设计网页中的主体图标。
、分析“加菲猫乐园”的网页设计，按照网页版面的划分，逐块研究文字、图标、动画、色彩等基本构成元素的搭配特点，借以巩固、复习前面的知识，强调图标在整个网页设计中的重要意义。
2、提示学生选择能够表现自己性格的形象设计图标，一般选择卡通形象作为基本造型。
借助生肖、人物、以及拟人化的植物、动物或其他物品，如学习用具、劳动工具、交通工具等等。
四、创意表现、作业要求：课本P34页学习活动一，为你的个人网页设计一个图标，注意体现你的个性、爱好、特长等。
2、学生练习，教师巡回指导。
五、评价交流：通过评价分层次引导学生设计的方向。
学生谈自己看到的网页或自己心目中的网页等。
欣赏，探索交流。
学生自学，归纳。
分析、交流；尝试表现。
学生按照作业要求尝试进行个性网页设计。
浏览同学的网页，发表看法。
教学反思。
九年级美术下册 第6课 我的网页(第2课时)教案 湘美版(2021学年)
九年级美术下册第6课我的网页(第2课时）教案湘美版编辑整理：尊敬的读者朋友们:这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的,发布之前我们对文中内容进行仔细校对，但是难免会有疏漏的地方,但是任然希望（九年级美术下册第6课我的网页(第2课时)教案湘美版)的内容能够给您的工作和学习带来便利。
同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。
本文可编辑可修改，如果觉得对您有帮助请收藏以便随时查阅,最后祝您生活愉快业绩进步，以下为九年级美术下册第６课我的网页（第2课时)教案湘美版的全部内容。
第6课我的网页以上就是本文的全部内容，可以编辑修改。
高尔基说过：“书是人类进步的阶梯。
”我希望各位朋友能借助这个阶梯不断进步。
物质生活极大丰富，科学技术飞速发展，这一切逐渐改变了人们的学习和休闲的方式。
很多人已经不再如饥似渴地追逐一篇文档了,但只要你依然有着这样一份小小的坚持,你就会不断成长进步，当纷繁复杂的世界牵引着我们疲于向外追逐的时候，阅读一文或者做一道题却让我们静下心来，回归自我。
用学习来激活我们的想象力和思维，建立我们的信仰，从而保有我们纯粹的精神世界,抵御外部世界的袭扰。
The ａboｖe is ｔｈe whole cｏnｔent of tｈis artiｃｌe, Gorky saiｄ："ｔｈｅbooｋis ｔhe ｌadｄer of human pｒogress." Ｉｈｏpｅyoｕcan mａｋe progress with the heｌp ｏf this ｌａdｄer. Matｅrial ｌｉfe is extreｍely rich, sciｅｎce anｄｔechnolｏgｙare deｖeloping rａpiｄly, all of wｈicｈgradually ｃhａnｇe the way ｏf people'ｓｓtudy and leisur ｅ．Mａnｙpｅｏｐlｅaｒe no lonｇer ｅaｇｅr to pｕrｓue ａｄocument，but ａs ｌoｎｇas ｙｏu sｔilｌhａve suｃh a ｓｍａｌｌpeｒｓｉsteｎｃe, you wｉll ｃontinｕe ｔo grow and pｒoｇｒｅsｓ．Ｗhen the complｅx world ｌeａｄs uｓto chase out，ｒeaｄiｎg ａn ａrtｉcｌe or doiｎg a problｅm ｍakes us calm doｗn and return tｏourseｌｖｅs. Wｉｔh ｌearnｉng, we ｃan aｃtｉvaｔｅｏur iｍaｇｉnaｔion ａｎd thｉnkｉng，estaｂlish ouｒｂｅlieｆ, keｅp our ｐuｒe ｓpiriｔual wｏrｌｄaｎｄreｓist the aｔtack ｏｆtｈｅeｘtｅrnａｌｗorlｄ.。
《我的网页》精品教案
作业评价标准
学生设计的网页在个性与创意、版式结构、色彩搭配、图片处理、导航与链接、动画制作等方面是否具有美感。
《我的网页》微课程资源使用任务单
微课程资源信息
资源名称
《我的网页》
内容来源
九年级下册美术第六课插页
适用对象
九年级
资源介绍
5.整合网页知识，设计班级主题网页
使用说明
□课前预习√课中讲解或活动□课后辅导
□其他
将微视频共享（学生可以在家中随时浏览）。
知识类型
√理论讲授型□推理演算型□技能训练型
型□答疑解惑型√情感感悟型□其他
□实验操作
制作方式(可多选)
√拍摄√录屏√演示文稿□动画
□其他
选一选1/选一选2
作业1：用手绘方式制作的方式为你的个人网页设计一个简洁、生动的主体图标形象，注意体现你的个性、爱好、特长等。
作业2：把你喜欢的图片在电脑中进行一些处理，再试着搭配上不同的图文，变换不同的底色，看看页面版式会有哪些不一样的效果。
湘美版美术九年级下册《我的网页》教案
《我的网页》教案教学目标：知识目标：1）学会在网页中插入和设置水平线；2）学会在网页中插入和设置图片；3）学会保存带图片的网页；技能目标：1）培养学生的动手能力；2）培养学生自主学习的能力；3）培养学生发现问题、分析问题、解决问题的能力；情感目标：1）在教学中培养学生的审美情趣；2）激发学生的想象；3）培养学生间的合作精神；教学方法：任务驱动法、自主探究法、演示法；教学重点：本课教学重点是在网页中插入水平线和图片，以及保存带图片的网页；教学难点：本课的教学难点是图片的设置以及带图片的网页的保存；教学课时：1课时教学准备：比较好的学生的作品以及四个自己制作的网页网页一、只包含纯文字。
（文字中要有一主题，介绍的是学生熟悉并感兴趣的人或事物，如可介绍他们任课的老师，一般学生对自己的老师总是很感兴趣，或学生中比较有威望的同班同学，或者是一个动画人物：柯南，火影忍者，樱木……）网页二、比上增加水平线。
网页三、比上增加图片。
网页四、比上对水平线及图片作了相应的设置。
教学过程：任务一、在网页中插入和设置水平线创设情境、导入课题将事先准备好的学生的作品展现给大家，师问：同学们漂亮吗？生答：漂亮。
师：你们知道这是谁做的吗？大家一定想不到吧，这是和你们同龄的同学的作品（激发学生的学习热情，让他们感到网页的制作也并不是那么的困难，增强他们的信心，既然别的同学能做出来，那么我为什么不能呢！）师：上几节课我们对网页已经有了初步的认识了，我们知道在网页中可以插入文字，但是和我们在网上看到的网页相比，我们自己做的实在太单调，太难看了，师问：同学们想不想让自己的网页也像这位同学的那么漂亮呢？生答：想。
师：好，那么从今天开始我们就要来打扮我们自己的网站了，师：（将事先准备好的网页一，网页二打开）“找出不同点”（从而顺利引入本次任务。
）生：多了一条线师：有和没有有什么不一样，（这条线的功能），线是怎么来的？（学生可能有不同的回答比如是画出来的，或者也有同学知道水平线功能的，让同学上来到教师机演示-教师适当的称赞学生）师：将控制权交给学生，按照事先分好的小组，让学生自主探究，并完成课后练一练第一题。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
返回
注意下列网页设计的版面中红点标注的位置，你觉得 分别适合作为网页中哪种构成元素的设计？
返回
学习活动——“量身定做”绘图标：
1.为你的个人网页设计一个简洁、生动的主体图标形 象，注意体现你的个性、爱好、特长等。 2.根据网页特定的主题特点，对应设计导航栏、超链 接等网页风格构成元素的图形。
返回
个性化网页组织设计赏析
手绘一本翻开的便签笔记本， 配合书签与图画，构成一个极富 特点的网页。
色彩鲜明的书签成了
个性化的网页导航栏。
简结生动、 活泼可爱的小蝴 蝶成为网页的主 体图标。
返回
个性化网页组织设计赏析
对于个性化的专题网站而言，网页上凸显网页特色的个性化主体图标设计
不但打破设计常规，易于吸引浏览者的视觉注意，更重要的是能在第一时间生 动表达出网页的主题内容，使人过目不忘。
导航栏是网页主页上的一组按钮，可以帮助浏览者进入各个子页面或者返回主 页，起到贯穿整个网页的作用。其中可设置动画效果的动态装饰，使网页具有运动 的形式美感与视觉冲击力。
主体的图 标形象起到点 缀、装饰网页 的作用，同时 使得网页个性突出主题、强化色彩对
比与活泼气氛。
返回
主体图标的巧妙设计，把网页中的主要元素全部整合其中， 让人分不清是图形设计作品，还是一个网页的版面设计。
网页的优秀主体图标设计赏析 返回
网页的优秀主体图标设计赏析
返回
学
生
主
体
图
标
手
绘
作
业
参
考
返回
思考·练习——选一选之一： 下列四个拟定的网页图标形象中，你觉得哪个更
能体现“天文观察爱好者专题网站”的网页个性特 点？并说说你选择图标的理由。
义务教育教科书《美术》（湘版）九年级下册第6课
我的网页
长沙市长郡中学 刘晓军
返回
网页风格的构成元素
构成网页风格的元素包括文本、色彩、图标、图 片、导航栏、超链接、动画、声音、视频等。
返回
主页中相关超链接设计
“加菲猫”专题网站主页整体版面设计
返回
主页中整体导航栏目设计
主页中主体图标形象设计 返回
直观形象的图文设 计便于浏览者的页面选
择与浏览。
返回
网页大PK——网页设计“类比研究学习”
下列是加菲猫网站中英文不同版本的两个主页设计。比较两者在网页 导航栏、超链接、主体图标、色彩搭配等方面的异同，谈谈你觉得哪个网 页设计相对更好的看法。
2020/4/12
返回
网页风格常见创意手法
点击框中小图标链接放大图片信息
返回
谢谢观赏
返回
返回
选出更为适合“天文观察爱好者专题网站”的网页主体图标
2020/4/12
返回
思考.练习——选一选之二： 下列四个拟定的网页图标形象中，你觉得哪个
更能体现“自然环境体验者”的网页个性特点？并 说说你选择图标的理由。
返回
选出更为体现“自然环境体验者”的网页主体图标
返回
思考.练习——“小试牛刀”动动手： 如果要设计一个“地理爱好者的专题网站”，想想运用什