[問題] div排版入門書?

看板Web_Design作者 (雪紋)時間17年前 (2009/06/19 00:20), 編輯推噓10(10019)
留言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
文章代碼(AID): #1AEcbIeb (Web_Design)
文章代碼(AID): #1AEcbIeb (Web_Design)