這是網路上下載下來的免費網頁模版並放到網路空間的樣子
套用模板可以減少美工的時間，尤其是像我這種沒審美觀的人是最有幫助的
當然也要看得懂別人的程式碼才有辦法修改成自己想要的樣子
而這個模板程式碼並不難，只要知道 Menu 的部份就可以了
myButton('顯示的文字','連結的網頁');
很容易懂，但因為最後是透過Flash顯示，Flash中未作中文顯示處理，所以改中文會有亂碼
礙於沒有.fla檔的關係，遷就只用英文選單（其實我愛用英文）
而我主要是做了 Home、About、Experince、Exposition四頁
先修改index.htm，把 head 的部份修改成自己要的，尤其是 charset 的部份
改好menu後就可以開始動工了
Home。歡迎訊息，更新歷程
細修了 id="anim_line" 這個CSS，把margin改掉，讓間隔大一點
且原本預設字體較小為11px，因為中文字體的關係所以需要設大一點改成1.2em
至於為什麼用em，只是爽度問題，要改成pt、px都可以，畢竟這不是商用網頁，不必計較那麼多
About。關於我
只是多了一張圖而已，並砍掉了原本 Lightbox的部份
雖然說這個JS的效果還不錯，但因為我想增加Picasa的曝光度，所以改用傳統開新連結的方法。
Experince。工作經驗
自己加了一個 class="title" ，因為預設綠色標題的部份是寫在 h1 上面，而我這邊的需求是 主標題與副標題 並排顯示
所以用 span 隔開，分別設定 class 個別顯示
Exposition。成果作品
自己加了 class="photolist" 其中 class="photo" 跟 class="content" 就是圖片與敘述左右兩區塊
因為單純在圖片上設定 float:left; 則右方過多的文字會擠到圖片下方來
為了避免這種情況，要讓文字乖乖在圖片以右並整齊靠左對齊，所以另外在 class="conetent" 上加了 float:right;
在利用 width屬性 來控制版面寬度，就可以達到我要的效果
沒有留言:
張貼留言