收藏本站
 
设为主页
      您的位置:首页电脑世界
资讯导航
硬件资讯 软件资讯
网络技术 电脑诊所
数码天地 IT文化
分类下载
教学课件 系统工具
网络工具 杀毒软件
媒体播放 媒体处理
办公软件 编程工具
解压压缩 驱动程序
软件搜索
站点推荐
建站基础教程——谈网站的结构和页面规划
[来源]: 网络 [编辑]: Llie [发布时间]:2004-5-31

上课前,八戒给猴哥展示了昨晚考虑的几个不同主题和内容的网站策划,大圣看后对八戒赞不绝口,说八戒做事比以前取经的时候用心多了,没有辜负自己的一片苦心。八戒则心想:取经的时候是给唐僧打工而现在是自己创业,当然要用心了。不过有了猴哥的夸奖,八戒更加树立了必胜的信心,发誓一定要把网站事业进行到底!
网站的目录结构
网站的目录是指在创建网站时建立的目录,我们要根据网站的主题和内容来分类规划,不同的栏目要对应不同的目录,在各个栏目目录下我们也要根据内容的不同对其划分不同的分目录,比如说页面图片放到images目录下,新闻放到news目录下,数据库放到database目录下等等。同时要注意目录的的层次不宜太深,一般不要超过三层,另外给目录起名的时候要尽量使用能表达目录内容的英文或汉语拼音,这样会更加方便日后的管理维护。
上海"SUN网络应用博览会"

网页的构成和布局
不同主题的网站对网页内容的安排会有所不同,但大多数网站首页的页面结构都会包括页面标题、网站LOGO、导航栏、登录区、搜索区、热点推荐区、主内容区和页脚区(如图),其他页面不需要设置如此复杂了,一般由页面标题、网站LOGO、导航栏、主内容区和页脚区等构成。

搞网站设计不是把所有内容放置到网页中就行了,还需要我们把网页内容进行合理的排版布局,以给浏览者赏心悦目的感觉,增强网站的吸引力。在设计布局的时候我们要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比,以形成鲜明的视觉效果。我们常见的布局结构有 “同”字形布局、“国”字形布局、“匡”字形布局、“三”字形布局和“川”字形布局等。
1. “同”字形布局:所谓“同”字形结构,就是整个页面布局类似“同”字,页面顶部是主导航栏,下面左右两侧是二级导航条、登录区、搜索区等,中间是主内容区,如http://www.china-channel.com。
2. “国”字形布局:它是在“同”字形布局上演化而来的,它在保留“同”字形的同时,在页面的下方增加一横条状的菜单或广告,如http://www.yesky.com。
3. “匡”字形布局:这种布局结构去掉了“国”字形布局的右边的边框部分,给主内容区释放了更多空间,内容虽看起来比较多,但布局整齐又不过于拥挤,适合一些下载类和贺卡类站点使用,如http://nj.onlinedown.net。
4. “三”字形布局:一般应用在简洁明快的艺术性网页布局,这种布局一般采用简单的图片和线条代替拥挤的文字,给浏览者以强烈的视觉冲击,如http://www.cphoto.com.cn。
5. “川”字形布局:整个页面在垂直方向分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能,一般适用在栏目较多的网站里,如http://www.ezIT.com.cn。
在实际设计中我们也不要局限于以上几种布局格式,有时候稍作适当的变化会收到意想不到的效果,另外,平时在浏览网页时要多留心别人的布局方式,遇到好的布局就可以保存下来作为我们设计布局的参考。
网站页面色彩的规划
网页中色彩的应用是网页设计中极为极为重要的一环,赏心悦目的网页,色彩的搭配都是和谐优美的。在确定网站的主题后,我们就要了解哪些颜色适合站点使用,哪些不适合,这主要根据人们的审美习惯和站点的风格来定,一般情况下要注意以下几点,1、忌讳使用强烈对比的颜色搭配做主色;2、配色简洁,主色要尽量控制在三种以内;3、背景和内容的对比要明显,少用花纹复杂的背景图片,以便突出显示文字内容。
如果你对颜色的搭配没有经验,可以使用Dreamweaver的配色方案来学习简单的配色,开启Dreamweaver,执行“命令→设定配色方案”进入配色选择窗口,这里提供了多种背景、文本和链接的颜色,可以根据你的需要来选择搭配。当然,你也可以使用一些专门的网页配色软件如“ColorImpact”、“三生有幸”等来辅助你搭配好网站的色彩。
听完这堂“布局和色彩规划”课,八戒深感自己的艺术修养水平不足,便按照猴哥的吩咐上网浏览别人的网站并结合所学的内容慢慢体会网页布局和色彩搭配的技巧。

  • 上篇文章资源管理器中“查看”命令的三个典型应用
  • 下篇文章NVIDIA GeForce 6500清晰大图抢先看!
  • 文章搜索:
    □- 最新资料 热点文章 □- 相关文章
    1. 网上邻居与浏览服务原理 [阅读:5545]
    2. 局域网基础知识(目录) [阅读:5380]
    3. 网路岗 有效监控学生的上网... [阅读:4770]
    4. 网络管理之网关篇 [阅读:4672]
    5. 校园网宽带接入互联网的三种... [阅读:4426]
    建站基础教程——谈网站的结构和页面规划
     
     
    Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
    IE4.0 or later / 800*600  For The Best View