什么是web？什么是前端、后端、数据库？

最新推荐文章于 2024-08-11 03:30:02 发布

幺卜捣旲

最新推荐文章于 2024-08-11 03:30:02 发布

阅读量3.3w

点赞数 29

文章标签： web css html javascript

本文链接：https://blog.csdn.net/jianglingo/article/details/115414694

版权

本文介绍了Web的基本概念，包括前端、后端和数据库，并以用户登录界面为例，详细阐述了前端开发的三大核心技术——HTML、CSS和JavaScript的作用。HTML负责网页内容，CSS处理布局，JavaScript则赋予网页交互行为。通过实例展示了如何用这三个技术创建一个简单的登录界面，并探讨了它们在美化和提升用户体验方面的应用。

摘要由CSDN通过智能技术生成

什么是web？什么是前端、后端、数据库？

- 什么是web
- 前端三大技术介绍

什么是web

Web开发是一个内容广阔的技术。何为web呢？百度百科是这样解释的：web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。我们在手机或电脑浏览器上输入网址(学名URL(Uniform Resource Locator即统一资源定位符))，就能进入图形化的交互页面，例如在某度搜索资料，在某宝上下单一双鞋，当然我们平常接触到的是前端，就是与用户交互的界面，web开发除了前端外还包括后端，数据库，而每个方面涉及的知识与技术也海了去了。再以某宝为例，有用户、有商家、还有平台的维护人员吧，设计不同的界面与权限，商家上架了什么商品，总得要及时呈现在用户端吧；管理员说你这商铺违法了平台规定，说关停你就马上关停你，这都可以理解为后端设计。当然还得有数据库存储店铺、商品、用户、交易等等各种信息；这些信息马老板在后台都是可以看见的，所以马老板说有人天天就在淘宝逛啊逛，也不买东西；又说哪个省女性的bra尺寸最大…这样一说是不是觉得淘宝也仅仅是把线下商铺搬到了线上而已，等我成了全栈工程师我也搞一个（不是）。

前端三大技术介绍

先说说前端吧（其实是只了解了一点点前端知识），前端必学的三个技术：HTML、CSS、Javascript，HTML 定义了网页的内容，CSS 描述了网页的布局，JavaScript 定义网页的行为。如果把web比喻成一个美女，那么HTML是其骨，CSS是其肤，而Javscript就是其灵魂。
下面就以一个最简单的登录界面为例：两个输入框、一个提交按键、最多再加个“用户登录”提示，使用相应的HTML元素实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户登录</title>
</head>
<body>
    <div>
        <h2>用户登录</h2>
        <div>
            <input>
            <label>用户名</label>
        </div>
        <div>
            <input>
            <label>密码</label>
        </div>
        <a href="javascript:void(0)">登录</a>
    </div>
</body>
</html>

结果如下图所示：
在这里插入图片描述
属实简陋吧，带有蓝色下滑线的登录键你也一定不陌生，当然我们希望它的样式好看一点，起码要让整体居中，“用户名”与“密码”在输入框之前，登录键也不能是这种劣质网站既视感，此时我们请CSS闪亮登场：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户登录</title>
    /*格式设置都在这个链接里*/
    <link href="logoin.css" rel="stylesheet">
</head>

暂且不管链接里的具体代码是啥，反正在CSS加持后的一顿操作下，刚才的登录界面就变成这样了：
在这里插入图片描述
好啦，CSS的作用也显而易见了。接下来就是Javascript了，在浏览器中，JavaScript可以执行许多操作，例如与用户的交互，网页操作和Web服务器，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。它的作用包括：