【經(jīng)驗(yàn)分享】網(wǎng)站建設(shè) 網(wǎng)頁(yè)制作誤區(qū)
随着世界的发展,科技的蓬勃,现已越来越多人着重网站建设。对于网站建设而言,网页制作是不能忽视的一个环节,今天优网科技 广州网站建设/深圳网站建设公司给大家分享下 网页制作中慎防误区,希望能帮助到你对网站建设关注的同时,别忽略了细节。
父级容器及子级容器的属性
很多人用子级属性来控制父级显示,这是个错误的方法(当然不是,常见用子级元素的宽度来控制父级元素的宽,其实父级容器的宽度是被“撑开”的,当子级容器的属性有改变,会影响更多的相邻元素。他们各自应该带有的属性,一定不要随意乱写。明确容器产生错误或Loading不完全时候也不会影响其相邻或有关联元素;明确容器属性是否具有普遍重用性两大方面来决定父与子容器各自的属性,会让网站建设结构更加有序。
什么是容器
任何一个元素都是一个容器,只是他们带有的属性不一样而已。比如张三同样能设计成为DIV,DIV一样能设计为SPAN,EM同样可以变成LI。所以,你可以尽量将他们的属性统一起来写到一个容器里,方便修改和管理。不用因为DIV有独占一行的属性就额外写一个DIV来实现独占一行,其实张三也可以实现。
表格并不落后
DIV+CSS没出现以前表格是网页制作的主要容器。现在所有浏览器都仍然支持HTML的旧标签,并且HTML技术也是相对成熟的,合理使用表格的一些HTML属性可以解决一些CSS兼容性问题。W3C标准只是一种指导,没有必要强求。况且表格的强项是数据的呈现,表格可不落后。
不要过分追求CSS的“小化”
在网页制作中,CSS的重用性注定了会比HTML要“更小”,但使用CSS并不是因为他小才使用他。而是因为CSS能使网页制作结构更清晰。很多人为了CSS文件能更小而绞尽脑汁的压缩代码,合并属性。你如果要追求“网页更小”,推荐你多了解下各种WEB图片格式的优缺点,以及他们的压缩优化方法。会比你压缩CSS代码更有作用。建议CSS的书写以方便阅读、结构清晰为重点,而不是为了几K大小去压缩和合并代码,增加后期纠错和修改的难度。在图片面前,这些优化没有必要。
图片不是被切割得越小越好
在网站建设中,为了使网页逐一显示,让用户能看到网页Loading的“等待过程”而将图片切割得过于细小是一个典型的误区。这会带来两个方面的问题:服务器请求数过多会严重影响服务器的性能。所以推荐尽量发挥CSS Sprites的作用。甚至CSS、JS都尽量不要拆分得过于细小,能整合就整合。其实无论你如何切割,越切得小,总容量和占用的空间反而会略大。得不偿失。
優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
責(zé)任編輯:優(yōu)網(wǎng)科技
版權(quán)所有:http://www.jcoyc.com (優(yōu)網(wǎng)科技) 轉(zhuǎn)載請(qǐng)注明出處