web前端概述
web前端:网站的前台部分,是运行在电脑,移动端等浏览器上展示给用户浏览的网 页。
前端开发: 用代码根据UI设计实现网站前台页面、内容以及交互效果
UI: 用户界面 UI设计: 设计师运用设计软件(PhotoShop等)设计的用户名界面,一般是图片居多, 没有交互效果。
web(world wide web ): 缩小为WWW,万维网,全球广域网。互联网的总称,他是 一种基于超文本和http,全球性的,动态交互的,跨平台的分布式图形信息系统。 web主要是通过网页传递信息。
web前端三大件:
-
. HTML 超文本标记语言,编写网页的结构。可以理解为像人的骨头一样,决定网页 的结构。不是编程,主要是记住常用的标记即可。.html结尾的文件——F12 可以弹出开发工具(或者右键,选择检查)
-
css 层叠样式表: 给html编写的网页添加样式,如添加背景颜色,字体颜色等等。 可以理解为人的衣服。不是编程语言,和html一样,记住常用的样式即可。.css结尾 的文件
-
JavaScript(简称js),脚本语言,也是一种编程语言。为网页添加交互效果和特效。 可以理解为人的动作。学习js的需要一定的逻辑思维,不能硬背,要靠理解。js是前 端的核心技术,js学的好,前端就好。.js结尾的文件——在开发工具HTML代码中找到以.js结尾的就是js代码,可以复制文件地址粘贴到浏览器中打开文件查。
浏览器常规操作:
-
前端开发常用浏览器: 谷歌浏览器(兼容性好),fireFox(火狐浏览器),(Edge,IE主要 用于查看兼容性)
-
f12打开浏览器开发工具(或者浏览器里右键,点击检查)
-
设置浏览器语言:点击设置图标,在Language选项中选择中文,点击蓝色按钮Reload DevTools
-
开发工具(DevTool)的常用选项:Elements->查看网页元素 Console->控制台,JS调试使用 Sources->源代码,网页源文件,可看代码文件和图片等 Network->网络,网页发送的网络请求
-
ctrl+f 搜索html标记文章来源:https://www.toymoban.com/news/detail-403877.html
-
网页截图方法 ctrl+shift+p(windows)文章来源地址https://www.toymoban.com/news/detail-403877.html
</
到了这里,关于web前端概述的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!