請問下現在學習網頁製作學習什麼?


網頁製作是一個很廣很深的技術話題,需要分幾個層次去學習。

首先,HTML5,JavaScript,CSS三大基礎是必須的。

有人可能會說,全都沒學過也可以用Wordpress做一個網頁或互聯網應用。但是如果想要根據需求創造新功能,和複雜的用戶交互的能力,逃不出以上三大基礎。初學者如果不是要參加理論考試,建議通過視頻或互動式教程學習。強力推薦免費的闖關式學習社區:

https://www.freecodecamp.cn/

然後,做些簡單的項目,學些簡單的工具。

當學習完三大基礎後,要實際操作操作。這時候最好自己著手設計一個小項目,比如簡單的靜態名片頁,靜態博客等等。

在沒有接觸後端的技術前,靜態頁面是最好的練習。(靜態指的是數據不是動態更新的,而是以靜態形式存在的)。

同時可以看看如何利用一些靜態頁面生成器快速搭建一個靜態網站。例如,Hugo, Jekyll,…… 一來能偷個懶,自動化一些工作,二來學會看工具文檔,最後還能看看自動生成的代碼和自己寫的有何不同。

之後,選擇深入某個或各個方向的技術與工具

選擇一個方向先入手。例如前端交互的 React, Angular, Vue,前端樣式的Sass, PostCSS等。例如後端伺服器技術,nginx, Node.js + express, .NET, ruby on rail, PHP 等。資料庫 MySQL, MongoDB, PostgreSQL。甚至全棧的 Django, Meteor等。當然還有Wordpress, Drupal這種針對某些工作可以很方便的工具。

還有很多沒提到,也就不一一列舉了。選擇一個自己感興趣的或是需要用到的,從一個技術點深入。如果願意繼續學下去,從一個點會很快擴展到全棧的任何一個點。

最後,學習的過程沒有最後

網頁和Web應用的技術每時每刻都在更新。學習的過程永遠不會停止,不僅僅是熟悉工具的使用,更多是自己的思路、經驗、開發模式等能力不斷成熟的過程。

直到有一天,你可以做到:看到一個需求、一個功能,能立刻找到解決的工具。哪怕是個新的工具從沒用過的,也可以立刻看著文檔現學現用。這就足夠了。


推薦使用Dreamweaver軟體,具體教程請點下面鏈接

http://www.51zxw.net/study.asp?vip=18033966

51自學網-專業培訓老師錄製的視頻教程,讓學習變得很輕鬆

詳細視頻教程,教你如何製作網頁。

我也是0基礎在學習,從安裝到每一個操作細節都有詳細說明


你在網上看的2013年內容並沒有過時。首先,網頁製作,如果想精進或者找工作用的話,HTML和CSS是必須要深入掌握的。此外,現在是2017年了,HTML5、CSS3 對以往版本做了一些功能升級,也必須掌握才行。

此外,現在基本上大部分網頁都會有交互,所以就要求你學習JavaScript腳本語言。要知道,在很多互聯網公司,前端的三劍客是指:HTML/CSS/JS的。

加油吧,騷年!你還年輕,很有前途。


HTML5,CSS3和流行框架,JavaScript和流行框架,了解一些後台語言比如PHP,這樣差不多可以應付一些簡單的前端工作了


推薦閱讀:

TAG:網頁設計 | 互聯網 | 教育 |