【郭老師閒話】新學期開學了,又要開始忙了。
正文--
整個寫作過程,內容安排,都是環環相扣的,也是一個歷史經驗的總結。
這個學習思路和方法,多年來,被來自全國各地的眾多學生所學習使用。
每一節的內容,都跟之前的內容,有著或多或少的聯繫。
綜合之前所講的知識,本篇,我們來個串燒。
圍繞怎麼做一個簡易的網頁,回顧其步驟:
1、新建站點
2、打開index.html,按照網頁的六個組成部分,依次創建logo層、導航層、banner層、內容層、友情連結層、版權層
3、在firework中切圖,在firework中,打開之前做好的網頁效果圖psd源文件。按照6大組成部分,進行切圖。作為初學者,可以先不考慮網頁中的文字。(關於如果切圖下節講)
4、在紙上,記錄下每一部分寬高具體的尺寸。
5、通過css控制面板,對每個層進行定義,如它們的寬、高,邊框、背景、填充、邊界等。定義的時候,必須定義左浮動。
在我們通過css來定義div的時候,這個地方一定要對應。
比如要定義這個<div id="logo"></div>
我們點擊右上角css樣式屬性裡的「+」圖標(如下圖)
點擊之後,就會出來這個對話框。
因為id是logo,所以這裡一定要對應選擇高級。
回想一下我們之前講過的css三個選擇符。
6、預覽其效果,感受其作用。
7、看著效果,對於的去看代碼及其含義。
我相信有很多人會說,你說的這些,心裡倒是明白了。做的時候還是有很多問題啊。
心裡明白了,思路理清了。學習的目的就達到了。
我一直說,做好一個網頁如果給10分,那麼理清思路就已經得6分了。
想當年,我學習的時候,就是因為不知道做網頁的思路,花費掉了兩年多的時間。真正去做,用的時間實在是太少了。
思路理清楚了,克服細節的問題,找百度就好了。
比如說,用ps怎麼做金屬字,百度一下:ps金屬字。
你看的將是超詳細的步驟。
這就跟廣告公司,做設計一樣。好的設計,不是說技術多牛,而是誰的創意最牛。
作業:
1、做網頁最重要的是什麼?
2、獨自練習試試,看能掌握多少?
----
文/選自《網頁設計宣言》
【0基礎如何學網頁製作】