青島網站建設公司,青島網站制作公司-奈薇建站網
建站咨詢熱線:0532-8878113113165158935 
知識普及 ? 學習網站建設中一些容易被忽視的問題

學習網站建設中一些容易被忽視的問題

網站工程師 2019-11-13 11:40發表
閱讀次數 1101
  關于這篇文章其實早就想寫了,只是由于自己太懶才一直拖到現在。主要想談談在網頁制作中幾個比較容易被忽視的問題,算不上什么高深的教程,只是自己平時工作學習中所遇到的問題積累,寫下來一是可以給初學者提個醒,二來也是幫自己做個筆錄,畢竟年紀大了,記性不好了...

  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、思考中...

  其實這些問題都不是什么了不起的大問題,但往往越是小問題才越容易被人忽略,希望上面這些經驗教訓對你能有所幫助,哪怕有一個人從中收益就不枉我羅哩羅嗦這么半天了。

學習網站建設中一些容易被忽視的問題相關標簽:網站開發網站建設方案網站開發網站規劃
相關熱點推薦
探索百度算法:用戶行為
網站優化之整站優化的過
“互聯網+”熱的冷思考
論壇的發展與現狀分析
網站沒有收錄被K后的解
網站規劃之我見
如何提高百度的權重值?
網頁設計現狀
青島網站制作的公司哪家
學習網站建設中一些容易
政府網站建設要按照“一
SEO工具:谷歌網站管
怎樣交換友情鏈接
網站發布軟文更容易被收
網站優化的15條重要體
網絡營銷,搜索引擎營銷
網頁設計
UED設計流程和方法
網站策劃需要具備的知識
網站建設中的交互設計模
制作主頁的獨門功夫五十
分享引導蜘蛛抓取文章的
html5與網站優化
在線評論對購物影響僅次
網頁設計中應急小技巧你
網站百度快照不更新的解
如何制作友情連接?做友
全屏自適應網站設計特點
罕見設計創意的WEB網
影響網站排名的一些不必
移動互聯網開發中的技術
告別刻板沉悶,青島網站
網站技術規范
關鍵詞位置、密度、處理
企業如何做好搜索引擎優
網頁編碼和搜索引擎優化
網頁設計應該把握4大原
如何做好網站內鏈優化讓
如何突出頁面設計重點內
網站推廣做到有效,堅持
奈薇建站網青島網站建設公司/青島網站制作公司,專業提供"氣質"型網站建設及精美網站制作服務,同時歡迎各地網站建設公司、網站制作公司代理我們的奈薇建站系統共同發展

熱點地區:青島網站建設價格 青島即墨網站制作公司 開發區信息港 山東在線門戶
  • 備案號
  • 魯ICP備13010283號
建站咨詢熱線0532-88781131 15166683288 13963906391
版權所有© BangJianZhan.Com & Nev.Cn 青島網站建設/網站制作公司
青島雨后網絡科技有限公司 - 青島市市北區福州北路90號,景泰尚都6層
已經為您服務了
156個月 15
4944945香港诸葛神算网