• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 學(xué)習(xí)網(wǎng)站建設(shè)中一些容易被忽視的問(wèn)題

學(xué)習(xí)網(wǎng)站建設(shè)中一些容易被忽視的問(wèn)題

網(wǎng)站工程師 于2019-11-13 11:40發(fā)表 閱讀次數(shù) 2351次

關(guān)于這篇文章其實(shí)早就想寫了，只是由于自己太懶才一直拖到現(xiàn)在。主要想談?wù)勗?a href="http://news.dlr6.cn/" target="_blank" title="網(wǎng)頁(yè)制作">網(wǎng)頁(yè)制作中幾個(gè)比較容易被忽視的問(wèn)題，算不上什么高深的教程，只是自己平時(shí)工作學(xué)習(xí)中所遇到的問(wèn)題積累，寫下來(lái)一是可以給初學(xué)者提個(gè)醒，二來(lái)也是幫自己做個(gè)筆錄，畢竟年紀(jì)大了，記性不好了... 　　1、讓你想當(dāng)然，給你點(diǎn)顏色看看 　　這個(gè)問(wèn)題其實(shí)被很多人忽略，小到個(gè)人站點(diǎn)，大到門戶網(wǎng)站都有可能犯這個(gè)錯(cuò)誤。不信想想看，如果你所做的網(wǎng)站背景是白色的，那么你還會(huì)記得在CSS里寫下Background-color:#ffffff這句代碼嗎？我敢打賭，大部分人不會(huì)！并不是因?yàn)榇蠹彝祽?，而是這個(gè)舉手之勞被徹底忽略了，為什么？因?yàn)槲覀兯玫腤indows操作系統(tǒng)在大多數(shù)的情況下，運(yùn)行在其上的各種軟件的默認(rèn)背景色是白色，這其中就包括IE瀏覽器，所以在網(wǎng)站背景是白色的條件下，許多的網(wǎng)頁(yè)制作者就想當(dāng)然的忽略了關(guān)于背景色的設(shè)置，反正大家都是白色，不設(shè)的話也看不出來(lái)。但是不要忘記了，Windows從XP開(kāi)始支持系統(tǒng)主題的更換，有很多第三方的主題會(huì)更改系統(tǒng)默認(rèn)的設(shè)置，其中就包括背景色的設(shè)置，如果沒(méi)有強(qiáng)制設(shè)定頁(yè)面中的背景色，那么頁(yè)面就會(huì)以當(dāng)前瀏覽器的背景色來(lái)顯示內(nèi)容，其結(jié)果就是網(wǎng)站美觀性被大大的降低，拿大家都熟悉的網(wǎng)易來(lái)舉例，下面的截圖是在我機(jī)子上瀏覽時(shí)的樣子，由于前不久換了一套Vista的主題風(fēng)格，所以瀏覽器的背景色變成了淺灰色。 　　仔細(xì)看看網(wǎng)易的Logo，看出來(lái)嗎？對(duì)，那個(gè)Logo的背景是白色的，但旁邊的背景色卻是灰色的，換句話說(shuō)就是網(wǎng)易整個(gè)頁(yè)面的背景原定就是白色的，這在瀏覽器背景為白色的前提下是看不出什么來(lái)的，但是像現(xiàn)在這樣就“漏餡”了。不光是網(wǎng)易，許多的門戶站都是這樣，具體我就不去舉例了，可見(jiàn)關(guān)于Background-color設(shè)定的重要性。所以，不論你的網(wǎng)站是什么樣的背景色，請(qǐng)一點(diǎn)記住把它設(shè)定好，哪怕它是白色！ 　　2、立正！向左～～～看齊 　　大家都知道Table的默認(rèn)水平對(duì)齊方式（align）為左對(duì)齊，設(shè)align="left"和不設(shè)其效果是一樣的，于是很多人不去設(shè)置這個(gè)屬性，我以前也是如此。但是在某些特殊的情況下，IE會(huì)把默認(rèn)的左對(duì)齊理解為居中對(duì)齊，從而導(dǎo)致頁(yè)面的排版出現(xiàn)問(wèn)題，雖然說(shuō)具體是什么情況下會(huì)出問(wèn)題連我自己都說(shuō)不清楚，但是這種情況絕對(duì)存在，所以大家在做頁(yè)面的時(shí)候一定要習(xí)慣性的設(shè)置表格的align屬性，不要偷懶跳過(guò)這步，對(duì)頁(yè)面的表現(xiàn)來(lái)說(shuō)，這所謂的多此一舉絕對(duì)有益無(wú)害。 　　3、單元格寬度－隱形殺手 　　不知你有沒(méi)有遇見(jiàn)過(guò)這種情況，假設(shè)當(dāng)你給一個(gè)單元格的align設(shè)置了左對(duì)齊后，卻發(fā)現(xiàn)放在單元格中的文字并沒(méi)有應(yīng)用該屬性的效果，反而繼續(xù)是居中顯示，查看文字兩端也并沒(méi)有發(fā)現(xiàn)任何垃圾代碼包含其中，可是無(wú)論如何都改變不了文字的位置。郁悶嗎？反正當(dāng)時(shí)我是很郁悶，直到后來(lái)，我才發(fā)現(xiàn)原來(lái)是單元格的Width屬性在作怪，將其刪除或重新設(shè)置后問(wèn)題得到解決，所以，當(dāng)你也遇到同樣的問(wèn)題時(shí)，不妨檢查一下出問(wèn)題單元格的Width設(shè)置，相信你會(huì)找到解決的方法。 　　4、打死滾動(dòng)條都不消失 　　有時(shí)為了一些個(gè)性化的需要，有些人喜歡將瀏覽器的滾動(dòng)條隱藏掉，這個(gè)效果做起來(lái)很容易，但是有時(shí)會(huì)發(fā)現(xiàn)明明代碼一點(diǎn)問(wèn)題沒(méi)有，而且查看用的瀏覽器也不是非IE內(nèi)核型的，但可惡的滾動(dòng)條就是不消失！而且這個(gè)問(wèn)題很多都出現(xiàn)在用DW等可視化編輯軟件制作出的網(wǎng)頁(yè)上。那原因是什么呢？其實(shí)原因就在該頁(yè)面的頭部代碼里，查看該頁(yè)面的源代碼，你會(huì)發(fā)現(xiàn)在最上邊有類似這樣的兩句代碼： 　　<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.yuhou.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 　　這兩句代碼叫做DOCTYPE聲明，是DocumentType(文檔類型)的簡(jiǎn)寫，用來(lái)說(shuō)明你用的XHTML或者HTML是什么版本。簡(jiǎn)單點(diǎn)說(shuō)這兩句代碼是制作標(biāo)準(zhǔn)化頁(yè)面所必不可少的關(guān)鍵組成部分，瀏覽器就是根據(jù)你定義的文檔類型來(lái)解釋你頁(yè)面的標(biāo)識(shí)，并展現(xiàn)出來(lái)的。換句話說(shuō)，如果你定義了一個(gè)錯(cuò)誤的DOCTYPE，那么你的標(biāo)識(shí)和CSS都不會(huì)生效。而定義滾動(dòng)條顯示與否的overflow、overflow-x、overflow-y這三個(gè)屬性恰恰沒(méi)有被網(wǎng)頁(yè)標(biāo)準(zhǔn)所采納，所以如果你的頁(yè)面上方定義過(guò)DOCTYPE，那么這三個(gè)屬性便是無(wú)效代碼了，解決方法就是刪除頭部的DOCTYPE聲明，雖然在標(biāo)準(zhǔn)日益普及的今天不推薦這么做。 　　5、都是注釋惹的禍 　　為代碼寫注釋是個(gè)好習(xí)慣，但是有時(shí)也會(huì)出現(xiàn)一些問(wèn)題，例如為CSS寫中文注釋。如果你為自己定義的CSS寫了中文注釋，那么在一些特殊情況下（例如服務(wù)器端的支持，頁(yè)面所用的程序類型等）會(huì)導(dǎo)致部分代碼無(wú)故失效，這種情況我遇見(jiàn)好幾回了，所以在技術(shù)上沒(méi)解決這個(gè)問(wèn)題之前，還是不要為CSS寫注釋的好，養(yǎng)成良好的命名習(xí)慣足以讓其它人看懂自己代碼的意義，即使一定要寫，也請(qǐng)用英文寫吧...什么？拼音?。?！拜托，你用拼音試試看，保證一個(gè)星期后連你自己都不明白那寫的是什么。 　　6、神啊，發(fā)光吧～～～ 　　這個(gè)問(wèn)題有些濫竽充數(shù)的嫌疑，只是有很多人問(wèn)起過(guò)，所以也一并放上來(lái)。是關(guān)于CSS的GlowFilters，這個(gè)濾鏡的效果是對(duì)環(huán)繞對(duì)象內(nèi)容邊緣制作發(fā)光效果，也有人稱描邊效果，多被用在文字的表現(xiàn)上，但是許多人在運(yùn)用了該濾鏡后發(fā)現(xiàn)并沒(méi)有出現(xiàn)想要的效果，究其原因多半是由于把這個(gè)濾鏡直接運(yùn)用到了文字上，要知道該濾鏡對(duì)文字是沒(méi)有效果的，那為什么還能制作出發(fā)光文字呢？那是因?yàn)橐欢ㄒ阉\(yùn)用在放置文字的容器上，例如Table。所以，如果沒(méi)有效果的話，就檢查一下是不是用錯(cuò)地方了。 　　該濾鏡的另外一個(gè)問(wèn)題是，雖然發(fā)光效果是有了，但是感覺(jué)文字上的那圈光暈好像是被裁了一樣，少了一塊似的。這是由于所放置文字的容器高度低于該濾鏡的發(fā)光范圍所至，解決方法有三種： 　　1、縮小Font-Size 　　2、增加Height值高度 　　3、降低Strength值的大小 　　7、思考中... 　　其實(shí)這些問(wèn)題都不是什么了不起的大問(wèn)題，但往往越是小問(wèn)題才越容易被人忽略，希望上面這些經(jīng)驗(yàn)教訓(xùn)對(duì)你能有所幫助，哪怕有一個(gè)人從中收益就不枉我羅哩羅嗦這么半天了。

