Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

table and CSS 的差別?

  • which
  • which 的個人頭像 Topic Author
  • Offline
  • 專家會員
  • 專家會員
More
2005-04-22 06:50 #326 來自 which
which created the topic: table and CSS 的差別?
mambo template 的開發是不是一直有兩種作法?
table的方式 : 可以看到很多的教學

Please 登入 to join the conversation.

  • cofemei
  • cofemei 的個人頭像
  • 訪客
  • 訪客
2005-07-06 07:38 #642 來自 cofemei
cofemei replied the topic: table and CSS 的差別?
table 是一種很老的設計方式了~一開始css還沒出現的時候大家就是用table來設計!
table有一些缺點:
  • 原始碼不易看用table設計就會一大堆tr td ,還會用到合並欄位,到最後可能光看原始碼完全不能想像排出來是什麼樣子。
  • 速度會比css慢因為裡面的html code比較多。
  • 大家都討厭他現在有很多大師在推用css做網頁的排版,所以大家都要用css。

css的好處
  • 可快速抽換你只要改了你的css,你的網頁就完全不一樣了,連排版都可以變。
  • 未來的標準css 要在不同的瀏覽器中看起來一樣,應該比較容易。

不過現在因為 css 的編輯器還是以風格為主,比較少以排版為主的,所以要排網頁的時候還是用table比較簡單!

只是說說自已的經驗,請大家多多指教!

Please 登入 to join the conversation.

More
2005-07-06 08:20 #643 來自 羽城君拉
羽城君拉 replied the topic: table and CSS 的差別?
TABLE的方式比較直覺,一般也是用table的作法來作。dreamweaver上即可所視即所得編輯。

css樣版設計法。之前找過資料,似乎只有Adobe Go Live!可以對這種css樣版設計作所視即所得編輯。目前也只有那第一百零一個樣版設計師會用…就是作mambo預設樣版的那個。

EdDy

...

Please 登入 to join the conversation.

  • which
  • which 的個人頭像 Topic Author
  • Offline
  • 專家會員
  • 專家會員
More
2005-09-14 14:38 #877 來自 which
which replied the topic: table and CSS 的差別?

eddy 寫了道:: TABLE的方式比較直覺,一般也是用table的作法來作。dreamweaver上即可所視即所得編輯。

css樣版設計法。之前找過資料,似乎只有Adobe Go Live!可以對這種css樣版設計作所視即所得編輯。目前也只有那第一百零一個樣版設計師會用…就是作mambo預設樣版的那個。

EdDy

站長說的是 mambodev.com 這各站的嗎?
不過看過很多佈景

Please 登入 to join the conversation.

  • munn
  • munn 的個人頭像
  • 訪客
  • 訪客
2005-12-30 01:34 #1456 來自 munn
munn replied the topic: table and CSS 的差別?

eddy 寫了道:: TABLE的方式比較直覺,一般也是用table的作法來作。dreamweaver上即可所視即所得編輯。

css樣版設計法。之前找過資料,似乎只有Adobe Go Live!可以對這種css樣版設計作所視即所得編輯。目前也只有那第一百零一個樣版設計師會用…就是作mambo預設樣版的那個。

EdDy

CSS可以参考以下资料入门:
http://www.w3cn.org/article/step/index.html

再下来就要google了

推荐2个我认为比较好的站点可以参考
http://www.onestab.net
http://www.w3cn.org

Please 登入 to join the conversation.

  • webtemp
  • webtemp 的個人頭像
  • 訪客
  • 訪客
2007-03-21 22:34 - 2007-03-21 22:48 #6359 來自 webtemp
webtemp replied the topic: table and CSS 的差別?
因還沒看過joomla的樣板是怎樣規則
上面cofemei已說很詳細

補充一點點
table and CSS差異
實作時table容易出現跑位問題,(就是網頁跑出去又歪七扭八的...無法掌控)
在此時還是要靠css定位來解決

css也如cofemei說的在日後更改管理上較有效率,table也佔較多"空間"
基本上自己也較喜歡用css來做網站 ;D


最後,做設計的希望直覺式設計,是思維的關係,能夠理解
自己也是設計出身,又不覺得這說法完全正確
就算設計師也需經過草圖階段來構思佈局
構思-->畫出草圖-->才去作出東西

