谈网站总体设计和网页布局.ppt

第六章 网站总体设计与网页布局 规划网站、组织网站 主要内容 1、WEB站点建立的基本步骤 2、网站整体风格和创意设计 3、网站的目录结构和链接结构 4、版面布局与首页搭配 5、使用布局视图、框架、表格等进行页面布局。 6、网站建设实例讲解 1、WEB站点建立的基本步骤 1）网站建设前的准备工作 2）创建站点的导航结构 3）收集整理相关资料 4）组织文档和数据，进行具体的网站建设 5）测试站点 6）申请域名和主页空间 7）上传站点资料 1）网站建设前的准备工作 确定网站的主题； 计划要发布的内容； 一般个人主页可以根据自己的爱好或一些热门的话题来选择网站的主题。 如普及医疗卫生知识， 提供文学艺术信息， 学习计算机技术， 向世人推销自己等等。 2）创建站点的导航结构 建设网站的整体框架设计。 注意在站点的基本结构中，页面之间的链接关系要清晰，同时要兼顾以后的可扩充性，以备网站的修改与发展。 3）收集整理相关资料 包括：网站徽标、背景图片、按钮图片以及网站需要展示的内容。 有能力者可以自己编制网站建设所需的内容， 也可以通过各种渠道搜集相关资料，注意在引用他人的资料和文章时，应征得对方的同意，并注明作者和出处。 4）组织文档和数据，进行具体的网站建设 在制作网页之前应设计出网页的页面结构，即需要设计几个栏目和版块。 大多数网站都是以表格来布局网页，也可以用框架同表格结合来完成。 一般制作的第一个网页应该是首页，首页是整个网站精华的汇集。 对于网页制作者来说，首页是最难也是最花工夫的。 为制作风格一致的网站，还需要创建模版等。 5）测试站点 制作出的网站可以先在本地进行测试，检查站点的浏览器兼容性以及可能存在的错误链接等。 6）申请域名和主页空间 域名分为国际域名和国内域名。 请登录申请域名，根据你的资金实力和网站的重要性做出选择： 大型企业，资金雄厚，可以向邮电局申请专线服务。需要建立自己的机房，配备服务器、路由器、网络管理软件及网络管理人员。 中小企业，信息量和数据量都不是很大，可采用虚拟主机托管方案，即租用要建设网站。 如果你的企业信息量和数据量较大，可采用服务器托管方案，将已经制作好的服务器主机放到ISP的网络中心机房。 如果是个人网站，资金又很有限，如果是个人网站，资金又很有限，可以到一些公司申请他们的域名+主机。（ CNNIC CN域名认证注册服务机构 ，中资源、中国万网等） 7）上传站点资料 ?利用专门的上传软件对网页进行上传，如：CuteFTP就是一款很好的网页上传软件，方便、灵活。 如果你的企业信息量和数据量较大，可采用服务器托管方案，将已经制作好的服务器主机放到ISP的网络中心机房。 2、网站整体风格和创意设计 1）树立网站的风格 2）进行创意设计 1）树立网站的风格 风格指站点的整体形象给浏览者的综合感受 整体形象主要包括： 站点的CI（标志，色彩，字体，标语）， 版面布局， 浏览方式， 交互性， 文字，语气，内容价值，存在意义，站点荣誉等等 1）树立网站的风格 如何树立站点的风格 网站的内容要有价值 网站的配色要合理，并且合乎内容需求 网站要具有一定的个性：活泼、诚恳、奔放…… 与其他站点相比，要有自己的特色或不一样的地方 1）树立网站的风格 建立和加强风格印象 1.将标志logo尽可能的出现在每个页面上。在页眉，页脚或背景。 2.突出标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。 3.突出标准字体。在关键的标题，菜单，图片里使用统一的标准字体。 4.想一条朗朗上口宣传标语。把它做在banner里，或放在醒目的位置 5.使用统一的语气和人称。 6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。 7.创造一个特有的符号或图标。比如在一句链接前的一个点，可以使用,.。☆※○◇□△→等等。 8.用自己设计的花边，线条，点 9.展示你网站的荣誉和成功作品。 2）进行创意设计 创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同) 创意思考的过程分五阶段 1.准备期--研究所搜集的资料，根据旧经验，启发新创意； 2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合； 3.启示期--意识发展并结合，产生创意； 4.验证期--将产生的创意讨论修正； 5.形成期--设计制作网页，将创意具体化。 2）进行创意设计 创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索： 1.把它颠倒 2.把它缩小 3.把颜色换一下 4.使它更长 5.使它闪动 6.把它放进音乐里 7.结合文字音乐图画 8.使它成为年轻的 9.使它重复 10.使它变成立体 11.参加竞赛 12.参加打赌 13.