Web_Design 板


LINE

※ 引述《kewl (痴)》之銘言: : ※ 引述《j87b0003 (10Ways-擁抱高雄)》之銘言: : : 最近發現 還蠻多網站 : : 是靠程式重新產生整個頁面 感覺上是沒割框架 : : 我想請問版上的大大 : : 這有什麼好處? : : 又和有割框架的差別在哪? : : 謝謝 : 我個人是偏好用 div 搭配 css 做網頁排版啦 : 對於現今很多動態網頁以及 web2.0 的平台來說 : 這樣的排版方式會比較有編輯上的彈性與維修上的方便性 : 至於切割框架,我在初學網頁的時候是很常用啦 : 在某些每頁切換必定要顯示的 flash 或是其他較大的檔案 : 用框架讓他不要隨網頁變換重新 reload 一次也是挺方便的 : 不過它的排版變化上就比較少樣式了 : 雖然還是可以切很多框架 : 但是會比較麻煩就是了 : 不過內置框架 (iframe) 倒是還挺常用的 : 一點小看法,做做參考 ~ frame現在不被推薦有幾個原因 1.搜尋引擎不支援 搜尋引擎遇到frame based的網頁只會看的到noframe標籤裡面的東西, 這在SEO的表現上很慘,因為你的內容完全沒被參考到。 2.親和力不佳 沒辦法像正常人使用滑鼠、螢幕的人在瀏覽frame based的網頁很容易遇到問題, 先不談他可能只看的到noframe的東西,要讓他在導覽列和內容頁穿梭就很辛苦了。 3.親和力其他 從親和力不佳衍生出來的問題不少,像是現在用手機上網的人越來越多了, 在這種小螢幕的設備上還要看到畫面被切開,直覺上就是用起來很辛苦。 解決方法就是用server side的語言來處理 SSI、CGI、PHP、ASP等等都可以 如果你的網路空間真的都不支援,那我也沒辦法了 不過我的話應該是會下苦工每頁都套一樣的頁首和頁尾吧 另外說到網頁排版的技術 我只會說我用CSS排版,而不會說div+CSS 我覺得用後者的可能都會犯了一點概念上的錯誤 div標籤畢竟不是為了排版存在的 如果為了排版而大量使用div標籤那其實不太好 div應該用來做內容區塊分隔使用 當然有可能因為現在技術不夠成熟而有必須妥協的時候 像是container這個小技巧,雖然很多人在用,我也是 不過HTML Mastery作者就不讚同,我也不讚同,我為了排版效果妥協了 不過還是要盡量小心為了排版而去增加不必要的標籤 盡量保持原始碼的文件結構良好 -- FrontPage is not a visual web editor. It is an IE page editor. From "designing with web standards" by jeffery zeldman --



※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.118.5.39
1F:推 GALINE:其實Ajax也會有這些問題。也是要用一些奇淫怪技來迴避 08/12 16:24
2F:推 pSeRiC:奇淫怪技?XD 08/12 17:41
※ 編輯: othree 來自: 140.118.5.39 (08/12 18:11)
3F:推 othree:奇淫技巧我比較常聽到,像CSS hack就是CSS的奇淫技巧 08/12 18:12
4F:推 roga:奇技淫巧才對 XD 08/12 18:51
5F:推 grassboy2:咦?所以不算是iframe還是frame…搜尋引擎都抓不到嗎? 08/12 21:35
6F:推 pSeRiC:不是奇怪淫技嗎?XD 08/12 22:00
7F:推 PsMonkey:變成中文成語(?)討論了... lol 08/13 00:30
8F:推 kewl:受教了~ 08/13 18:39







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燈, 水草

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

TOP