[問題] 新手寫網頁 問題請益

[jenny789 (Qoo)]

因為讀設計系，有基礎的網頁設計課，
但發現班上同學的成果發表都比自己厲害好多，
所以想要自學寫網頁…
我的程度是只會frontpage的那種，
做出來的網頁還很陽春，連DW都不會。
Html的程度大概只到能打文字、設表格還有插連結圖片而已。

我是偏向想直接學用編輯器寫語法，
不想直接倚賴DW，
也不用線上架網站的平台(上課的作業不允許用線上架站網)。
想請問看書自學半年~一年的話，
有可能做到我想要的一些效果嗎？

例如說在網頁上點文字或照片，
可以出現一個不透明色框，
背後還是可以看清楚仍在當前網頁，
然後按色塊裡的X鈕就可以直接把色塊關掉。
類似下面的圖的感覺：
http://i.imgur.com/hUGoudq.jpg
這個可以直接用html插入Flash，
還是要寫javascript呢？
點下按鈕後可以發出聲音的效果也是用flash就能做到嗎？

因為大二又要再做一個網站作為期末成績，
所以希望先知道自己想要的效果會用到什麼，
再去買書從頭來研究看看。麻煩請大家解答，感謝。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.15.242.246
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1466189032.A.A7B.html
推 swallowcc: flash已經快死了,不要學flash相關的東西...
→ swallowcc: 你提的東西純粹 html + css + javascript 就可以達成了
→ swallowcc: 聲音的話可能要參考一下html5的部份
→ eve1012: 真心建議先到 w3c 學習～
→ eve1012: http://www.w3schools.com/html/
→ wyler: 然後再來https://www.codecademy.com
→ wyler: 是說現在還有frontpage喔?
推 sa0124: 抱歉><...小小糾正一下 其實你貼的範例圖不是不透明色框（
→ sa0124: 仔細看背景圖片還是看得到哦..想說設計系應該要更小心）
推 sa0124: http://www.w3schools.com/howto/howto_css_modals.asp
推 sa0124: 用modal當關鍵字很多範例～ 然後聲音部分要看html5
→ xdraculax: 打語法是程式作的事，設計把DW之類的用熟比較好
推 davidsky: w3c !== w3school
→ kattte: 大二你就做你自己po的那個連結的內容阿
→ kattte: 就做一個讓同學 上傳圖片/留言/評分/會員  這樣就差不多了
→ kattte: 應該一星期就做好了吧
推 menshuei: 所以w3學校到底可不可以上去學習。
→ eggimage: w3可以啊 但有些東西不全 多配合其他網站交互查詢
推 candyyou: 如果願意花錢，去上飛肯的css課，搭配一直練範例，比較
→ candyyou: 省時又有效果，而且至少有人可以問
推 ymcheung: codeschool 的html應該是免費的
推 oToToT: 如果有點基礎了，就去看看各個網站，然後想辦法自行做出一
→ oToToT: 個類似的
→ sumayd22: 設計系不是應該Adobe 家軟體必有嗎
→ sumayd22: 怎麼還在frontpage
推 sumayd22: 另外習慣有實例學習的話，我推薦字典書
→ sumayd22: http://www.books.com.tw/products/0010704750?loc=M_00
→ sumayd22: 1_008
推 JUL69: 我覺得直接到外面的電腦補習班去學會更快...