第6课 个性化网页设计（课件+教案）

课件31张PPT。第6课 个性化网页设计岭南版 九年级下新知导入新知导入新知导入新知导入新知导入新知导入新知导入新知导入新知讲解 随着国际互联网Internet技术的不断发展和环球信息网Web的出现，世界变得越来越小，成为一个“地球村”，这是信息网络带来的结果。 当我们上网冲浪时，进入网站的第一个页面称为首页（主页），然后再链接到其他页面。你可曾想自己也设计一个网页？ 网页设计涉及艺术与技术两方面的知识，让我们尝试参与个性化网页设计的学习活动吧! 新知讲解 1.个性化网页设计主要体现在网页内容与风格上的新颖创意。 我们中学生的网页作品应体现丰富多彩的校内外学习生活。 2.网页设计的内容包括布局设计、框架设计、色彩设计等。 3.网页的构成元素包括网页名称、标题、背景、文字、图表、图形、动画、声音以及网页相关记录、时间等。网页设计要求：新知讲解网页名称背景标题文字中华慈善总会网页新知讲解动画图表中华慈善总会网页新知讲解 1.好的页面设计会给浏览者留下好的第一印象。花边娱乐———明快、亮丽的风格中学历史教学园地———古朴、大方的效果 2.基本上每个网页都有一个主色调，有利于表现网页的品位和设计的意图。 网页的色彩主要通过底纹或底色来表现。 网页设计的发展历史不长，其风格主要受到现代主义设计和后现代主义设计两大设计思潮的影响。 现代主义设计主张形式遵循功能，推崇功能主义、理性主义，强调以客观的物性规律来决定和左右人的主观的人性的规律。现代主义设计风格形式单纯，强调功能、具有反装饰性、理性化和系统化的特点。受现代主义设计思想影响的网页设计，一般具有简洁明确的版式编排、理性科学的页面构成、清晰流畅的导航层级，其设计具有良好页面结构和完善的信息传达功能。 后现代主义设计是对现代主义的一种反动，反映了人们对于人情和人性的追求。后现代主义设计从现代主义的强调理性与功能回归到注重感性和多元化。它强调以人为本，通过追求直觉、趣味和人性化来传达对个体存在价值的关注，从而呈现出纷繁复杂的设计面貌。 拓展提高新知讲解 根据版面的编排，网页设计的风格大致可分为四大类： 1.以图形为主的。 2.以文字为主的。 3.图文并茂的。 4.突出色块的。 新知讲解班级论坛（以文字为主的网页设计）新知讲解柳树网数码世界（运用双色搭配的网页设计）新知讲解洛杉矶乡村艺术委员会（突出色块组合的网页设计）新知讲解中国风现代美术馆（图文并茂的网页设计）拓展提高网页艺术设计风格赏析 冷峻与温情 冷峻是指使人感觉不易接近，冷酷严峻。 温情是指温柔的感情与温和的态度。 拓展提高网页艺术设计风格赏析 数字与人文 数字风格是运用数字技术形成的与传统艺术审美有所不同的风格，其科技成分含量较高，视觉效果新颖多变，给人以奇幻感和距离感。 人文风格是指以人为出发点，能够体现人文精神，具有丰富人类情感的风格。拓展提高网页艺术设计风格赏析 神秘与直白 神秘是指捉摸不透、高深莫测。 直白是指直截了当的表达。 拓展提高网页艺术设计风格赏析 地域与国际 地域型网页是具有浓厚的民族文化特征的网页。 国际型网页是具有国际风格的网页，它体现的是全球化意识。 拓展提高网页艺术设计风格赏析 玩世与脱俗 玩世是以非常规的态度对待现实社会。 脱俗是指不沾染庸俗之气。 新知讲解采用某个网页设计软件，如Dreamreaver， 进行以文字为主的网页设计： 1.新建一个空文档：启动该软件，即自动打开一个新空白文档。 2.添加主题文字，如“班级论坛”，并插入文字内容，如“关于班级”、“我们的老师”等多个栏目。 3.设置文字的格式。 4.插入图片：单击object（对象）面板中的插入图像，在对话框中选择合适的图形文件。 5.设置图片的属性。 6.添加背景颜色：右 ... ...