品優購項目學習總結(二)

這個小小的項目終於算是完成了。

網站的圖標ico,圖標的製作利用在線工具。

index首頁、list產品、detail產品詳情頁、login登錄、register註冊頁面

頁面的話就做了這五個頁面,其中比較複雜一點的就是index首頁了,其實還有購物車清算的頁面,我沒有做(我做的速度太慢了,捂臉捂臉),到後期的話,我會重新再做一次。

css樣式的話,分爲重置樣式、公共樣式以及五個對應頁面的專屬樣式表。

總體下來的話,我用了一個星期弄好的,儘管不是很好,但是還是完成了。只有在練習實踐中才會發現自己會什麼,,不會什麼,這樣才能查缺補漏,才能更好的學習。

總結幾點注意事項:

1. 拿到圖,一定要先來分析頁面結構,分析比寫代碼重要

2. 搭建頁面結構很重要!!!! 先搭建結構,再寫樣式

3. 一步一步的來,搭建一個結構就調試一下,看看有沒有問題(邊框調試、背景色調試都可用)

4. 整體規劃好測試完畢之後,再往結構裏面添加內容。

 

對的,就是這樣,總體下來最深的感受就是要搭建好頁面結構,結構搭建不好,樣式寫了也是白寫。

一定一定一定要分析頁面結構,這樣腦子纔不會亂糟糟的,不知道要怎麼去下手。

 

最後附上我這個小項目的目錄結構:

fonts是放字體圖標的,image是放背景圖的——作爲背景,uploads是放產品圖的——需要上傳,使用img標籤

.ico的文件是網站的圖標。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章