第6课 我的网页 课件 (共22张PPT)

(共22张PPT)
My Page
Learn to make web pages using a variety of information technologies
我的网页
九年级下册第六课
目录
1、网页的风格
2、网页设计
3、网站的建立
网页的风格
01
优秀的网页设计往往将一些构成页面的基本元素进行合理的组织，体现出语言难以表现的情境，同时展现网站独特的风格与个性，促使浏览者在众多选择中对其留下深刻的印象。
突出形象
幽默夸张
文字表现
网站建立的目标和客户需求不同,网页设计风格也会有所差异。试归纳一下自己所见过的不同类型的的网页。
构成网页的元素包括文本、色彩、图标、图片、导航栏、超链接、动画、声音、视频。
导航栏是一组按钮 ,可以帮助浏览者进入各个子頁面或返首页,起到贯穿整个网页的作用。其动画效果的动态装饰,使网页具有运动的形式美感。
恰当的主题能更好的突出主题、烘托气氛。
图标起到点缀、装饰的作用，同时使页面个性更鲜明，更具可辩性。
尝试像下图一样，画出一个网页的基本布局。
网页设计
02
多种电脑软件与设备为网页设计的实现提供了多样的手段。图片的形状、位置、大小、数量等直接关系到网页的视觉效果。文字是网页中的主要信息描述要素，文字表现的好与坏将影响到整个网页的质量。
1、使用美术软件中的文字工具输入文字,并选择你喜
欢的字体和效果。
2、使用区域选择和操作工具进行抠图、、旋转等图像处理。
3、使用鼠标或电脑绘图板并结合软件中的各种模拟画笔可以自由地添加图形。
4、通过色彩调节工具变换背景和图形的颜色，达成不同的配色效果。
网页色彩搭配原理
色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。
色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。
色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
色彩的联想性。不同色彩会产生不同的联想。蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。
色彩使用技巧
黑白灰色彩的应用
灰色是万能色，可以根任意一种色彩搭配，对一些明度较高的网站，配以黑色，可以适当地降低明度。
白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成总部份。这就是留白艺术。很多设计性网站较多运用留白艺术。
留白，给人一个遐想空间，恰当的留白对于协调页面的均衡起到相当大的作用。
色彩使用技巧
用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱合度（将色彩加深或减淡），产生新的色彩。用于网页。这样的页面看起来色彩统一，有层次感。
色彩使用技巧
用两种色彩。先选定一种色彩，然后先择它的对比色。比如蓝色与黄色。这样搭配可以使整个页面色彩丰富但不花哨
用一个色系。简单的来说就是一个感觉的色彩，例如淡蓝，淡黄，淡绿，或者土黄，土灰，土蓝。
用黑色各一种颜色。比如：大红的字体配黑色的边框感觉很“跳”。
色彩使用忌讳
不要将所有颜色都用到，尽量控制在三种色彩以内。
背景和前文对比尽量要大，绝对不要用花纹繁复的图案作背景，以便主要文字内容
根据文化背景适当的选择颜色黄色在信仰基督教的国家是下等色。
网站中颜色运用的例子
白宫
白宫的网站主要是白色和浅灰色，再加上一些蓝色和红色作强调色。白色象征着希望和自由，显露出平安和纯洁的价值。红色和蓝色当然是美国的代表色，红色代表着热情和能量，蓝色则代表着稳定与和平。
精品网页设计
网站的建立
03
课后作业:
收集本班成长经历以及班级和校园生活的资料，共同建设自己的网上家园班级主页。在网页上建立大家喜欢的栏目，展示班级风采。
1、能用手绘或电脑软件制作的方式为自己的个人网页设计一个图标，并能体现个人的个性、爱好、特长等。
2、能够运用电脑软件与相关设备，展开网页基本元素的设计练习，为个人或者班级设计网页。
3、尝试自评与互评，指出自己设计的网页在个性与创意、版式结构、色彩搭配、图片处理、导航与链接、动画制作等方面的长处和不足。
Thank you for
watching.