网站前端开发素材，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，沟通界面。我接触的也不是很多，可能也只能想到这里了。
以上就是我认知的一些主流方面，当然还会有缺漏，希望大家能够指出。如果您还有别的想法，欢迎留言，我也是学习。不喜勿碰，希望新的一年跟大家一起进步，谢谢阅读。