课件31张PPT。第6课 个性化网页设计岭南版 九年级下新知导入新知导入新知导入新知导入新知导入新知导入新知导入新知导入新知讲解 随着国际互联网Internet技术的不断发展和环球信息网Web的出现，世界变得越来越小，成为一个“地球村”，这是信息网络带来的结果。 当我们上网冲浪时，进入网站的第一个页面称为首页（主页），然后再链接到其他页面。你可曾想自己也设计一个网页？ 网页设计涉及艺术与技术两方面的知识，让我们尝试参与个性化网页设计的学习活动吧! 新知讲解 1.个性化网页设计主要体现在网页内容与风格上的新颖创意。
我们中学生的网页作品应体现丰富多彩的校内外学习生活。
2.网页设计的内容包括布局设计、框架设计、色彩设计等。
3.网页的构成元素包括网页名称、标题、背景、文字、图表、图形、动画、声音以及网页相关记录、时间等。 网页设计要求：新知讲解网页名称背景标题文字中华慈善总会网页新知讲解动画图表中华慈善总会网页新知讲解 1.好的页面设计会给浏览者留下好的第一印象。花边娱乐——明快、亮丽的风格中学历史教学园地——古朴、大方的效果 2.基本上每个网页都有一个主色调，有利于表现网页的品位和设计的意图。
网页的色彩主要通过底纹或底色来表现。 网页设计的发展历史不长，其风格主要受到现代主义设计和后现代主义设计两大设计思潮的影响。
现代主义设计主张形式遵循功能，推崇功能主义、理性主义，强调以客观的物性规律来决定和左右人的主观的人性的规律。现代主义设计风格形式单纯，强调功能、具有反装饰性、理性化和系统化的特点。受现代主义设计思想影响的网页设计，一般具有简洁明确的版式编排、理性科学的页面构成、清晰流畅的导航层级，其设计具有良好页面结构和完善的信息传达功能。
后现代主义设计是对现代主义的一种反动，反映了人们对于人情和人性的追求。后现代主义设计从现代主义的强调理性与功能回归到注重感性和多元化。它强调以人为本，通过追求直觉、趣味和人性化来传达对个体存在价值的关注，从而呈现出纷繁复杂的设计面貌。
拓展提高新知讲解 根据版面的编排，网页设计的风格大致可分为四大类： 1.以图形为主的。
2.以文字为主的。
3.图文并茂的。
4.突出色块的。 新知讲解班级论坛（以文字为主的网页设计）新知讲解柳树网数码世界（运用双色搭配的网页设计）新知讲解洛杉矶乡村艺术委员会（突出色块组合的网页设计）新知讲解中国风现代美术馆（图文并茂的网页设计）拓展提高网页艺术设计风格赏析 冷峻与温情
冷峻是指使人感觉不易接近，冷酷严峻。
温情是指温柔的感情与温和的态度。 拓展提高网页艺术设计风格赏析 数字与人文
数字风格是运用数字技术形成的与传统艺术审美有所不同的风格，其科技成分含量较高，视觉效果新颖多变，给人以奇幻感和距离感。
人文风格是指以人为出发点，能够体现人文精神，具有丰富人类情感的风格。拓展提高网页艺术设计风格赏析 神秘与直白
神秘是指捉摸不透、高深莫测。
直白是指直截了当的表达。 拓展提高网页艺术设计风格赏析 地域与国际
地域型网页是具有浓厚的民族文化特征的网页。
国际型网页是具有国际风格的网页，它体现的是全球化意识。 拓展提高网页艺术设计风格赏析 玩世与脱俗
玩世是以非常规的态度对待现实社会。
脱俗是指不沾染庸俗之气。 新知讲解采用某个网页设计软件，如Dreamreaver， 进行以文字为主的网页设计：
1.新建一个空文档：启动该软件，即自动打开一个新空白文档。
2.添加主题文字，如“班级论坛”，并插入文字内容，如“关于班级”、“我们的老师”等多个栏目。
3.设置文字的格式。
4.插入图片：单击object（对象）面板中的插入图像，在对话框中选择合适的图形文件。
5.设置图片的属性。
6.添加背景颜色：右键→Page Properties（页面属性）→选取颜色。 简易网页设计参考步骤拓展提高 1.常见的网页设计软件。
0ffice中的Frontpage，还有称为“网页制作三剑客”的Dreamreaver、Flash、 Firework等 。
2.上传文件。
国内有很多网站都提供了个人主页的上传服务。我们只要进入主页，再选择相应的子页面，按照它的导航进行操作，就能把我们的主页发布出去。FrontpageDreamreaverFlashFirework课堂练习 1.选择你喜好的网页主题，在电脑中设计、制作一个网页版面，其中包括标题的制作，文字与图片的插入与编辑，背景的设置等。 2.如果无条件，请尝试用手绘的办法设计一个网页手稿。 拓展提高学生作品欣赏谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
岭南版美术九下第6课《个性化网页设计》教学设计
课 时：1课时
课 类：设计·应用
教学思路：理解和掌握美术字的基本笔画与结构，以及字体的各种处理与变化；基本技能是能写出好看、实用的美术字。学习网页布局、框架、色彩等美术设计知识，掌握；图形、按钮、互动、动感等计算机设计应用技术。
教材分析：《个性化网页设计》 是互联网广泛应用并对美术设计提出新要求而出现的新课程，其学习内容中布局、框架、色彩等设计仍要应用传统的美术知识，而图形、按钮、互动、动感等的设计则要应用计算机的有关技术。把美术的平面设计知识与计算机图形软件的应用技巧密切结合，成为本课程的一个新亮点。
学情分析：九年级的学生思维较为成熟，对事物有了自己的认知，对于创造力也没有受到太多约束，是培养想象力，创造力的好时期。所以培养学生良好的学习习惯是最重要的。在本学期中采取不同的教学方式完成教学任务。
教学方法：演示法，提问法，互动法等。
教学用具：课件。
学生用具：教材。
课题
个性化网页设计
单元
第3单元
学科
美术
年级
九年级
学习
目标
（1）知识与技能目标：学生了解设计与工艺的知识、意义、特征与价值以及“物以致用”的设计思想，知道设计与工艺的基本程序，学会设计创意与工艺制作的基本方法。
（2）过程与方法目标：学生感受各种材料的特性，根据意图选择媒材，合理使用工具和制作方法，进行初步的设计和制作活动，体验设计、制作的过程，发展创新意识和创造船力。（3）情感态度与价值观目标：学生养成勤于观察、敏于发现、严于计划、善于借鉴、精于制作的行为习惯和耐心细致、团结合作的工作态度，增强以设计和工艺改善环境与生活的愿望。
重点
了解网页设计的基本概念。
难点
尝试设计体现个性的网页图标形象。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
教师展示不同网站，让同学们进行网站页面赏析。让同学们上讲台与大家分享自己对于网站页面的认知。老师进行总结引入本课。
简单讲述自己喜爱的理由，并注意不同设计手法之间相互的联系。
带着问题感受讨论。激起学生兴趣，进入课堂。
讲授新课
1.教师介绍网页设计要求，同时结合课本图片说明阐述。
2.介绍几种类型的网页设计表现形式，欣赏教材提供的网页设计作品，分析网页设计的特点。
提问：同学们来试着分析一下网页的表现手法吧。同学们知道在总结网页设计的基本构成特点时，还需要注意什么吗？
师：还需要关注网页文字、图标、动面、色彩等基本构成元素的指配特点。
3.介绍网页艺术设计风格，赏析课本各风格图片。
提问：网页艺术设计风格千奇百怪，大家说说看大家都知道那种风格啊？试着与小组内同学讨论交流。
冷峻与温情、数字与人文、神秘与直白、地域与国际、玩世与脱俗
4.介绍简易网页设计参考步骤
师：同学们有没有被千奇百怪的网页设计风格震撼到啊？下面我们一起来学习一下网页设计的步骤吧。让同学们也能像课件中制作的一样美丽漂亮。
5.欣赏同龄人作品。
学生通过教师的讲解，理解课本的教学内容。
思考并回答问题。
学生跟随老师的课堂认真学习。
思考问题，小组讨论交流，并推举代表发言。
学生跟随老师的课堂认真学习并及时提出自己不理解的地方或自己不懂的地方来跟老师进行互动。
分析对比几种类型的网页设计表现形式和特点，探究作品的设计思路，从中学习表现方法，激活学生创新表现的欲望和兴趣。
通过感受讨论，进一步激发学生的学习兴趣，突破教学重点。
通过详细的讲解教学，解决教学难点。
通过课本作品欣赏增加学生的审美和创作能力。
课堂练习
1.选择你喜好的网页主题，在电脑中设计、制作一个网页版面，其中包括标题的制作，文字与图片的插入与编辑，背景的设置等。
2.如果无条件，请尝试用手绘的办法设计一个网页手稿。
学生以个人创作或小组合作的方式，创意设计自己的网页页面（效果图即可）。
提出问题让学生思考进行创作能够更有效的记忆问题。
课堂小结
网页设计的风格特点：
1.网页设计要求
2.网页设计表现形式
3.网页设计风格
4.简易网页设计步骤
增强学生的观察能力和总结能力。
板书
1.网页设计要求
2.网页设计表现形式
3.网页设计风格
4.简易网页设计步骤
