1. 程式人生 > >網頁設計學習日誌

網頁設計學習日誌

                                                                           學習日誌01 

今天是2016.9.10,週日,我一個下午都坐在教室裡模仿做一個百度的主頁面。這是百度主頁的本來面目:

看似很簡單,都是有很多細節對我這個出入Web前端的小白還是很陌生的。比如上面導航欄的“更多產品”,當滑鼠滑過它的時候會出現下拉選單,由於我還怎麼掌握JavaScript,所以就用CSS來實現這個功能了,通過在<li></li>中再套<ul><li></li></ul>,並用hover來控制滑鼠觸發功能。這一點知識的掌握算是今天最大的收穫了。其餘都是比較簡單的超連結、文字框、按鈕啦。不過我的CSS還得需要調整以期還原出百度的原樣。當然還有一些小細節,比如“糯米”連結開啟後會自動切換到自己所在的城市,“把百度設為主頁“連結開啟後,會根據你所使用的瀏覽器自動展開對應的方法,這些恐怕需要JS才能完成的。所以一個百度主頁的完成,對我來說還是有很長的路需要走的。

  這是我的學習日誌的第一篇,希望自己以後能有所進步了就記錄下來。不求快速飛躍,只求每日能有所收穫!