添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

各位前輩下午好,由於公司突然有網頁設計的需求,又不想花錢請人做,
只好請我這會一點點HTML+ASP的MIS嘗試做看看。

我也抱著學習的心態,硬著頭皮嘗試看看,但慘的是我完全沒有網頁設計慨念,
框架設計、頁面規劃、顏色配置、按鈕設計等等,只能說要重頭學習HTML+CSS。

目前是有先從網路找到一些HTML5的模板,有先將圖片、文字做修改
但越改越不對勁,總覺得是不是該從頭開始,才能學得到東西,也才有自己的風格。

所以我問題如下:
1.我這樣的狀況,建議我從頭開始學,還是先以修改模板為主?
2.該模板是HTML5的語法,有建議使用的工具嗎?有找到如:Visual code、Hbuilder
3.若是要從頭開始學,是要使用HTML5+CSS3開發嗎?
4.同事有提到可否開發響應式網頁RWD,我看了我找的模板有符合此需求,所以我是否就該直接用此模板來學習呢?

以上問題,懇請救救小弟吧,感謝再感謝!

1.不急的話應該都可以~
2.個人用intellij idea滿順的~
3.如果是網頁的話還需要javascript ,JQ 或VUE.....等來控制網頁的按鈕事件喔~如果還有資料的話可能還要看看PHP或ASP.NET.....等後端語言。
4.如果是RWD 可以直接用bootstrap去學習喔~
可以讓你參考參考~~

1.我這樣的狀況,建議我從頭開始學,還是先以修改模板為主?
看你是想應付這件事情還是想拓展新技能,還有公司給你多少時間
2.該模板是HTML5的語法,有建議使用的工具嗎?有找到如:Visual code、Hbuilder
Visual code不錯用阿~
3.若是要從頭開始學,是要使用HTML5+CSS3開發嗎?
基本上是,可以搭配bootstrap之類的可以輕鬆很多
4.同事有提到可否開發響應式網頁RWD,我看了我找的模板有符合此需求,所以我是否就該直接用此模板來學習呢?
可以用,學習不確定

1.應付及拓展新技能都有耶,有此技能就可以應付了啊!呵呵~
公司是沒有說要多久做出來,只是需要每周都有進度,只是要有畫面有 按鈕有選單。
2.我來Google一下教學好了,剛剛下載後把模板內容讀去進去,都不知道要做啥米!
3.又多一項新的要Google的關鍵字
4.感覺好像是從頭學比較好

感謝回復!

1.不急的話應該都可以~
2.個人用intellij idea滿順的~
3.如果是網頁的話還需要javascript ,JQ 或VUE.....等來控制網頁的按鈕事件喔~如果還有資料的話可能還要看看PHP或ASP.NET.....等後端語言。
4.如果是RWD 可以直接用bootstrap去學習喔~
可以讓你參考參考~~

1.感覺是不急,但每周要有進度
2.intellij idea 好像是說 如果是搭配寫JAVA很好用?
3.後續打算是用ASP.NET+C#,感覺資源比較多,雖然ASP.NET我也不熟,真是慘!
4.bootstrap出現第2次了,趕緊來Google!

謝謝教學喔!

先學從無到有實作切版,從流程當中學語法,不要沒基礎就直接套模板
有基礎之後,花些時間學習CSS框架的RWD Layout、常用元件

https://www.youtube.com/watch?v=KiFqtm0kRlI&list=PL4cUxeGkcC9j-0YIv3EDq58-B1yZWvw8_&index=1

建議這樣學的目的:
1.了解標籤與版面、元件的關係
2.明白在什麼情況、問題下,該用什麼語法實作
3.遇到CSS框架和模板沒有的版面樣式,才有微調和客製的能力

因為我看過很多人不想學基礎,直接用模板、CSS框架
最後都會遇到同樣的問題:
「一旦遇到需要客製或版面壞掉的問題,只能兩手一攤,或者隨便亂套語法變得難以維護」
「讀了很多語法,但不知道什麼時間點要用什麼語法」

推幾個影片的教學資源

1. Amos 的鐵人賽系列文章

金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎
https://ithelp.ithome.com.tw/users/20112550/ironman/2072

金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎 系列
https://ithelp.ithome.com.tw/users/20112550/ironman/2623

2. hahow 吳哲宇的付費課程:

動畫互動網頁程式入門 (HTML/CSS/JS)、動畫互動網頁特效入門(JS/CANVAS)
https://hahow.in/@majer

3. The Net Ninja YT頻道

https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg

4. Traversy Media YT頻道

https://www.youtube.com/watch?v=Wm6CUkswsNw

在不了解你的能力的情況下,一般會建議你先依修改模板為主。你自然就會知道需不需要從頭開始學了。

2.該模板是HTML5的語法,有建議使用的工具嗎?有找到如:Visual code、Hbuilder

找自已順手的用,一般建議 vs code

3.若是要從頭開始學,是要使用HTML5+CSS3開發嗎?

可能不止,要看你目前的工作性質。可能還得學一些前端。

4.同事有提到可否開發響應式網頁RWD,我看了我找的模板有符合此需求,所以我是否就該直接用此模板來學習呢?

rwd是一種理論學習。初學直接看css可能會看不懂。

[浩瀚星空](/users/20101641)大住在哪裡啊? 目前是打算先依照[通靈亡](/users/20120331)大的建議去進行學習,但公司能夠讓我學多久,那就需要看情況了,或許邊重新學習,邊修改模板的內容,才不會被主管唸到天荒地老。

lydia0231 大,請問像這樣的網站, http://www.urmotor.com.tw/front/bin/ptlist.phtml?Category=12370 也可以快速使用WordPress建立起來嗎?