June 2, 2005

CSS 美妝術: Flickr 圖片排排站

by 柏強(城市探險記電子郵件),感謝李某人協助校閱。

如果你還不知道 Flickr 是什麼玩意,那麼我這麼說吧:Flickr 是一個線上相簿網站... 這種講法好像有點太小看它了,總之是個非常強的相簿網站,提供你每月 20MB 上傳流量、最多顯示兩百張照片的免費空間。除此之外,它還提供方便的功能,讓你在自己的網誌上貼照片!相關訊息請參考以下網頁:

不過,今天的主角不是它 -- 只是要借用它的服務來做點變化,真正的主角還是 CSS 啦!



...繼續閱讀

CSS 版面控制: 固定置中版面

Editor: 柏強,經原作者 Jace Ju 授權、改寫自如何正確實作出固定寬度且置中的版型

網頁設計師為了版面美觀,時常會想讓網頁的某塊區域置中。在以前拿表格來排版時,我們可以用以下方式達成目的:

<table align="center" border="1" width="200">
  <tr><td>網頁內容</td></tr>
</table>
網頁內容

不過,以表格排版的話頁面的版型就定死了,毫無靈活度可言;比較好的方法是採用 CSS 各種特性來排版,請繼續看下去。



...繼續閱讀

June 1, 2005

關於語意:再見了,<b>!(還有 font、u、i...)

by 柏強 (城市探險記), 感謝 Daniel Wang、李某人、othree 等人協助審閱。

即使你不是網頁設計師,可能也看過 <b> 這個標籤。這個標籤的原意是以粗體標示文字,像這樣:

贏家的棋變<b>輸家</b>的棋
贏家的棋變輸家的棋

事實上,就現在的趨勢而言,<b><i><u><font> 這類僅為視覺效果而加上的標籤都應該盡可能避免使用才好。為什麼?因為要切合語意



...繼續閱讀

January 1, 2005

留言板

  • 不回答網頁設計相關問題: 請至其他網頁設計討論區詢問,本處僅處理此網誌文章相關事宜。
  • 歡迎勘誤,請註明文章標題
  • 歡迎引用,本網誌文章皆以 CC: by-sa-nc (TW) 授權

如有未盡事宜將隨時補上