iT邦幫忙

1

網頁設計新手,只懂得HTML+ASP,該如何開始?

  • 分享至 

  • xImage

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

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

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

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

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

qpalzm iT邦研究生 5 級 ‧ 2020-07-09 15:43:28 檢舉
1.不急的話應該都可以~
2.個人用intellij idea滿順的~
3.如果是網頁的話還需要javascript ,JQ 或VUE.....等來控制網頁的按鈕事件喔~如果還有資料的話可能還要看看PHP或ASP.NET.....等後端語言。
4.如果是RWD 可以直接用bootstrap去學習喔~
可以讓你參考參考~~
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
a500197
iT邦新手 5 級 ‧ 2020-07-09 15:37:33

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

b7307024 iT邦新手 3 級 ‧ 2020-07-09 16:26:16 檢舉

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

感謝回復!

a500197 iT邦新手 5 級 ‧ 2020-07-09 17:17:50 檢舉

有按鈕有選單要求
那你還需要JS

1
qpalzm
iT邦研究生 5 級 ‧ 2020-07-09 15:51:19

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

b7307024 iT邦新手 3 級 ‧ 2020-07-09 16:40:05 檢舉

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

謝謝教學喔!

qpalzm iT邦研究生 5 級 ‧ 2020-07-09 16:56:22 檢舉

2.這我不清楚耶沒有這樣使用過
/images/emoticon/emoticon12.gif

3
通靈亡
iT邦高手 1 級 ‧ 2020-07-09 16:04:46

我非常建議你參考類似下方的教學
先學從無到有實作切版,從流程當中學語法,不要沒基礎就直接套模板
有基礎之後,花些時間學習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

b7307024 iT邦新手 3 級 ‧ 2020-07-09 17:21:31 檢舉

非常感謝您的回覆,好詳細的內容,我想是花時間學習的時候了!/images/emoticon/emoticon02.gif

3

1.我這樣的狀況,建議我從頭開始學,還是先以修改模板為主?

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

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

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

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

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

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

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

看更多先前的回應...收起先前的回應...
b7307024 iT邦新手 3 級 ‧ 2020-07-10 11:47:32 檢舉

浩瀚星空大,我必須承認我都不懂,前端的東西都要在學過,簡單的說就是一位什麼都不會的MIS
/images/emoticon/emoticon70.gif

那我只能告訴你

兄弟,你可以的,加油!!!
我精神上支持你。

有空出來泡一下茶、喝杯啡咖。
沒事再找我聊聊天吧。
(ps:有事就不要找我了,哈哈哈!!)

好啦!!回來正題。
其實有自覺也算是好事啦。
剩下來的就是看你自已了。真要告訴你從哪學。
還真難告訴你。畢竟方向太多了。
如果可以,先自已找個方向。才好建議。

b7307024 iT邦新手 3 級 ‧ 2020-07-10 12:04:22 檢舉

真假,可以約出去泡茶,喝咖啡喔?
浩瀚星空大住在哪裡啊?

目前是打算先依照通靈亡大的建議去進行學習,但公司能夠讓我學多久,那就需要看情況了,或許邊重新學習,邊修改模板的內容,才不會被主管唸到天荒地老。

公司委託外包壓低價錢幾千元就有了,太省了,以前沒作過自己寫耗時又達不到要求

b7307024 iT邦新手 3 級 ‧ 2020-07-13 09:47:23 檢舉

Lin_show_Wu大,請問有可以介紹的廠商或者高手嗎?若是幾千元內可以完成任務,或許這條路可行。

1
lydia0231
iT邦新手 5 級 ‧ 2020-07-11 05:08:09

wordpress最快
wordpress就是php+sql
當年我連程式都還不怎麼會寫,就用wordpress架站了。。。

有需要的話可以參考這個教學,教學是免費的,還可以加臉書社團發問
https://wpointer.com/wordpress-tutorials/wordpress-5days/amp/

b7307024 iT邦新手 3 級 ‧ 2020-07-13 12:02:31 檢舉

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

謝謝!

lydia0231 iT邦新手 5 級 ‧ 2020-07-14 16:40:23 檢舉

這個好像就不行了,因為wordpress是套樣式居多,你這個相當於需要自己寫一個客制化的。又或者要找到一個相對應的模版

0
eloisli
iT邦新手 5 級 ‧ 2020-07-16 15:58:39

1.我這樣的狀況,建議我從頭開始學,還是先以修改模板為主?

re: 直接修改模板,你時候你碰到問題到解決問題其實就是在學習。

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

re: VSCode、Dreamweaver

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

re: 當然

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

re: 響應式網頁會讓你學到更多些關於CSS3的知識而已,本質還是在布局網頁。可以直接用模板來修繕成你要的樣子(在這裏又會學到更多)

我要發表回答

立即登入回答