我的建站之路（2）

標籤：java   檔案   c   問題   html   代碼   工作   javascript   

　　上一篇文章發表是在7月7號，今天已經25號了，我來回憶回憶。

　　上次寫完那個需求分析之後我就開始著手做我的這個網站，而緊接著我就被卡住了，因為，我突然想到了我的能力問題——我還不會javascript！這似乎成了一個要命的bug，而且是我的bug不是網站或者其他什麼的bug，我必須得想辦法調試通了這個bug才行啊。

　　與此同時，我是之前已經寫好了一份策劃的，這個策劃是交由我們的學生科主任看的，我也能猜到他有80%可能沒有看，無所謂了，因為我們做的工作並不和他在學校的工作相吻合，他不反對我我都已經覺得算是很不錯的結果了。當然，在不涉及自己走的路的時候沒誰會去無聊的幹擾別人！扯了一些沒用的話，回來繼續說吧，我按照我當時寫的那個策劃將網站的結構做了一個劃分，我自己在學習HTML的時候也是稀裡糊塗的，通過百度和W3SCHOOL上看到的幾個<div>標籤的用法還有就是通過看幾個別人的網站的<div>的用法我將將就就的把塊兒劃分開了：頭部主要用一張圖片，凸顯主題的圖片，content部分空著因為我都不知道去填什麼樣兒的內容，footer部分我直接將我們系的那個footer搬了過來，都大同小異，也不涉及備案，也不涉及著作權，所以，不怎麼在意結尾這部分。然後我就開始了我的“龐大”的搬運工作，呵呵，說到這裡你別笑話我，因為我心裡清楚的明白我如果想要做出來一個稍稍漂亮點的導航條那我一定得用javascript或者jquery，可是我不會，自己寫不出來，只能去搬運咯。讓我另起一段寫！

　　由於是有目的性的去找導航條的效果，我感覺我還算速度快，首先是在csdn上看了看最近的一些極客頭條，發現沒有相關的文章，但是我卻找到了一個展示圖片的素材，就是我現在放在首頁的這個圖片展示效果，有興趣的同學可以等我把網站掛上去之後去我們學校的網站上看看，希望我的眼光挑出來的這個效果會是大家都挺喜歡的效果。我曾想過搬運這些素材過來肯定會和我之前寫好的這個結構出這樣那樣的bug不過令我驚訝的是這個過程出奇的容易，我似乎就只是在我的HTML中連結進來了那幾個js然後將原素材的代碼貼了上去。也許是我根本不需要改什麼所以才會這麼順利吧，可是到了這個導航條就不那麼簡單了。

　　我找了很久的二級導航條發現很多的導航條運用的效果是大同小異的，而且，我搬過來的時候就得把他們的css也跟著搬過來，造成那些css中的部分全域效果更改了我的HTML顯示不那麼自然了，排除這些bug花了我很久的時間，但是出現了一個讓我很蛋疼的問題，因為素材裡面的導航條是通過js來控制顏色的，就跟你們看到的那樣，但是我樂呵呵的把這個素材的js連結進來卻發現我的顏色及相關的過度效果出不來，但是如果我在素材的那個網站裡面改卻可以正常顯示，原素材裡面的導航條包括八項內容，而我現在只需要五項，我在想是不是在這個項數上函數哪裡有涉及讓我這邊的顯示出問題，找到裡面的init.js看了半天也沒找出來哪裡和這個項數有關係，而且我在素材網站上改的也可以正常顯示啊！我被自己的榆木腦子坑了，那能是哪個問題呢，就這會兒我已經糾結了一個下午了，包括我將素材的HTML代碼複製粘貼過來看看是不是那種IME不同造成的問題都沒有解決，就在我實在想不到是什麼原因的時候我突然注意到了一點，我當初是先將展示圖片的那個效果的js連結進來後面才將導航條引進來，我的那個jquery檔案的連結寫在了init.js的後面，而素材網站的是在前面，這不禁讓我想到了最早學習c語言的時候自訂函數寫在main之前和之後 的聲明問題，於是我就賤賤的將我的那個jquery檔案的連結移到了init.js的前面，然後F12預覽，效果出來了，我當時激動得啊，那個心情無法形容。

　　看到這裡希望大家不要笑話我，因為我現在還只是個小白，這次建站也是在邊學習邊製作。

　　不過還是會有問題的，原先的效果顯示是8個導航條，改成5個之後當滑鼠移開之後的效果的那個顏色退去的數值明顯不夠，顯示有bug這個最後也是通過查看stop函數裡面的一些數值將-100px的值改成了-200px得以解決。

這個文章並不是什麼技術性文章，完全是我這次學習過程中的一次記錄。我也希望自己等到畢業的時候能從這些文章裡面找到一些美好的回憶。就這樣吧