上海信景网络
全国做网站热线
服务地区:立足上海 服务全国 点击这里免费提供咨询服务点击这里免费提供咨询服务
技术学堂         
      电子商务
      网络推广
      网络营销
      网站优化
      域名知识
      邮局知识
 
最新案例         +更多
  您的位置:首页 / 技术学堂 / 网页设计知识
网站设计规划
文章来源:admin 日期:2007/3/12 22:15:31  阅读 6907 次  
具体细节篇 

1.导航栏的设计 


2.使用CSS控制整体格式 


3.使用表格定位 


4.使用模版 


5.少用Java 


6.选择使用框架 


7.留下联系方法 


8.使用统一的风格 


9.色彩的搭配 


实用技巧篇 


1.特色ICO 


2.解决乱码 


3.为图片加注释 


4.显示替代图片 


5.用Wingdings字体作画 


具体细节篇


1.导航栏的设计 


 每次增加新的栏目或是对原有栏目进行调整,都要将所有的页面更新。刚开始可能还算轻松,因为没几个页面,但当有几十、几百个页面后,这工作量实在是太大了。如果偷懒只更新几个主要的网页,访问量就会剧减。Flash可以做出漂亮的导航按钮,如果让所有的页面都用一样的导航栏,以后只要更新这个Flash动画就可以使整个网站的页面都得到更新。但是使用Flash造成网页的体积过大,再加上网站Logo,商业Banner……这样一来会使网页变得臃肿不堪。所以这办法不太好,如果条件允许可以考虑做个体积较小的Javascript的导航栏。 


2.使用CSS控制整体格式 


 CSS(Cascading StyleSheets,层叠样式表)是为网站制作者带来福音的好东西。它最大的特点是可以使网页的内容和结构版面控制相脱离,大量减少网页中重复使用的HTML代码,从而减小网页的体积,这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能,这就意味着你可以经常改变网站的界面(包括文字、色彩、背景图片等),而每次只需要上传一个体积很小的CSS文件就行了。 


3.使用表格定位 


 要做出一张整齐的网页需要定位,有人使用

标记,但实际上套用表格更简单一些,虽然后者精确度不及前者。很多大的站点都使用表格来定位文字和图片,制作时很直观,效果不错。但值得注意的是,当你的页面很大的时候,千万别在整个网页上用一个大的表格套很多小表格。因为如果浏览器在接受数据时发现表格,就必须知道表格的结构,也就是说要把整张表格的内容都接受完毕才显示其内容,之前会给浏览者一张“白板”看,很多人因为没耐心等待而转去看其他站点了。所以分用几个小表格,让它们可以分别显示,收到多少显示多少,浏览者可以在等待的时候看先收到的部分,这样一来就增加了浏览者继续等待的信心。但是如果你觉得分别显示页面会破坏整体的美感,那就用大表格吧。 

4.使用模版 


 很多刚开始做网站的朋友往往在收集了大量的素材后,立即投入制作,生成了绝大部分成品网页,但由于经验不足或其它什么原因,做完了才发现问题,只好一个个网页地修改,结果浪费了巨大的精力。所以在完成了所有的构思以后,先要做一个模版网页,在这个网页里包括了所有网页的公共元素,如:LOGO、导航栏、更新时间、推荐栏目、外接的CSS样式表的链接、加入收藏夹、返回首页、站点地图、E-mail地址、滚动的状态栏、广告条、版权信息等等。之后只要复制多份,填入不同的内容就相对轻松多了。 


 顺便提一句,如果页面太多而没有给每个网页写Title的话,FrontPage2000就会自动给每个网页加上按“new page 1”、“new page 2”的顺序排列的Title,很不美观规范,或是使人产生“站长是个懒鬼”的想法。所以,在制作模版的时候,就可以在Title里加上一句无论放在哪个页面里都合适的欢迎词。 


5.少用Java 


 虽然使用Java可以做出许多精彩的网页特效,但由于现在Java程序的处理速度实在让人不敢恭维,往往是等上老半天还看不到网页的内容,更过分的是在漫长的等待后,浏览器提示Applet不能启动。过分追求技巧和特效,结果却把最重要的内容给拉下了,这种做法显然是不可取的。 