個人看法--我學設計也很推崇css的

這個是12 Basic CSS Template
http://www.notmp3.com/csstemp/in_index/
這種都是可現成套用的
最後修改原因: 2007-03-21 22:48 來自 webtemp.

Please 登入 to join the conversation.

  • jimwoods
  • jimwoods 的個人頭像
  • 訪客
  • 訪客
2007-09-12 15:03 #8120 來自 jimwoods
jimwoods replied the topic: table and CSS 的差別?
對於css不熟悉的人,一開始看到用css去設定網頁、版面、字型、編排,會有相當難度。 然而,一但你懂得css的規則,您將會發現這會是一個好方法,去控制頁面呈現。

css可以於要呈現的頁面html裡頭定義文字、位置、顏色、大小等條件,然後再要使用的html的標籤下(class="定義的條件名稱")連結;另外一種,就是把css整理成一種文件檔案,把所有你要表現的方式,都定義好,透過頁面head裡頭的 <link rel="stylesheet" type="text/css" href="連結css檔案的路徑" />去抓對應。

Please 登入 to join the conversation.

  • lustre.com.tw
  • lustre.com.tw 的個人頭像
  • 訪客
  • 訪客
2008-06-26 18:06 #10406 來自 lustre.com.tw
lustre.com.tw replied the topic: table and CSS 的差別?
我發表一下個人看法:
對比TABLE與CSS+DIV設計網頁
假設要呈現同樣的外觀(瀏覽器中所得到的外觀)
TABLE設計(一般是HTML4以下的設計代碼)相對DIV+CSS而言,代碼量大,頁面的占用的字節就多,同樣的,瀏覽者在瀏覽時,占用的帶寬也大,同樣的:需要的存儲空間也就多、同樣的、耗費也大

是不是有些羅嗦和晦澀難懂?

簡單說:使用DIV+CSS(XHTML代碼)替代舊式的TABLE編寫網頁,可以加快網站瀏覽速度、節省帶寬及其他很多資源(節電哦!)

另一個方面是:為搜尋器提供了更直接的內容表達呈遞模式,更加便于搜尋引擎抓取網站內容,也就是利于SEO(Search Engine Optimization).

有興趣與我討論的,跟貼嘍! :)

Please 登入 to join the conversation.

More
2008-06-26 22:45 #10409 來自 mihu
mihu replied the topic: table and CSS 的差別?
一個很有名的外國css網站
利用完全一模一樣的內容, 更換css產生不同效果. 如果要用table做出同樣效果, 可能要大改一通才行.
http://www.csszengarden.com/

按右邊 "select design" 下面任何一個連結, 你會發現只有外觀改, 內容都是一樣的. 也就是只有套用不同的css.
css一定比較難學, 但上手之後好像又沒多大區別了.

提供客製化服務, 有需要請PM我.
推薦國外便宜伺服器, 免費幫忙聯絡處理問題
[url=http://bento2go.com:bea9lxnf]bento2go.com[/url]

Please 登入 to join the conversation.

More
2008-12-11 12:24 #12432 來自 poni
poni replied the topic: table and CSS 的差別?
我也來提供幾個與視覺無關的好處吧

其一,採用CSS的HTML原始碼會比較簡潔。簡潔的意思,除了人看的懂之外,電腦也看的比較清楚哦(特別是Google和Yahoo家的那幾台,M$的忽略不計)。這個對很多做SEO的專家們,應該會覺得很重要吧

其二, 使用<table></table>所包覆起來的頁面,每一個table會被視為一個完整的內容,要一直到讀完了才會開始顯示。所以如果你用一個大table把你整個body包起來的時候,必須要等所有內容Loading完了之後,才開始顯示…而DIV則是讀到那裡,顯示到那裡。

如果要學習如何用DIV切一個樣版出來,可以參考目前在流傳的免費樣版。免費樣版通常都做的不會太複雜,也是學習CSS排版的很好範例。

別問我問題,我只是路過
[url=http://www.ecisoft.com:3gmf21eg]寶瑞[/url]

Please 登入 to join the conversation.