web前端概述

web前端概述

web前端:网站的前台部分，是运行在电脑，移动端等浏览器上展示给用户浏览的网 页。

前端开发: 用代码根据UI设计实现网站前台页面、内容以及交互效果

UI: 用户界面 UI设计: 设计师运用设计软件(PhotoShop等)设计的用户名界面，一般是图片居多， 没有交互效果。

web(world wide web ): 缩小为WWW，万维网，全球广域网。互联网的总称，他是 一种基于超文本和http，全球性的，动态交互的，跨平台的分布式图形信息系统。 web主要是通过网页传递信息。

web前端三大件：

1. . HTML 超文本标记语言,编写网页的结构。可以理解为像人的骨头一样，决定网页 的结构。不是编程，主要是记住常用的标记即可。.html结尾的文件——F12 可以弹出开发工具(或者右键,选择检查)

2. css 层叠样式表: 给html编写的网页添加样式，如添加背景颜色，字体颜色等等。 可以理解为人的衣服。不是编程语言，和html一样，记住常用的样式即可。.css结尾 的文件

3. JavaScript(简称js),脚本语言，也是一种编程语言。为网页添加交互效果和特效。 可以理解为人的动作。学习js的需要一定的逻辑思维，不能硬背，要靠理解。js是前 端的核心技术，js学的好，前端就好。.js结尾的文件——在开发工具HTML代码中找到以.js结尾的就是js代码，可以复制文件地址粘贴到浏览器中打开文件查。

浏览器常规操作：

1. 前端开发常用浏览器: 谷歌浏览器(兼容性好)，fireFox(火狐浏览器),(Edge,IE主要 用于查看兼容性)

2. f12打开浏览器开发工具(或者浏览器里右键，点击检查)

3. 设置浏览器语言：点击设置图标，在Language选项中选择中文，点击蓝色按钮Reload DevTools

4. 开发工具(DevTool)的常用选项:Elements->查看网页元素 Console->控制台，JS调试使用 Sources->源代码，网页源文件，可看代码文件和图片等 Network->网络，网页发送的网络请求

5. ctrl+f 搜索html标记

6. 网页截图方法 ctrl+shift+p(windows)

</