6.选择使用框架 


 框架(Frame)也叫帧页,是现在制作网页时较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口,每一个窗口都显示一个网页的内容,并分别设置大小、有无滚动条等信息。这样就方便了设计网站的结构,可以在上方的框架里放置网站的LOGO,在左面的框架里显示导航栏,而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计,每个人可以根据自己的实际需要和创意来做安排。而且浏览时,可以指定链接的网页在哪个框架里显示,从而避免了网页上相同内容的重复下载,而这些内容往往是Logo、Banner,需要较长的下载时间。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。 


 但框架技术是一种新兴技术,很多旧版本的浏览器都还没支持它,有一部分浏览者并不能正常看到你那美仑美奂的网页。所以在使用时,一定要记得在框架网页的HTML代码里加上。元素,在<NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES><NOFRAMES>里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容,让没有使用最新版本的用户也可以看到网页的内容。&nbsp</P> <P></span></td></tr><tr><td><div align="right"><span class="px14">第 <font color="#ff0000"><span class="px14"><b>1</b></span></font> <a href="20041006135141_2.html">2</a> 页</span></div></td></tr><tr><td bgcolor="#F0F0f0" class="line"><div align="right">加入时间:2004-10-6 【<a href="javascript:history.back();">返回上页</a>】【<a href="javascript:window.print();">打印此页</a>】【<a href="javascript:window.external.AddFavorite("http://dev.jz173.com/20041006/20041006135141.html", "网站设计规划 - 中国建站专家")">收藏此页</a>】</div></td></tr></table><br><table width="100%" border="0" align="center" cellpadding="4" cellspacing="0"><tr><td bgcolor="#E8E8D0"><font color="#990000"><strong>版权声明:</strong></font><br>本站文章除注明&quot<font color="#0000ff">来源:中国建站专家</font>&quot,其余文章一律收集自网上,仅供学习和研究使用,文章版权归文章作者所有。假如您认为本站发布的文章侵犯了您的版权,请及时与本站取得联系,我们会在第一时间内删除并向您致歉,谢谢! 联系邮箱:<a href="mailto:wyx@jz173.com">wyx@jz173.com</a>。注明:&quot<font color="#0000ff">来源:中国建站专家</font>&quot的文章,版权归中国建站专家与文章作者共同所有。</td></tr></table></td><td width="3" background="http://www.jz173.com/images/dot4.gif"><img src="http://www.jz173.com/images/dot1.gif"></td><td width="170" valign="top" class="TD004" bgcolor="#ffffff"><div align="center"><script src="http://www.jz173.com/js/article_160X60.js"></script><br><table width="160" border="0" cellpadding="4" cellspacing="0"><tr><td background="http://www.jz173.com/images/article_r_1.gif"><div align="center"><b>本类阅读排行</b></div></td></tr></table><script src="http://www.jz173.com/js/article_hot/hit_15.js"></script><br><table width="160" border="0" cellpadding="4" cellspacing="0"><tr><td background="http://www.jz173.com/images/article_r_1.gif"><div align="center"><b>热门文章</b></div></td></tr></table><script src="http://www.jz173.com/js/article_hot/hot_15.js"></script></div></td></tr></table><script src="http://www.jz173.com/js/bottom.js"></script><script src="http://www.jz173.com/js/articlepf.js"></script><script src="http://www.jz173.com/article_hits.aspx?folder_root=dev&foldername=20041006&htmlname=20041006135141"></script></body></html>

 相关文章:  近期热点:
什么是域名?它和IP地址是什么关系? (9748)
旗下网站“网页设计之家”更名的公告 (9268)
网站备案紧急通知 (8921)
企业为什么要上网?为什么要建网站? (8023)
Internet上域名命名的一般规... (7690)
什么是域名?它和IP地址是什么关系? (9748)
旗下网站“网页设计之家”更名的公告 (9268)
网站备案紧急通知 (8921)
企业为什么要上网?为什么要建网站? (8023)
Internet上域名命名的一般规... (7690)
为什么域名被抢注将是永久性损失? (7680)
网站建设的65条原则 (7438)
什么是互联网域名? (7398)
 
打印】【向上】【关闭
 
如果您在上海,乃至全国或世界其他城市,找上海做网站的公司,请拨打网站建设服务热线021-51875523  我们愿真诚的为您服务!
2008-2024 © 上海信景网络科技有限公司 版权所有  
服务热线:021-51875523 手机:13764574691  业务咨询:79538266  79539921  79520360  14953527
业务MSN:sinjing@live.cn E-mail: info@sinjing.com.cn  http://www.sinjing.net.cn  沪ICP备08006430号-3