Re: [問題] 該怎麼樣做出這樣的網頁版面?

看板Web_Design作者 (曾經滄海難為水)時間13年前 (2013/01/29 21:51), 編輯推噓0(0027)
留言27則, 8人參與, 最新討論串2/4 (看更多)
感謝大家的回覆 L大我知道記事本萬能...只是會用這網站當範例 是因為此網站是網頁競賽比賽得獎的作品 而希望是能夠讓國中學生以最簡單易用的方式來做出好的網站為原則 也因此想跟這樣的網站取個經 當然既然是國中學生 跟source code相關的部分就越少越好 希望是能夠讓軟體cover更多的原始碼的部分 看到原始碼中好像有PhotoImpact 倘若是用PhotoImpact該如何做出這樣的網頁? ※ 引述《AffogatoDog (曾經滄海難為水)》之銘言: : 標題: [問題] 該怎麼樣做出這樣的網頁版面? : 時間: Tue Jan 29 04:21:01 2013 : : 各位版友好 : : 小弟想要請問各位先進 : : 類似下面連結的網頁版面該如何設計呢? : : http://cyberfair.tp.edu.tw/2012_WWW/J-03-16/w1/w1-1/w1-1.htm : : 是用什麼軟體? : : 要如何才能夠設計出包含開頭banner然後邊框到頁尾一體成型的網頁佈局框? : : 這個問題困擾小弟很久了 : : 還請各位高手幫小弟解惑 : : 感激不盡~~!!! : : -- : ※ 發信站: 批踢踢實業坊(ptt.cc) : ◆ From: 111.248.10.131 : 推 LaPass:記事本就可以了,我沒開玩笑.... 01/29 09:16 : → LaPass:但是你要懂html.... 01/29 09:17 : 推 joechiboo:你可以按下F12開發者選項看他怎麼寫的,不過他的做法 01/29 09:18 : → joechiboo:是在table裡面的td加img 也不是用class 01/29 09:18 : → LaPass:還有,這個網頁做的並不好,他是用table去排版面,這是五年 01/29 09:18 : → joechiboo:比較一般的做法是切三塊div 01/29 09:18 : → LaPass:以前,甚至十年以前的作法,現在請用css+html去做版面 01/29 09:19 : → joechiboo:L大咱們打架了 01/29 09:20 : → oj113068:你應該先提你現在是怎麼作網頁的 才能知道你為什麼會困擾 01/29 13:59 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 163.21.190.43

01/29 21:56, , 1F
個人覺得應該提一下你教國中生做網頁的目標是什麼
01/29 21:56, 1F

01/29 21:57, , 2F
目標不同 推薦的方式也會大不同 :)
01/29 21:57, 2F

01/29 21:58, , 3F
另外非常想知道這是哪個競試得獎的作品XDDD
01/29 21:58, 3F

01/29 21:59, , 4F
第九屆臺北市專題網頁競賽
01/29 21:59, 4F

01/29 22:22, , 5F
ps化好圖,自動切版後,套到dw用樣板,剩下就只是內容填入
01/29 22:22, 5F

01/29 22:25, , 6F
這是用 PhotoImpact 切圖加上它的元件設計師
01/29 22:25, 6F

01/29 22:38, , 7F
樓上可以說得詳細些嗎? 元件設計師可以達到的效果是?
01/29 22:38, 7F

01/29 22:39, , 8F
主要不了解的是上面選單部分的語法結構很神奇 不知道
01/29 22:39, 8F

01/29 22:39, , 9F
怎麼弄出來的 此外就是中間內容的部分左右兩側都是圖
01/29 22:39, 9F

01/29 22:40, , 10F
邊欄都是圖檔 但卻可以巧妙地跟上下接合在一起
01/29 22:40, 10F

01/29 22:41, , 11F
而且理論上在設計邊欄的時候可能不會知道內容頁有多長
01/29 22:41, 11F

01/29 22:42, , 12F
如此要怎麼使用圖檔作為邊框?
01/29 22:42, 12F

01/29 22:44, , 13F
我猜想有一系列的流程與工具可以達到 但不知道是如何?
01/29 22:44, 13F

01/29 22:55, , 14F
也只是利用table的延展功能,讓css背景圖無限重複下去
01/29 22:55, 14F

01/29 22:55, , 15F
中間內容雖然左右兩側都是圖,但是因為即使重複也不會
01/29 22:55, 15F

01/29 22:56, , 16F
覺得奇怪,所以正如m大所說,只是內容自動伸展、背景無限
01/29 22:56, 16F

01/29 22:56, , 17F
重複而已,其實是蠻簡單的做法,只要背景圖是首尾相蓮即
01/29 22:56, 17F

01/29 22:57, , 18F
可達成,不需要特別的流程或工具...除非想做複雜的花樣
01/29 22:57, 18F

01/29 22:57, , 19F
但那就是圖樣設計的範圍了...
01/29 22:57, 19F

01/30 00:21, , 20F
不要為了做網頁而做網頁,只是教操作軟體毫無意義。
01/30 00:21, 20F

01/30 00:26, , 21F
簡單易用的方式, 是做不出好網站的!
01/30 00:26, 21F

02/01 01:12, , 22F
樓主,他們會得獎並不是因為網頁技巧
02/01 01:12, 22F

02/01 01:13, , 23F
而是他們針對主題內容進行實地訪問,這比網頁技巧
02/01 01:13, 23F

02/01 01:15, , 24F
還重要。 而選單語法可以參考Dreamweaver 區域 超連結
02/01 01:15, 24F

02/01 01:16, , 25F
另外同學自己有說是用photoimpact,不過photoimpact
02/01 01:16, 25F

02/01 01:17, , 26F
的操作就不在此版的範圍 ._.
02/01 01:17, 26F

02/01 01:22, , 27F
題外話,這網站連個title也沒有... ˊ_>ˋ
02/01 01:22, 27F
文章代碼(AID): #1H1zFhkR (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1H1zFhkR (Web_Design)