岭南版九年级下第6课个性化网页设计(共31张PPT)

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