通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等

网站建设容易被忽视的问题

http://www.iyit.net  日期:2006-6-3 19:55:23  来源:  点击:
参加讨论】 关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在。主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了...

  1、让你想当然,给你点颜色看看

  这个问题其实被很多人忽略,小到个人站点,大到门户网站都有可能犯这个错误。不信想想看,如果你所做的网站背景是白色的,那么你还会记得在 css 里写下 background-color:#ffffff 这句代码吗?我敢打赌,大部分人不会!并不是因为大家偷懒,而是这个举手之劳被彻底忽略了,为什么?因为我们所用的 windows 操作系统在大多数的情况下,运行在其上的各种软件的默认背景色是白色,这其中就包括 ie 浏览器,所以在网站背景是白色的条件下,许多的网页制作者就想当然的忽略了关于背景色的设置,反正大家都是白色,不设的话也看不出来。但是不要忘记了,windows 从 xp 开始支持系统主题的更换,有很多第三方的主题会更改系统默认的设置,其中就包括背景色的设置,如果没有强制设定页面中的背景色,那么页面就会以当前浏览器的背景色来显示内容,其结果就是网站美观性被大大的降低,拿大家都熟悉的网易来举例,下面的截图是在我机子上浏览时的样子,由于前不久换了一套 vista 的主题风格,所以浏览器的背景色变成了浅灰色。

  仔细看看网易的 logo ,看出来吗?对,那个 logo 的背景是白色的,但旁边的背景色却是灰色的,换句话说就是网易整个页面的背景原定就是白色的,这在浏览器背景为白色的前提下是看不出什么来的,但是像现在这样就“漏馅”了。不光是网易 ,许多的门户站都是这样,具体我就不去举例了,可见关于 background-color 设定的重要性。所以,不论你的网站是什么样的背景色,请一点记住把它设定好,哪怕它是白色!

  2、立正!向左~~~看齐

  大家都知道 table 的默认水平对齐方式(align)为左对齐,设 align="left" 和不设其效果是一样的,于是很多人不去设置这个属性,我以前也是如此。但是在某些特殊的情况下,ie 会把默认的左对齐理解为居中对齐,从而导致页面的排版出现问题,虽然说具体是什么情况下会出问题连我自己都说不清楚,但是这种情况绝对存在,所以大家在做页面的时候一定要习惯性的设置表格的 align 属性,不要偷懒跳过这步,对页面的表现来说,这所谓的多此一举绝对有益无害。

  3、单元格宽度-隐形杀手

不知你有没有遇见过这种情况,假设当你给一个单元格的 align 设置了左对齐后,却发现放在单元格中的文字并没有应用该属性的效果,反而继续是居中显示,查看文字两端也并没有发现任何垃圾代码包含其中,可是无论如何都改变不了文字的位置。郁闷吗?反正当时我是很郁闷,直到后来,我才发现原来是单元格的 width 属性在作怪,将其删除或重新设置后问题得到解决,所以,当你也遇到同样的问题时,不妨检查一下出问题单元格的 width 设置,相信你会找到解决的方法。

  4、打死滚动条都不消失

  有时为了一些个性化的需要,有些人喜欢将浏览器的滚动条隐藏掉,这个效果做起来很容易,但是有时会发现明明代码一点问题没有,而且查看用的浏览器也不是非 ie 内核型的,但可恶的滚动条就是不消失!而且这个问题很多都出现在用 dw 等可视化编辑软件制作出的网页上。那原因是什么呢?其实原因就在该页面的头部代码里,查看该页面的源代码,你会发现在最上边有类似这样的两句代码:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

  这两句代码叫做 doctype 声明,是 document type(文档类型)的简写,用来说明你用的 xhtml 或者 html 是什么版本。简单点说这两句代码是制作标准化页面所必不可少的关键组成部分,浏览器就是根据你定义的文档类型来解释你页面的标识,并展现出来的。换句话说,如果你定义了一个错误的 doctype,那么你的标识和 css 都不会生效。而定义滚动条显示与否的 overflow、overflow-x、overflow-y 这三个属性恰恰没有被网页标准所采纳,所以如果你的页面上方定义过 doctype ,那么这三个属性便是无效代码了,解决方法就是删除头部的 doctype 声明,虽然在标准日益普及的今天不推荐这么做。

本新闻共2页,当前在第1页  1  2  


编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:dw mx实例:动态广告管理
下一篇:dreamweaver中层的应用技巧
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
网站建设之邮件发送形式 网站建设的12大误区
最新更新 热点排行 推荐新闻
使用dreamweaver实现交替图像按钮制作
多种形式的网页弹出窗口代码
在网页中实现细线边框的两种方法
dreamweaver中层的应用技巧
网站建设容易被忽视的问题
使用dreamweaver实现交替图像按钮制作
多种形式的网页弹出窗口代码
在网页中实现细线边框的两种方法
dreamweaver中层的应用技巧
网站建设容易被忽视的问题
dw mx实例:动态广告管理
dreamweaver制作网页之图片应用技巧
网页设计制作九大“要点”
dreamweaver轻松实现网页中透明flash效
修改注册表解决dreamweaver乱码问题
表格边框魔鬼教程
驯服不听话的网页表格
dreamweaver的行为事件
dreamweaver制作网页幻灯片效果
dreamweaver制作网页幻灯片效果
优秀公益广告作品欣赏(8)
qq最新版下载 2006 beta2 体验新感受 
java数据类型转换
windows xp专业版iis连接数的更改
优秀公益广告作品欣赏(7)
office2007简体中文版浮出水面 美图抢
qq密码破解程序
优秀公益广告作品欣赏(6)
优秀公益广告作品欣赏(4)
优秀公益广告作品欣赏(5)
dreamweaver mx 2004从零开始(1)
在asp.net中防止注入攻击
用asp.net开发web服务的五则技巧
linux操作系统12则经典应用技巧
浅谈linux优化及安全配置的个人体会
解决局域网不能互相访问之全攻略
win 2000简单的入侵常识
用win 2003架设邮件服务器
硬盘分区消失,解决方法!
传统计算机病毒传播能力破坏性在提高
内存为何有“两面性”
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息