我想學網頁設計!但我不知道該從哪裡開始之入門篇- 程式海獺
文章推薦指數: 80 %
現在越來越多人開始學習網頁設計,而它的知識也可以應用在非常多的地方,無論是單純的官網建置、UIUX…
Togglenavigation
登入
註冊
佈告欄首頁版庫實習觀點放送海外工作心得心靈學長姐使用規範
聊天
特別合作
GoWiFi
購票
註冊
登入
×
請先登入
這個功能需要先登入才能運用喔!
登入
×
加入
您已加入工具文版
之後您可在個人管理中心->動態訊息看到工具文版的最新動態
×
追蹤
您已追蹤
之後您可在個人管理中心->動態訊息看到的最新動態
×
檢舉不當資訊
不適合出現在此佈告欄
廣告文
有不當或不雅內容
取消
送出
×
刪除文章
確定刪除文章?
取消
刪除
×
刪除留言
確定刪除留言?
取消
刪除
×
鼓勵作者
Loading...
×
應徵此份工作
聯絡Email*
你可以透過以下方式傳遞履歷:
1.由Blink專屬履歷中挑選
製作履歷管理履歷
2.由上傳自備履歷文件檔中挑選
3.上傳自備履歷文件檔(限PDF)最多上傳兩份文件
上傳履歷
儲存本次簡述
管理
取消
送出履歷
履歷已送出
用BlinkResume寫履歷,讓你贏在應徵第一步!按此了解更多
##file_name##...
waiting..
×
複製文章連結
已複製文章連結,您現在可轉貼至其他地方。
佈告欄
工具文版
文章
本佈告欄熱門標籤
追蹤
程式海獺
我想學網頁設計!但我不知道該從哪裡開始之入門篇
2019-08-2010:59
檢舉
5.3K
18
25
0
現在越來越多人開始學習網頁設計,而它的知識也可以應用在非常多的地方,無論是單純的官網建置、UIUX設計,又或是現在很夯的數位行銷,如果能學會自己寫code刻網頁,並且了解其中的運作原理,一定都可以讓你的工作更加順利!
以下文章將會分為三大部分進行分享~
了解什麼是網頁前端,以及學習工具和資源
了解什麼是網頁後端,以及學習工具和資源
網頁設計又跟數位行銷有什麼關係呢?
▍什麼是網頁前端?我應該學什麼工具呢?
前端其實就是我們在網站上看到的所有畫面,無論是任何文字、圖像、按鈕或是各個區塊,都是屬於前端的範疇,不過要特別注意的是,純前端所完成的網頁,只能單純讓使用者瀏覽,是沒有辦法做到如使用者輸入帳密、上傳或編輯文章到我們的部落格、或是使用購物車這種較為複雜的功能!後面這些就會牽扯到後端的部分,我們姑且先不談~
要寫前端會使用所謂的「前端三本柱」——HTML、CSS以及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
今天就先到這邊!
由於文有點長,第三部分這幾天會再分享給各位~
以上!謝謝大家的觀看~
程式
網頁設計
長知識
行銷
分享
回覆此文章
本文章發表於:工具文版
加入546
程式海獺
國立臺北大學企業管理學系
追蹤
84
鼓勵作者
鼓勵作者
目前持有BlinkCoin:
Loading..
選擇禮物
愛心
(Coin10)
幫高調
(Coin20)
咖啡
(Coin30)
掌聲鼓勵
(Coin40)
崇拜眼神
(Coin50)
驚呆了
(Coin60)
神人4ni
(Coin70)
花束
(Coin100)
鑽石
(Coin300)
紅寶石
(Coin500)
藍寶石
(Coin1000)
黃寶石
(Coin3000)
送出鼓勵
關於鼓勵作者
什麼是BlinkCoin
補充BlinkCoin
{$post_title$}
{$post_content$}
Sponsored
繼續閱讀
匿名發文
發表匿名文章不會出現你的大頭圖與名稱,你可暢所欲言,但文章內容務必遵守「佈告欄使用規範」!
回應
請登入後再留言
送出回應
想回應這篇文章嗎?也想發表文章嗎?
馬上登入來發表文章、追蹤作者、收藏文章或回應文章吧!
註冊
登入
聯絡Blink
繁體中文
简体中文
English
©blink.com.tw
延伸文章資訊
- 1給網頁設計初學者的一門課 - HiSKIO
專為網頁設計初學者設計的課程. △ 入門觀念:了解什麼是HTML、CSS,並且知道兩者之間的關係. △ 基礎語法:了解網頁語法的架構,並從零開始建立簡易的網頁。
- 2網頁設計入門 - 博客來
書名:網頁設計入門,原文名稱:Basic for Web Design,語言:繁體中文,ISBN:9789881315410,頁數:144,出版社:恩出版,作者:陳志豪,出版日期:2018/01...
- 3零基礎入門網頁前端,了解如何持續精進網頁設計能力! - Hahow
入門網頁前端設計,你應該具備的基本技能包含:. 基本網頁框架及排版. 動態的網頁設計. 響應式設計. 你可以擴充的技能 ...
- 4網頁程式設計入門,一文讀懂HTML、CSS|ALPHA Camp Blog
網頁設計在進入工程的範疇時,通常最常聽到的名詞就是HTML/CSS!其實它們兩者在技術上都代表著不同的電腦語言工具,用來分別處理「網頁呈現」上的不同 ...
- 5我想學網頁設計!但我不知道該從哪裡開始之入門篇- 程式海獺
現在越來越多人開始學習網頁設計,而它的知識也可以應用在非常多的地方,無論是單純的官網建置、UIUX…