麻煩看到這篇，而版面沒有正常顯示的朋友留個言好嗎，(幫我抵爸個XD)
請留言跟我講你視窗中版面缺陷的情形，和您用的瀏覽器是什麼~謝謝!!!
最近因為某些因素，必須在wiki的站下面架一個網頁，
所以開始瘋狂的研究CSS。
以前曾經試著挑戰過很多次，但因為沒有壓力在逼迫，所以也半途而廢很多次XD
這次不一樣，因為要在期限內做完，所以我窩在誠品，三天之內就看了五本CSS的書 @@
不過看多歸看多，真的提槍上陣還是要東找資料西翻辭典的，
剛開始移一下DIV就搞了好半天，後來又發現整體架構有問題等等OTZ
所以想說乾脆來設計無名的樣式好了，剛好練習寫CSS XD
經過一番努力，大概30h吧 ˊˋ(包括念書找資料的時間囧)
生出第一份作品，(被我當成情人節禮物送掉了XDD)
樣式很簡單，排版不複雜，但圖片美工用超久的，版面也重新設計好多次~
心意成分比較重啦XD
這份樣式會是全世界唯一一份XD，就不收在這邊了
現在自己用的這份是我的第二份作品，
這次有了經驗，做得比較快，大概...10h吧
(哈，當然快是對新手而言啦@@)
取名叫Sexy Metal
自己感受一下那個冰火二重天的感覺吧= =
身為學理工的一份子，有了經驗後就想要把整個流程做個Standardize，
找到目前能找到的最快方法。
目前想法大概是：
1. 要有構想。
2. 用 Photoshop 畫出草稿和元件。
3. 用 Firework 匯出各元件。測量各元件長寬值。再上傳各元件。
4. 撰寫一份無名基本通用的CSS類別和ID，每次都從這份延伸。
5. 輸入各ID設定並測試。
我比較喜歡全部手動自己寫，因為套用別人的樣式再來改，總會有些地方會沒改到，
而且一點一點改也沒有比從新寫快多少= =
作兩份樣式完，我覺得最累的是...
無名網誌裡，每個元件的標籤都固定好了，要從原始檔裡去抓她的ID再來設定，
超累的= . =
還好我勇於發問！
而在PTT板上有人介紹我一個正妹，
不是啦，是介紹我 firebug
是掛載在 firefox 瀏覽器上的外掛程式，可以直接在網頁上看到原始碼！！
這樣快多囉XD
接下來計畫弄一份表格，裡面列出無名小站架構的標籤之類的，
找很久結果網路上好像還沒人著手，
不過這對新手而言應該很重要的說!
雖然如此，這份樣式還是有很多缺點，
尤其是有個東西我一直抓不到要領......
就是瀏覽器支援的問題= =
我這份Sexy Metal 只能在IE7和IE8上，用1024*768解析度看才是正常，
在其他像Firefox裡就會出現偏差，像最下面尾巴斷掉之類的..
這種應該是我語法用到一些瀏覽器不支援的語法吧...
但要拿捏這種東西，真的很難很難...
應該是要靠經驗吧XD
有沒有人知道怎麼解決的~趕快教我!!
希望下次能做出更屌的作品囉~
再加油。
留言列表
