網站前端開發素材，web前端三大基礎的三大基石？
互聯網的三大基石
1.URL：統一資源定位符(唯一的定位一個網絡資源)
2.HTTP：超文本傳輸協議(規范瀏覽器和服務器之間數據交互的格式)
3.HTML：超文本標記語言(有效組織數據在瀏覽器端的顯示)
學完可以做哪些工作？
web前端就是網站與人交互的一端，你打開各種網站，展示在你眼前的都是由web前端技術呈現出來的，其中包括html、css和javascript（俗稱js）。
html負責展示內容的規劃，例如段落劃分，區域劃分（廣告、正文、導航等等）。
css負責展示內容樣式，如字體大小顏色、區域背景邊框、動畫等等。
js負責與人交互以及與后端交互的功能邏輯。
在學習完上面三部分內容后，稍作練習。然后還需要了解前端一些工具和框架。工具和類庫如webpack，less，bootstrap，jquery。現在前端有很多成熟框架，如Vue，react，angularJS等等。
學習完前端知識后，我們可以利用前端框架和ui提供的素材建立網站頁面，完成業務所需要的與人交互的邏輯和展示。打造一個充滿優雅和現代感的主站。
希望能夠幫到你
Web前端要敲會哪幾種類型的頁面？
剛看到這個問題的時候，感覺問題挺有意思的，哪幾種類型頁面。我感覺是就需要書寫的頁面需要呈現出什么樣子，展示給用戶。
我開發前端有一年多的時間了，簡單說下自己的看法。主流的有兩種，一個是PC開發，一個是移動端開發。簡單地說你在瀏覽器看到的，或者是app內部看到的都是頁面。還有很多桌面應用是前端開發的，像atom編輯器。結合互聯網現在的豐富度，對界面的要求，體驗，展示要求越來越高。
pc瀏覽器方面的，類型也很多了，像天貓，京東這種電商類型的，節日慶祝還有個大大的廣告，現在的瀏覽器很多都自動會彈出來商品廣告，直接成為導流的方式。想瀏覽器搜索頁面，百度的相對簡單點，主頁就一個大大的輸入框，像360這種，就有很多其他平臺的鏈接方式，顯得密密麻麻一堆。還有我之前做過的財務報表方面， 需要給操作人篩選搜索，還要有對比顯示，還有相對簡單的可視化，折線圖餅狀圖，領導希望看到產品趨勢和所占比例。還有公司的管理系統，通常左邊是菜單，右側是展示區，右上角是登錄退出。當我我說的知識比較籠統的，其實內部還有很多構造。我上個項目做的物流派單，還要嵌入地圖，展示派送點，規劃路線，地圖上實現派單等等。出列表的形式也有，像咱們悟空問答問題列表，單但我感覺pc上不算很多，當然布局也沒有那么復雜。
移動端現在是主流趨勢。手機用戶增多，而且電腦上很多功能手機都可以實現了。所以h5。我希望大家明白h5是一個標準而不是一種新技術，很多人有這個誤區，移動端h5布局，h5頁面。其實h5只是個標準，跟es6，es7這些都是一個概念。只不過是在新的標準里規則里增加了新東西，canvas、localstorage，postMessage等等。我們現在主要說的h5使用canvas實現的動畫，像個小視頻一樣，還有音樂背景。移動端我覺得列表就很多了，像訂閱，新聞列表，音樂播放這些。手機上看視頻video標簽，新聞詳情頁面。看個天氣，日歷，地圖；手機購物；手機上的數據可視化。現在這些都很成熟了，大家可以找找素材練習練習。
說到移動端還的強調幾個，一個是流量巨大的小程序，不光是原生的小程序，有很多第三方框架可以直接開發，像那個京東的tora，還有美團的mpvue，dcloud的uniapp啊都可以，建議大家一定找到個適合自己的學習下，工作會用到的；還有h5小游戲，流量很大，當初的flybird這種虐心游戲大獲成功，也有很多成熟的開發框架，像layabox，還支持小程序的小游戲。
當然還有未來趨勢的webVR，當然現在技術不是很成熟，但已經在慢慢完善了。還有即時通訊IM，溝通界面。我接觸的也不是很多，可能也只能想到這里了。
以上就是我認知的一些主流方面，當然還會有缺漏，希望大家能夠指出。如果您還有別的想法，歡迎留言，我也是學習。不喜勿碰，希望新的一年跟大家一起進步，謝謝閱讀。