资源简介

网站规划
基本概念
问题：什么是网站？
网站就是网页和网页上所用到的各种素材的集合体。
基本概念
网页（Page）
网页是用HTML语言写成的文件，它存放在某一台计算机中，而这台计算机必须是与因特网相连。
主页（Home Page）
主页是通常用来表示访问某个网站时出现的第一个页面，用来对整个网站进行概括性的介绍，描述其他各个页面的内容的。
基本概念
网站的结构
网站是由网页组成的，网站是网页的集合体，网页是网站的元素。
网站的结构主要有三种类型：
选择网页制作工具
HTML
HTML语言是万维网上的通用语言。
HTML——超文本标记语言，是WWW的描述语言，万维网上的通用语言，以开始以结束。
选择网页制作工具
为了使网页制作得更加精美，还需要一些辅助工具：
图像处理工具：Photshop、Fireworks
动画处理工具：Flash
视频处理工具：VideoPack
建立站点文件夹
网站设计
栏目设置
网站栏目安排要注意以下几个方面：
（1）要紧扣主题，尽可能删除与主题无关的栏目。
（2）尽可能将网站最有吸引力的内容列在栏目上。
（3）尽可能方便访问者的浏览和查询。
栏目设置例子
实例分析
“为了绿色”网站 栏目设置
栏目设置
版面设计
版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。
布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。
利用表格定位网页
表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。
操作步骤
1、在网页中加入表格。
2、调整表格结构。
3、设置表格属性。
4、表格的嵌套。
几种常见的页面布局样式：
“厂”字型
几种常见的页面布局样式：
“口”字型
几种常见的页面布局样式：
自由式，又称POP布局
版面设计
建立网站整体风格
第一步：设计、制作一个网站标志(logo)
标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。
标志的设计创意来自你网站的名称和内容。
设计标志有以下几种方法：
1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例：
2、对于专业性的网站，可以以本专业有代表的物品作为标志。例:
3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。
LOGO欣赏
建立网站整体风格
第二步：设计网站的标准颜色
网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；
图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。
一个网站的标准色彩不超过3种。
色彩总的应用原则应该是“总体协调，局部对比”。
网站色彩的使用
网站色彩的使用
网站色彩的使用
网站色彩的使用
建立网站整体风格
第三步：设计网站的标准字体。
标准字体是指用于标志、标题、主菜单的特有字体。
一般网页默认的字体是宋体。
使用一些比较特别的字体时，最好使用图片的形式。
收集素材
收集素材注意事项：
要注意对收集来的素材分类；
文件名要易懂易记，便于调用；
注意保护知识产权，避免侵犯别人的版权。
单击此处编辑母版标题样式
单击此处编辑母版副标题样式
*
*
*
构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。
网页文件，用来描述资结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名。
网页文件所连接到的图像、音频与视频等资源文件
Web数据库和程序文件
树状结构
线性结构
网状结构
网页制作工具：FrontPage、 Dreamweaver
站点文件夹
同一个网站的文件及文件夹需放在同一个文件夹中。
网站的文件及文件夹
站点地址
首页文件
图片文件夹
首页：index.htm或default.htm
图片文件夹：images
　一般文件名不要使用汉字
主题:灯
　栏目:灯的发展 灯的文化 灯的延伸 我的创意
主题:藏路漫漫
　栏目:走进西藏 神话西藏 吃在西藏 感知西藏 畅览西藏 我与西藏
主题:茶语
　栏目:茶缘茶情 茶史飘香 茶乡茶俗 名茶荟萃 名人与茶 茶道茶艺
主题:星空天文网
　栏目:太阳王国 深空奥秘 人与宇宙 空间探索 下载区 天文论坛
主题:一起玩吧
　栏目:新网游 单机站 游戏视频 游戏下载 玩家照片 火爆论坛
错误示范：服饰文化
正确示范：宝岛台湾
联系“为了绿色”就用绿色信箱吧
绿色信箱
请留言，留下您最想说的，留下您的绿色
绿色留言
看看我们为保护绿色曾经做过什么
绿色历史
那些保护绿色的人物永远值得我们学习
绿色人物
那些保护绿色的行动永远值得我们骄傲
绿色活动
绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为
绿色焦点
为了绿色
描述
栏目
名称
留言板
论坛
版权申请
设计制作
浮想联翩
分门别类
动态关注
方便访问者的浏览，给浏览者留出发表自己意见的空间
网站地图
站点内服务
介绍近年来的机器人制作赛事和机器人制作的成功案例
群雄逐鹿
机器人比赛
展现人类关于机器人的种种联想，机器人与人类的共同发展
人机互动
机器人文化
介绍对机器人的各种定义，展示目前机器人的几大种类
各家定义
机器人概述
回顾机器人的发展历史，关注机器人的未来发展趋势
成长历史
机器人博览
内容描述
子栏目名称
栏目名称
主菜单以及横条网站标志+广告条
主
菜
单
显
示内容
主菜单
广
告条
主要内容
友情链接等
页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。
附加信息
内容提示
主要内容
子栏目
名称
标题栏
网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。
蓝色调为主，加上白色和红色，强调权威与真实
橙色为主，白色为辅，具有轻快，时尚的效果
绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛
红色为主，产生热情、活力的感觉，充满欢乐的气氛

展开更多......

收起↑