[問題] 請問關於頁面切割的語法

看板Web_Design作者 (關妍)時間12年前 (2012/07/27 10:02), 編輯推噓4(4027)
留言31則, 8人參與, 最新討論串1/1
我要的不是頁面框架 不是FRAMESET 但是我忘記那個叫什麼了 就是可以在一個頁面中做出切割的樣式 還可以填滿顏色 就感覺很像是在一個空白網頁中 畫出一面法國國旗 但是他是用語法寫出來的 不是整個頁面都分割成三色喔 就是 一部分 例如高600寬200的一個分割 然後中間在分成三色之類的 不知道有沒有人懂我的意思? 我只記得後面是{height:"600px"width:"200px"color:"pink"}之類的... 但是最重要的部份全忘記了 老師給我出一個功課 就是要將頁面分割成一個高600寬200 然後再區分成三部分三種顏色 中間那一塊還要分成三塊 就是分成左右中間都有正方形這樣 我是不是說的太抽象了QAQ 老師說這是最簡單的 可是因為是臨時教的 只教大概10分鐘 老師手趴搭趴搭的就打出來了我根本來不及記QAQ 而且老師又很帥我一直偷看他的側臉(?????? 對不起有大大可以就我嗎感謝你QAQ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.254.176.217

07/27 10:06, , 1F
DIV?
07/27 10:06, 1F

07/27 10:10, , 2F
嗯嗯是div!不好意思初學者還要上來麻煩各位QAQ
07/27 10:10, 2F

07/27 11:45, , 3F
你應該去問你的老師~給你搭訕的機會阿~
07/27 11:45, 3F

07/27 11:52, , 4F
我怕老師發現我上課都在偷看他沒在聽課XDDDD
07/27 11:52, 4F

07/27 11:53, , 5F
如果可以請各位前輩給予指教一下讓我能給老師好印象(?
07/27 11:53, 5F

07/27 11:54, , 6F
你可以先用小畫家畫個結果圖 然後放個小妹圖 就OK了
07/27 11:54, 6F

07/27 11:55, , 7F
小妹圖是?囧?
07/27 11:55, 7F

07/27 12:04, , 8F
樓主的照片意思 我覺得你還是先去專研html css的概念吧....
07/27 12:04, 8F

07/27 12:06, , 9F
我是昨天才剛踏入的 囧 我不希望第一項作業就出包
07/27 12:06, 9F

07/27 12:07, , 10F
我也有買書來看 可是因為今天就要給了所以...囧"
07/27 12:07, 10F

07/27 12:11, , 11F
恩...買書阿...既然買了就..多看吧~
07/27 12:11, 11F

07/27 12:11, , 12F
雖然我覺得專注吸收老師說的會比較好..但要看老師怎麼教...
07/27 12:11, 12F

07/27 12:20, , 13F

07/27 12:21, , 14F
就很像是做出這種效果(我用ps畫的)
07/27 12:21, 14F

07/27 12:50, , 15F
恩...所以是還沒完成??
07/27 12:50, 15F

07/27 13:29, , 16F
我忘記怎麼分割了啊 囧...
07/27 13:29, 16F

07/27 14:55, , 17F
div設定固定寬,再用float
07/27 14:55, 17F

07/27 14:56, , 18F
中間分三層的我就不會惹xD
07/27 14:56, 18F

07/27 14:59, , 19F

07/27 15:14, , 20F
樓上好人 xD 我大概了解這堂課的內容了O.Oa
07/27 15:14, 20F

07/27 17:20, , 21F
恩..這算器其中一種用float來定方位~之後你大概會學另一種
07/27 17:20, 21F

07/27 17:20, , 22F
不過那個網頁編輯器還真是所見及所得
07/27 17:20, 22F

07/27 17:58, , 23F
http://jsfiddle.net/3FPHK/ 習慣這樣子包
07/27 17:58, 23F

07/27 18:44, , 24F
樓上你包的好複雜啊~ 另提醒用 float 要注意寬高的問題
07/27 18:44, 24F

07/27 18:45, , 25F
如果內容的寬高知道的話還OK,不知道的話很可能跑板
07/27 18:45, 25F

07/27 19:16, , 26F
各位大大感謝你們的大力支持!我一定會認真學習的!
07/27 19:16, 26F

07/27 19:17, , 27F
這裡將成為我學習的主要據點之一!我一定會奮發向上的!
07/27 19:17, 27F

07/27 19:17, , 28F
http://jsfiddle.net/kZyuj/ 其實應該是這樣啦...
07/27 19:17, 28F

07/28 00:46, , 29F
其實不需要上來問作業 不會的就是要請指導員再修正教學方式
07/28 00:46, 29F

07/28 00:47, , 30F
看是要先從html基本語法意義教起 或是戴面具上課
07/28 00:47, 30F

07/28 01:14, , 31F
我覺得教法也滿妙的~CSS概念都不會直接要別人排這個
07/28 01:14, 31F
文章代碼(AID): #1G4VQeu8 (Web_Design)