Web_Design 板


LINE

※ 引述《book989 (相見時難別亦難)》之銘言: : 標題: [討論] 關於表格排版和css排版!? : 時間: Sun Sep 23 13:30:16 2007 : : = =a 因為這邊是網頁設計版 在這邊問應該可以吧 : 小弟 過去都是用表格來做為排版 : 但是最近試著接觸css 經驗還不是很充足 : 但也遇到一些疑問 : 什麼時候該用css配合div來排版 ? 在你的資料不是表列式的時候。 所謂的資料表就類似excel的格線那樣子, 做出來的資料是類似那樣子的時候用table較佳。 而且table也是可以搭配css的。 : 什麼時候又用表格來排版 ? : 在不熟css的情況 有些用表格排版做法好像比較快也比較簡單 那該怎麼取捨 ? @@a 一句話,端看資料跟環境。 : 另外就是 關於網頁在瀏覽器上運作方式 @@a 昨天看到一篇文章 : : --- 內容 --- : 由於寬頻已經逐漸成為主流, 因此許多開發者已經不再考慮要在一個瀏覽器中 : 花多少時間處理一個網頁的問題了。但是, 對於許多讀者而言, 您必須要記住 : 一點, 您還是有許多目標觀眾仍然使用撥號連線的方式瀏覽網站的。傳統的表 : 格式配置是導致網頁載入速度慢的主因。之所以會發生這種情形, 是因為瀏覽 : ^^^^^^^^^^ : 器在從伺服器接收網頁時, 必須先檢查並「瞭解」內含表格的複雜陣列。它必 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 須先找到最深層的內容, 然後一點一點仔細地往程式碼外層處理, 直到它抵達 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 最外層的容器, 即 body 標籤為止。只有在走完了這個旅程之後, 瀏覽器才能 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ : 夠開始處理螢幕上的內容。 : ^^^^^^^^^^^^^^^^^^^^^^^^ 簡單來說就是table必須讀完才會顯示, 不過這是對於複雜的(可能就內嵌圖片甚麼一堆耗資源的東西) 表格來說才有影響。 : --- 完 --- : 上面提到用表格排板,開啟速度慢的原因,是因為瀏覽器會從最深層的表 : 格開始看 @@a 真的是這樣子喔??? : : 因為過去都以為讀html和讀程式一樣 從左到右 從上到下。 : 謝謝解惑 是這樣沒錯,但是你知道畫面是邊讀邊顯示, 而不是讀完一次顯示,所以我們才需要onload這個函式, 這個地方會影響table先顯示的效果。 : : -- :



※ 發信站: 批踢踢實業坊(ptt.cc)
: ◆ From: 60.249.215.142 → smile0052:顯示資料庫的檔案才用表格作排版 09/23 15:48 不見得。 → smile0052:其餘的網頁排版都是用CSS可以減少伺服器負擔速度也較塊 09/23 15:48 這部份還是要看css怎麼寫,別忘記.css檔也是需要載入的。 css最大的優點不在於讀取速度快,而是在於操作靈活跟方便置換。 目前的網站,畫面快慢取決於網頁元素的大小,做圖檔的切割, 還有伺服器回應的速度(init的時間),最後才是顯示的時間。 table也是可以用style跟class還有#id的,不要講的table好像就 不css一樣,適才適用才是重點。 --  ▄▅▆▇███▇▆▅▄▃        ╰┼╯─╮ ╮         ◥███████████◣       ╰┼╯=│=│         ◥██████───────    *. ╯  ╯ ╯ の 物 語 .*  ◥███████──────◣ ~ ◢◣             ◢◣  ◥██████───────◤   ◥◤  空白的世界.翼 ◥◤  ◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂telnet://tony1223.no-ip.info --



※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.117.160.191 ※ 編輯: TonyQ 來自: 59.117.160.191 (09/23 17:05)
1F:→ TonyQ:你看一堆網站首頁擺好幾MB的flash,哼哼 再怎麼快都快不起來 09/23 17:06
2F:推 book989:嗯 再多一些經驗 可能就會更知道怎麼使用 09/23 18:53







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:BabyMother站內搜尋

TOP