(共24张PPT)
认识网站
欣赏优秀网站
一、网站的功能
网站最基本的功能:提供各种服务
搜索网站:提供强大的搜索功能
门户网站:提供各类资讯
购物网站:提供各种商品的买卖
……
百度、谷歌等。
搜狐、新浪等。
淘宝、拼多多、京东等。
二、网站的相关概念
网站中有主页和子页,什么是主页?什么是子页?
网站与网页是怎么联系的?
思考问题:
超链接
子页
子页
子页
子页
二、网站的相关概念
联系: 网站是由一系列的网页组成,它们之间通过超链接成为一个整体。
网站中有主页和子页,什么是主页?什么是子页?
网站与网页是怎么联系的?
主页: 在浏览器中输入一个网址,就可以看见一个网页,而这个网页通常就叫主页。
子页: 通过这个主页还可以打开其他网页,这些网页我们就称为子页。
形形色色的网站一般都有一个突出的主题和风格!如新浪提高新闻资讯,以文字条目为目的;百度搜索则突出搜索功能而简化了界面修饰;而游艺娱乐网站则以带视觉冲击力的色彩抓住你的视线。这些形式全部都是为了突出主题,网站确立了主题也就有了服务的方向,有了实用性!
这么多的网站都做的这么漂亮,它们是怎么做到的呢,有什么方法呢?
思考问题:
网站由哪些元素组成的呢?
网站标题
文本
网站图片
网站视频
1、页面标题
2、网站标(LOGO)
3、网页页面主要由页眉、页脚、导航栏、文本、图片、多媒体等。
百度
新浪
三、网站结构--1.组成元素
任务一:找一个你喜欢的网站,分析一下网站作者为它设计了哪些版块?
1.你访问的网站是__________________
2.它的版块设计是__________、 __________、
__________、 __________、 __________。
网站结构的组成元素
2.网页中的版面结构
网页的版面都有什么结构呢?
思考问题:
上下型结构
左右型结构
思考问题:
网页的版面都有什么结构呢?
1.首先要确定页面尺寸。
网页最佳尺寸为1000×600,这个并不是绝对的。
2.页面布局。
页面布局有左右型、上下型、复合型。
3、网站结构中的配色方案
网页的色彩是树立网站形象的关键因素之一,色彩搭配是否恰当直接影响到网站的吸引力。
注意:通常网站主题和内容决定网站的色彩配置。
绿色背景
咖啡色文本框
深绿色标题
超链接文字
色彩的心理感觉
充满活力 热情 激奋
和睦 宁静 健康 安全
轻快 欢欣 热烈 温馨 时尚
快乐 希望 智慧 轻快
凉爽 清新 专业
洁白 明快 纯真 清洁
深沉 神秘 寂静 悲哀 压抑
中庸 平凡 温和 谦让 中立 高雅
3、网站配色方案
任务二:列举你喜欢的网站色彩搭配方案,分析从中表现了网站怎样的气氛?
1.该网站的主色调是__________
2.该网站的辅色调是__________
配色禁忌
1.不要将所有颜色都用到,尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
老师寄语
1.不要使用超过3种以上的字体。字体太多则显得杂乱,没有主题。
2.不要用太大的字。因为版面是宝贵,有限的,粗陋的大字体不能带给访问者更多信息。
3.不要使用不停闪烁的文字。想让浏览者多停留一会儿的话,就不要使用闪烁的文字。
4.原则上标题的字体较正文大,颜色也应有所区别。
小结
特色各异的网站(功能)
网站内容设计(明确主题,板块分类)
网站配色方案(色彩搭配主题,配色)
作业:预习下节课内容,思考自己想要设计的网站类型、主题及色彩方案。
谢谢!