這個小小的項目終於算是完成了。
網站的圖標ico,圖標的製作利用在線工具。
index首頁、list產品、detail產品詳情頁、login登錄、register註冊頁面
頁面的話就做了這五個頁面,其中比較複雜一點的就是index首頁了,其實還有購物車清算的頁面,我沒有做(我做的速度太慢了,捂臉捂臉),到後期的話,我會重新再做一次。
css樣式的話,分爲重置樣式、公共樣式以及五個對應頁面的專屬樣式表。
總體下來的話,我用了一個星期弄好的,儘管不是很好,但是還是完成了。只有在練習實踐中才會發現自己會什麼,,不會什麼,這樣才能查缺補漏,才能更好的學習。
總結幾點注意事項:
1. 拿到圖,一定要先來分析頁面結構,分析比寫代碼重要
2. 搭建頁面結構很重要!!!! 先搭建結構,再寫樣式
3. 一步一步的來,搭建一個結構就調試一下,看看有沒有問題(邊框調試、背景色調試都可用)
4. 整體規劃好測試完畢之後,再往結構裏面添加內容。
對的,就是這樣,總體下來最深的感受就是要搭建好頁面結構,結構搭建不好,樣式寫了也是白寫。
一定一定一定要分析頁面結構,這樣腦子纔不會亂糟糟的,不知道要怎麼去下手。
最後附上我這個小項目的目錄結構:
fonts是放字體圖標的,image是放背景圖的——作爲背景,uploads是放產品圖的——需要上傳,使用img標籤
.ico的文件是網站的圖標。