1网页与网站的基本知识.ppt

1、网站规划
所谓网站规划,是指在网站建设前对市场进行分析,确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等进行规划。
1、网站的开发流程
----第一步
建立网站结构---关键环节
首页的设计与制作---体现网站标识,可将其设置为模板
制作其他的页面
测试网页和服务器
进行网页的发布和维护
2、网站的总体规划

建立在有价值的内容之上----质量
明确站点留给浏览者的印象----渲染
着手建立和加强站点印象----特色
一般风格
网页标题要醒目,一般放在左上角,保持不变
有一句反映网站精髓的标语并动态显示
导航部分应该放在每一页的相同位置
确定主体颜色,让浏览者感觉舒服,但是不要刺眼。
页面的布局是风格的一个重要标志,一般采用左边导航,右边内容;或上边导航,下边内容。
内容结构简单精要,以访问者能最快找到资料考虑。
补充:网页布局类型
(1)“国”字型。是一些大型网站最常用的类型。网页的上部是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些小条内容,中间是主要部分,最下面是网站的一些基本信息、联系方式、版权声明等。
例如:./
补充:网页布局类型
(2)拐角型。与“国”字型很相近,网页上部是标题及广告横幅,接下来的左侧是一系列导航链接,右侧是正文,下面是一些辅助信息。
例如:/
(3)标题正文型。在网页的上部是标题,下面是正文,比如一些文章页面。
例如:/?theid=718
补充:网页布局类型
(4)左右框架型。这是一种左右为分为独立两页的框架结构,一般左侧是导航链接,有时在左侧上部有一个标题或标志,右侧是正文。大部分论坛是这种结构。特点是结构清晰,一目了然。
例如:http://club./16/133219419
(5)上下框架型。与左右框架类似,区别仅仅在于它是一种上下分为两页的框架。
补充:网页布局类型
(6)综合框架型。是(4)(5)两种类型的结合。类似于“拐角型”,只是这种类型采用了框架结构。
(7)封面型。这种类型基本是出现在一些网站的首页,通常为一些精美的平面设计作品,适当结合一些动画,再放上几个简单的链接或者仅是一个“进入”的链接,有时会直接再首页的图片上做链接而没有任何提示。
例如:/da/
补充:网页布局类型
(8)Flash型。其实与封面型结构是类似的,只是这种类型采用了目前非常流行的Flash动画。与封面类型不同的是,由于Flash具有强大的功能,页面所表达的信息更加丰富,视觉效果及听觉效果也相当突出。
网站的色彩
非彩色搭配---黑白灰
色彩搭配-----各种色彩
红色:给人强烈的视觉冲击,代表热情和活泼,也有危险的意思。
橙色:象征光明,代表甜蜜
黄色:亮度最高的颜色,给人温暖的感觉
绿色:天然的颜色,也是我们最需要的颜色,象征和平,又有宁静和安逸的感觉
蓝色:天空和大海的颜色,代表博大同时也象征深远和永恒。
紫色:时尚的颜色,也有优雅的含义
白色:象征着神圣和纯洁
暗灰色:代表谦虚同时也有中庸和消极的意义,也代表高级。
黑色:象征崇高和严肃,也神秘和邪恶的意思。
如果色彩搭配不熟悉,可使用“命令”-“设定配色方案”