当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
谈网站的结构和页面规划 | |||
2005-12-30 19:11:09 文/45IT收集 出处:电脑软硬件应用网 | |||
上课前,八戒给猴哥展示了昨晚考虑的几个不同主题和内容的网站策划,大圣看后对八戒赞不绝口,说八戒做事比以前取经的时候用心多了,没有辜负自己的一片苦心。八戒则心想:取经的时候是给唐僧打工而现在是自己创业,当然要用心了。不过有了猴哥的夸奖,八戒更加树立了必胜的信心,发誓一定要把网站事业进行到底! 网站的目录结构 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。 在实际设计中我们也不要局限于以上几种布局格式,有时候稍作适当的变化会收到意想不到的效果,另外,平时在浏览网页时要多留心别人的布局方式,遇到好的布局就可以保存下来作为我们设计布局的参考。 网站页面色彩的规划 如果你对颜色的搭配没有经验,可以使用Dreamweaver的配色方案来学习简单的配色,开启Dreamweaver,执行“命令→设定配色方案”进入配色选择窗口,这里提供了多种背景、文本和链接的颜色,可以根据你的需要来选择搭配。当然,你也可以使用一些专门的网页配色软件如“ColorImpact”、“三生有幸”等来辅助你搭配好网站的色彩。 听完这堂“布局和色彩规划”课,八戒深感自己的艺术修养水平不足,便按照猴哥的吩咐上网浏览别人的网站并结合所学的内容慢慢体会网页布局和色彩搭配的技巧。 |
|||
最新热点 | 最新推荐 | 相关文章 | ||
页面自动跳转的几种实现方法 网站内容的四种分类形式 或多或少的… 如何指定规范网页?rel="canonical" 浅谈网站评论体系设计的不足之处 网页中“上一篇”“下一篇”设计思考 网页设计进度指示器帮助用户预测步骤 网页用户体验:网页注册表单设计分析 网页设计常出现8大问题 网页设计的形象思维归纳 彻底去掉动易内容页顶部的“改变图片… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |