青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 学习网站建设中一些容易被忽视的问题

学习网站建设中一些容易被忽视的问题

网站工程师 2019-11-13 11:40发表
阅读次数 1084
  关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在。主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了...

  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等可视化编辑软件制作出的网页上。那原因是什么呢?其实原因就在该页面的头部代码里,查看该页面的源代码,你会发现在最上边有类似这样的两句代码:

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.yuhou.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

  5、都是注释惹的祸

  为代码写注释是个好习惯,但是有时也会出现一些问题,例如为CSS写中文注释。如果你为自己定义的CSS写了中文注释,那么在一些特殊情况下(例如服务器端的支持,页面所用的程序类型等)会导致部分代码无故失效,这种情况我遇见好几回了,所以在技术上没解决这个问题之前,还是不要为CSS写注释的好,养成良好的命名习惯足以让其它人看懂自己代码的意义,即使一定要写,也请用英文写吧...什么?拼音!!!拜托,你用拼音试试看,保证一个星期后连你自己都不明白那写的是什么。

  6、神啊,发光吧~~~

  这个问题有些滥竽充数的嫌疑,只是有很多人问起过,所以也一并放上来。是关于CSS的GlowFilters,这个滤镜的效果是对环绕对象内容边缘制作发光效果,也有人称描边效果,多被用在文字的表现上,但是许多人在运用了该滤镜后发现并没有出现想要的效果,究其原因多半是由于把这个滤镜直接运用到了文字上,要知道该滤镜对文字是没有效果的,那为什么还能制作出发光文字呢?那是因为一定要把它运用在放置文字的容器上,例如Table。所以,如果没有效果的话,就检查一下是不是用错地方了。

  该滤镜的另外一个问题是,虽然发光效果是有了,但是感觉文字上的那圈光晕好像是被裁了一样,少了一块似的。这是由于所放置文字的容器高度低于该滤镜的发光范围所至,解决方法有三种:

  1、缩小Font-Size

  2、增加Height值高度

  3、降低Strength值的大小

  7、思考中...

  其实这些问题都不是什么了不起的大问题,但往往越是小问题才越容易被人忽略,希望上面这些经验教训对你能有所帮助,哪怕有一个人从中收益就不枉我罗哩罗嗦这么半天了。

学习网站建设中一些容易被忽视的问题相关标签:网站搭建网站制作网络公司网站制作
相关热点推荐
如何设计一个漂亮又有用
优秀的字体能让你的网站
必学四点让你的网页设计
做网站到底是什么个概念
专业信息网站建设的制作
设计良好网页的4项原则
网站建设的基本原则
如何让你的网站更有吸引
一位而立之年的站长的十
常见的排版方式与表现类
HTML中不同的权重标
如何使用百度工具追踪访
软文推广的技巧
网站发布软文更容易被收
网站有无备案是否对我们
教你如何使用摄影来优化
泛泛而谈界面中的斑马纹
百度如何分析网页质量高
三招破局,青岛营销型网
《中国移动互联网市场趋
2016年中国互联网的
企业网站制作如何留住客
网站选择什么样的关键词
企业网站建设10条实用
优化过程中如何快速收录
中小企业网站建设技巧总
企业VI设计不可忽略的
网页设计的核心
网页设计中实用的制作技
那些即将在网页设计中被
网站制作简易流程介绍
简洁的网页设计
如何设计网站导航菜单
网站建设的方案该如何制
如何优化新设计的企业网
网页内容表现上的十条建
网页设计离用户的距离,
Web设计中的黄金分割
网页设计中标签式导航的
使用预定义框架集为网页
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
156个月 13