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

[rangerjero (遊俠傑洛)]

簡單易用的方式, 是做不出好網站的!..........

如果是身為一個老師應該是要激發學生對事物的熱情, (表現網站跟網站內容這件事)

讓學生瞭解事物運作的原理. (原始碼這件事 / Coding(建立網站) 才是一切原理)

如果要用最簡單的方式做!

寫個公版給學生改改文字內容換換圖片, 既簡單又好用!

多有得罪, 還請海涵


---內心想表達的---
(原來現在國中生就要開始學做網站了阿........內心的某種嘆息)
(我國中上電腦課只有A~Z鍵打字測速~XD)


網站圖稿 = 施工圖(小畫家, photoshop(佛陀笑), photoimpact(佛脫衣陪客))
  Coding = 打地基, 蓋房子, 配管線, 裝潢! (HTML, CSS, Javascript)
 Browser = 驗收阿~(IE6快去死阿!!!!!!!!!!!)

一個按鈕或一些網站元素其實就有很多東西可以講了~冏rz.....

下面網址是不才小弟之前寫的一些工作紀錄留存, 希望對你在處理版面或瞭解小工具上

上有幫助!

http://ppt.cc/XrB1

基本的三欄式的原理搞懂了, 其實在換到其他的東西也差不多就是那個樣子,

最後只是在重複, 重複的去做.

小的零件搞懂了, 在去搞大的東西就沒問題了!

(圖片是處理成二方連續, 還是四方連續, 水平重複還是垂直重複!)






未來的主人翁在未來的世界會生存的更辛苦, 確定要教舊的東西?


但是新的東西不容易又困難, 沒有舊的東西的基礎, 要跟上得要花上更多的力氣!




不好意思, 廢話多了, 請忽視...謝謝您


※ 引述《AffogatoDog (曾經滄海難為水)》之銘言：
: 感謝大家的回覆
: 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然後邊框到頁尾一體成型的網頁佈局框?
: : 這個問題困擾小弟很久了
: : 還請各位高手幫小弟解惑
: : 感激不盡~~!!!
: : --
: : ◆ 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: 1.168.98.90
→ kurtisgod:現在是 IE 678 去死了 XDDD
→ kurtisgod:再者 原PO想要的是讓學生快速有個成品 可能之後再討論應
→ kurtisgod:該怎麼做才洽當 不然以國中的環境 要他們背一些HTML TAG
→ kurtisgod:CSS 屬性 那大概=數理 了吧 然後事實證明原來大家也都有
→ kurtisgod:用PS切圖丟到DW裡的年代 而且一不小心破圖了就知道怎麼
→ kurtisgod:搞回去這樣 XDDDD
→ kurtisgod:                                     都