學(xué)習(xí)網(wǎng)站建設(shè)中一些容易被忽視的問(wèn)題相關(guān)標(biāo)簽：企業(yè)網(wǎng)站建設(shè)，企業(yè)建站，企業(yè)做網(wǎng)站，網(wǎng)頁(yè)設(shè)計(jì)

相關(guān)熱點(diǎn)推薦

網(wǎng)站設(shè)計(jì)之設(shè)計(jì)步驟及思 響應(yīng)式網(wǎng)站布局分析與應(yīng) 網(wǎng)站首頁(yè)所應(yīng)該達(dá)到的幾 網(wǎng)站建設(shè)如何做好網(wǎng)站規(guī) 企業(yè)制作電商APP軟件 網(wǎng)站建設(shè)之美觀與營(yíng)銷需 如何處理好網(wǎng)站設(shè)計(jì)的細(xì) 做好內(nèi)外鏈的平衡度更利 奈薇建站網(wǎng)科技2016 網(wǎng)站建設(shè)的基本原則 網(wǎng)站導(dǎo)航理論與實(shí)踐 十分鐘讓你的外貿(mào)網(wǎng)站更 網(wǎng)站建設(shè)下一站-網(wǎng)絡(luò)營(yíng) 十大嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤 優(yōu)化站內(nèi)搜索－讓用戶更 如果你被上個(gè)網(wǎng)絡(luò)公司傷 做網(wǎng)站公司哪一家比較好 網(wǎng)站建設(shè)的準(zhǔn)備工作 中小企業(yè)行之有效的網(wǎng)絡(luò) 2019年百度排名的算 網(wǎng)站為什么要改版你知道 網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的差 信息架構(gòu)的流程引入 如何設(shè)計(jì)廣告的用戶體驗(yàn) 當(dāng)設(shè)計(jì)師遇上前端開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混 提高內(nèi)容類網(wǎng)站的粘度要 網(wǎng)站推廣、網(wǎng)站宣傳的作 如何讓蜘蛛頻繁爬行你的 青島高端網(wǎng)站建設(shè)公司 制作自己的網(wǎng)站 如何按照百度做網(wǎng)站優(yōu)化 交互設(shè)計(jì)之出路選擇原則 交互設(shè)計(jì)之蘋果系統(tǒng)iO 網(wǎng)站優(yōu)化中讓帖子置頂?shù)?/b> 網(wǎng)頁(yè)制作之“事不過(guò)三” 企業(yè)網(wǎng)絡(luò)營(yíng)銷的成功策略 如何做網(wǎng)站的搜索引擎優(yōu) 免費(fèi)的方式來(lái)提高你網(wǎng)站 自助建站的優(yōu)勢(shì)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門戶