PTT數位生活區 / Web_Design

[問題] div排版入門書?

看板Web_Design作者 (雪紋)時間17年前 (2009/06/19 00:20), 編輯推噓10(10推 0噓 19→)
留言29則, 7人參與, 最新討論串1/1
我是做平面設計的.... 最近在做公司網頁，我完全沒有css或html的經驗，頂多只會dw丟丟排排而已 基本上我html能大致看懂、css會一些基本的外部(大概就只有定body的文字色彩那類的) 比較難一點的css多半是先去找範例素材站看，複製過來修改，需要套用在整個網站的就 刪掉<style>標籤然後丟進外部檔，不用的就亂扔在<body>之間，所以最後網頁跟外部都 一團亂 原本我也想捨棄ps切圖跟table排版法，改用div試排 但是今天浪費一整天以後完全放棄Orz div的排法沒辦法在dw用直覺的圖像方式去做(例如說大小、位置)，造成我很大的障礙 尤其是做好背景底圖分塊以後，想在上面加上另外一個文字區塊的時候真的快搞死人了... 當然最後整個css外部都被我寫的亂七八糟...Orz 這次我做網站，因為時間的關係我大概還是會用table排法， 但是我很想學學怎麼寫完整的外部檔... 請問有沒有推薦的書或是網站是介紹新手入門div排版的呢？ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.133.39.22 ※ 編輯: snownow 來自: 220.133.39.22 (06/19 00:24)
推
06/19 00:25, , 1F
要不要翻看看《CSS 設計點子爆米花》？
06/19 00:25, 1F
→
06/19 00:36, , 2F
深入淺出xHTML&CSS http://ppt.cc/NiyN 有中文的
06/19 00:36, 2F
→
06/19 00:37, , 3F
其實先別太在意排版，先有個概念網頁會長什麼樣子就可了
06/19 00:37, 3F
→
06/19 00:38, , 4F
(比如說主選單在上面還是左邊右邊的 寬度是定死還是活動
06/19 00:38, 4F
→
06/19 00:40, , 5F
初步先有個概念 就去做模版出來 之後再慢慢用CSS修～
06/19 00:40, 5F
推
06/19 01:46, , 6F
沒有div排版這種東西...
06/19 01:46, 6F
推
06/19 09:39, , 7F
推樓上，只要有心，要用span排版也可以XD.....
06/19 09:39, 7F
→
06/19 11:59, , 8F
樓上的span沒法內嵌block-level的東西唷@@
06/19 11:59, 8F
→
06/19 12:09, , 9F
不顧html檢驗的話 display:block硬幹XD （沒試過）
06/19 12:09, 9F
→
06/19 13:32, , 10F
樓上正確，firefox甚至可以吃自訂標籤XD...
06/19 13:32, 10F
→
06/19 14:11, , 11F
我曉得是可行 但卻不守法呀 還是照規矩來吧
06/19 14:11, 11F
→
06/19 14:50, , 12F
是的.. 其實守法才是不用table排版最重要的原因
06/19 14:50, 12F
推
06/19 15:48, , 13F
其實我一直不懂為什麼要這樣反對表格排版@@"
06/19 15:48, 13F
→
06/19 15:48, , 14F
會於後端的設計來說前端用什麼都應該沒差啊@@"
06/19 15:48, 14F
→
06/19 15:49, , 15F
然後你要學用div排版的話，找一本CSS字典，然後找一頁
06/19 15:49, 15F
→
06/19 15:50, , 16F
已經table排好的網頁來排，應該是學習最快的方法XD
06/19 15:50, 16F
推
06/19 15:55, , 17F
用table不合法...就這樣而已
06/19 15:55, 17F
推
06/19 16:11, , 18F
是哪篇權威文章說不可以用table排版@@"
06/19 16:11, 18F
→
06/19 16:12, , 19F
以前做無障礙網頁的時候是看過「不應用table放置與內容
06/19 16:12, 19F
→
06/19 16:12, , 20F
無關的版面圖型」
06/19 16:12, 20F
→
06/19 16:13, , 21F
不過也不代表不能用吧囧...只是很不好修改而已
06/19 16:13, 21F
→
06/19 16:34, , 23F
The HTML table model allows authors to arrange data
06/19 16:34, 23F
推
06/19 16:36, , 24F
The TD element defines a cell that contains data.
06/19 16:36, 24F
推
06/19 16:36, , 25F
謝謝f大提供我這個資料XD 終於找到一個好理由了XDDDDD
06/19 16:36, 25F
→
06/19 16:37, , 26F
也就是table包含td等，只能放「資料」
06/19 16:37, 26F
→
06/19 16:38, , 27F
如果嚴格遵守這個原則的話
06/19 16:38, 27F
→
06/19 16:38, , 28F
img 也不能放裝飾性的圖案，像是icon
06/19 16:38, 28F
推
06/19 17:51, , 29F
裝飾性的 icon 應該用 CSS 處理
06/19 17:51, 29F
‣ 更多 snownow 的文章
文章代碼(AID): #1AEcbIeb (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 snownow 的文章
文章代碼(AID): #1AEcbIeb (Web_Design)