[問題]如何美化這個網站

看板Web_Design作者 (左半邊的虛無)時間10年前 (2015/05/11 12:47), 10年前編輯推噓11(11推 0噓 24→)
留言35則, 9人參與, 最新討論串1/1
大家好 我是剛念網頁設計所的學生 這是我的第一學期的期末作業 大致上已經做好了 但是總覺得還是離專業有一段距離 想問一下大家 可以怎麼修改比較好 http://arcard.huayuheh.com/gallery.html 由於目前只有教到最基本的html css js jQ 所以表單的部分 只能直接連到e-mal 也還不太會做出可隨視窗調整的網頁 所以可能比較適合用電腦看 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 67.170.248.110 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1431319627.A.8E0.html ※ 編輯: anubiss (67.170.248.110), 05/11/2015 12:47:43
→
05/11 13:34, , 1F
你都說了那就去做RWD XD
05/11 13:34, 1F
→
05/11 13:44, , 2F
那個城堡感覺很難做成給手機的size XD
05/11 13:44, 2F
推
05/11 13:51, , 3F
可以做成一頁式的
05/11 13:51, 3F
推
05/11 14:28, , 4F
就算沒要rwd至少也要設好viewport，不然手機看會歪掉
05/11 14:28, 4F
→
05/11 14:42, , 5F
不知道為什麼gallery 那頁在網頁上看特別寬
05/11 14:42, 5F
→
05/11 14:42, , 6F
但到手機上又變得特別窄 我都是複製home 再去修改的
05/11 14:42, 6F
→
05/11 14:44, , 7F
不知道到底是哪邊的問題 是某個div之類的把它撐寬了嗎？
05/11 14:44, 7F
推
05/11 14:49, , 8F
沒有特別寬或特別窄啊 還是我沒搞清楚你是說哪裡@@
05/11 14:49, 8F
→
05/11 14:59, , 9F
用手機或平板看 gallery 特別窄
05/11 14:59, 9F
→
05/11 15:00, , 10F
但是實際上輸出背景圖都是一樣寬的
05/11 15:00, 10F
→
05/11 15:01, , 11F
但是如果用電腦看拉小頁面 gallery 會比其他頁先出現
05/11 15:01, 11F
→
05/11 15:01, , 12F
左右移動的bar
05/11 15:01, 12F
→
05/11 15:04, , 13F
但是最底層都是div .bg_home 只是換圖而已
05/11 15:04, 13F
推
05/11 15:12, , 14F
那間這麼好，還有網頁設計所
05/11 15:12, 14F
推
05/11 15:23, , 15F
QQ 還是不太懂意思
05/11 15:23, 15F
→
05/11 15:50, , 16F
如果把網頁拉成寬1080 gallery會出現左右移動bar
05/11 15:50, 16F
→
05/11 15:50, , 17F
但是其他網頁不會出現
05/11 15:50, 17F
推
05/11 16:17, , 18F
對耶 XDD
05/11 16:17, 18F
→
05/11 16:39, , 19F
但是我檢查所有的物件都沒超過1040 不知道為什麼會這樣
05/11 16:39, 19F
推
05/11 16:59, , 20F
有padding?
05/11 16:59, 20F
推
05/11 23:09, , 21F
我覺得很好看 背景加一些東西就好了
05/11 23:09, 21F
推
05/11 23:51, , 22F
我相信城堡的四週加上黑邊會比較有氣勢
05/11 23:51, 22F
→
05/12 14:00, , 23F
最底層沒padding, margin 0 auto; width 1040 都是一樣
05/12 14:00, 23F
→
05/12 16:35, , 24F
還不錯。記得超連結的東西要跟其他物件有所區隔
05/12 16:35, 24F
→
05/12 18:32, , 25F
.carousel 的margin過大，導致超出去了
05/12 18:32, 25F
→
05/12 18:35, , 26F
好像不只，.carousel-deck裡的一堆東西都是超出銀幕的
05/12 18:35, 26F
→
05/12 18:40, , 27F
http://pastebin.com/dkgKrVb8 在console裡打這行可以顯
05/12 18:40, 27F
→
05/12 18:40, , 28F
示出所有元素的邊界
05/12 18:40, 28F
→
05/13 00:41, , 29F
喔喔 太感謝了 carousel 是老師上課教的直接複製
05/13 00:41, 29F
→
05/13 00:42, , 30F
所以沒有特別注意到XD 謝謝你的幫忙：）
05/13 00:42, 30F
→
05/13 11:34, , 31F
改好了以後用電腦OK了 但是手機除了gallery 其他都大了點
05/13 11:34, 31F
→
05/13 11:35, , 32F
應該要怎麼改才能讓其他頁不會出現左右移動的bar?
05/13 11:35, 32F
推
05/13 13:35, , 33F
一開始就說了啊，要設定viewport,不然手機哪知道你網頁
05/13 13:35, 33F
→
05/13 13:35, , 34F
多寬，要縮到多小？
05/13 13:35, 34F
推
05/16 11:24, , 35F
試著加上一些陰影 讓立體感呈現
05/16 11:24, 35F
‣ 更多 anubiss 的文章
文章代碼(AID): #1LK3HBZW (Web_Design)