我想學網頁設計!但我不知道該從哪裡開始之入門篇


現在越來越多人開始學習網頁設計,而它的知識也可以應用在非常多的地方,無論是單純的官網建置、UIUX設計,又或是現在很夯的數位行銷,如果能學會自己寫code刻網頁,並且了解其中的運作原理,一定都可以讓你的工作更加順利!

 

以下文章將會分為三大部分進行分享~

  1. 了解什麼是網頁前端,以及學習工具和資源
  2. 了解什麼是網頁後端,以及學習工具和資源
  3. 網頁設計又跟數位行銷有什麼關係呢?

 

▍什麼是網頁前端?我應該學什麼工具呢?

前端其實就是我們在網站上看到的所有畫面,無論是任何文字、圖像、按鈕或是各個區塊,都是屬於前端的範疇,不過要特別注意的是,純前端所完成的網頁,只能單純讓使用者瀏覽,是沒有辦法做到如使用者輸入帳密、上傳或編輯文章到我們的部落格、或是使用購物車這種較為複雜的功能!後面這些就會牽扯到後端的部分,我們姑且先不談~

 

要寫前端會使用所謂的「前端三本柱」——HTMLCSS以及JavaScript,HTML就像是網頁的骨架一樣,你所看到網頁所有包含的各個元素,像是文字、連結、圖片、甚至是影片,都是HTML負責的!也就是說它會負責將一個網頁裡面所有的元素放在我們想要它出現的地方,但一個網站光是有東西還不夠,還必須有化妝師的角色來幫它美化,而這個角色就是CSS!透過CSS,我們可以幫文字加上顏色、調整按鈕的大小並且加上邊框,甚至可以將整個網頁排版的更好看。然而上述所說到的兩者只能做到靜態的網頁,沒有互動的效果,那JavaScript(簡稱JS) 就是讓網站動起來的關鍵!怎樣才叫讓網站動起來呢?舉例來說,像是圖片輪播、點擊了A按鈕會跳出B視窗,又或者是點開某一個網頁時會出現一個popup視窗,這些都是JS可以做到的功能喔~除此之外,JS可是目前唯一可以在前端以及後端同時通用的語言喔!

 

之前也有寫過幾篇有關於HTML快速上手的文章~如果對於前端有興趣的話也可以來看看!

HTML是什麼?快速學習HTML入門基礎

HTML的優點?快速學習如何進一步組織你的網站

HTML基礎篇最終回了?利用簡單易懂的基礎,一起建造屬於你的第一個網站吧!

 

而你如果想要更快速開發前端的話,也可以使用前端框架Bootstrap喔!它已經將我們常用的樣式、功能都幫你設定好了~是個非常方便而且簡單的工具喔

https://pse.is/G7VA8

 

▍什麼是網頁後端?我應該學什麼工具呢?

講完了前端,那就來講講後端吧~

剛剛我們可以看到前端可以將一個網站的外觀設定完畢,但這樣純前端的網站並不能協助我們經營會員等事情,如果我們需要經營會員的話,就必須要有地方可以儲存這些會員資料,也需要有方法可以針對這些資料進行編寫等,而這些工作就是屬於後端的範疇啦!後端會開始接觸到有關資料的輸入、處理以及連接資料庫的工作,像是我們最常見的部落格,需要上架文章,甚至編輯、更新、刪除文章等功能,以及剛剛所提到的會員註冊系統,都必須經過資料的處理以及管理,而可以拿來撰寫後端的程式語言有非常非常多種,包括最常見的PHP、Java,還有近期很流行的Python,都可以拿來寫後端,不過對於網站架設來說,PHP算是最為普遍使用的程式語言,然而,如果要完全使用PHP來進行開發的話,若遇到較為龐大的開發項目又或者新手初步學習時,執行起來也會較為困難,也因此有許多人針對PHP開發了一些框架,就是為了要讓各個開發者可以在開發時更加順利,也更加輕鬆!而Laravel也在這些PHP框架中名列前茅,幫助越來越多人順利開發、架設網站!所以如果你想要很扎實的學習如何撰寫程式語言,不妨可以從PHP開始;不過如果你想要快速上手,學習比較簡單易懂的話,就可以選擇像是Laravel的框架來應用喔!

 

這幾天也有簡單分享一些有關於Laravel的知識以及一些資源,如果對於後端有興趣的話也可以稍微來看看!

淺談 Laravel 重要觀念—MVC 框架的基礎

 

近期也有看到一個介紹Laravel算還蠻完整的懶人包,也分享給大家~

http://bit.ly/2Z5boC3

 

今天就先到這邊!

由於文有點長,第三部分這幾天會再分享給各位~

 

以上!謝謝大家的觀看~

 


本文章發表於:工具文版

加入488

鼓勵作者

目前持有 Blink Coin: Loading..

選擇禮物


愛心

(Coin 10)

幫高調

(Coin 20)

咖啡

(Coin 30)

掌聲鼓勵

(Coin 40)

崇拜眼神

(Coin 50)

驚呆了

(Coin 60)

神人4ni

(Coin 70)

花束

(Coin 100)

鑽石

(Coin 300)

紅寶石

(Coin 500)

藍寶石

(Coin 1000)

黃寶石

(Coin 3000)


送出鼓勵



發表匿名文章不會出現你的大頭圖與名稱,你可暢所欲言,但文章內容務必遵守「佈告欄使用規範」!


回應

送出回應


想回應這篇文章嗎?也想發表文章嗎?
馬上登入來發表文章、追蹤作者、收藏文章或回應文章吧!

註冊 登入