今天跟表弟討論過Google記得6-7年前Yahoo仍是主流…但轉眼間 Google每月的搜尋率突破”31億“ 除此之外,還有其他很強大的Proprietary ToolsGoogle MapGoogle CalendarGoogle 翻譯…現在還自製Nexus One力撼iPhone真感慨這短短10年內的網絡科技發展一日千里亦令我想起這就是一個活生生Globalization的例子 網頁製作紀事錄(1) 說起設計網頁, 我並不是這方面的專家不過都略知有關HTML5 vs Flash, Firefox vs IE等等的資訊 回正題, 今日想介紹有關做”靜態”網頁layout的方法1) 利用Photoshop直接輸出網頁格式, 再用dreamweaver直接更改2) 利用Photoshop局部製作網頁配件, 再用dreamweaver改原始檔 (要知道div及css的用法)經過多次做網頁的經驗, 現在多數人傾向用 跟css這兩個東西來做網頁的layout的! 1) Photoshop slices tool 做網頁一定離不開繪圖, 在Photoshop設計好後, 利用slices tool就可以根據你自訂的規劃分割出按鈕, 文字框架等等. 當轉換成html檔後import入dreamweaver就可以更改了! 例子 : 任天堂Game Boy advance每個遊戲網頁正正是用這個方法做layout的! 其實用Photoshop轉換成html是有跡可尋的, 當打開網頁的原始檔, 就不難發現有”spacer.gif”的縱影了! Reference PSD to HTML Slicing Tutorials 2) <div> & CSS 另一個方法是用div,