如果想学习GIS软件开发,必须先了解web开发,而在这之前,还需要先了解什么是HTML、CSS和JavaScript。
学习GIS软件开发必须要掌握这三种工具,本文将介绍HTML、CSS和JavaScript的基础知识,想学习的赶紧收藏起来吧!
在学习之前,我们先理解几个基本概念。
什么是互联网?
互联网是一个以发送和接收数据(信息)来相互通信的计算机网络。
互联网上的每台计算机都可以通过一个称为IP地址的唯一数字来区分和定位。IP地址一般由一串数字组成,类似于:168.212.226.204
什么是网络?
网络是互联网的一个子集。Web由两个主要组件组成:Web浏览器客户端和Web服务器。
客户端请求数据,服务器共享或提供其数据。为此,双方必须达成协议。该协议称为应用程序编程接口,简称API。
但是,这些数据必须经过整理和格式化,使具有广泛技术经验和能力的最终用户能够理解。
这就是HTML、CSS、JavaScript和整个web开发概念发挥作用的地方。
现在,让我们来学习HTML、CSS和JavaScript吧!
什么是HTML?
HTML代表超文本标记语言。超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:head)、和“主体”部分(英语:body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
HTML标签是由尖括号包围的关键词,比如 <html>
HTML标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签;开始和结束标签也被称为开放标签和闭合标签。
例如:
<!DOCTYPE html>
<html>
<body>
<h1>Please give me a like</h1>
<p>Please!!!</p>
</body>
</html>
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
呈现的内容:
什么是CSS?
HTML是一种用于设置网页格式/结构的标记语言,而CSS是一种设计语言,您可以使用它来使网页看起来美观、形象。
CSS可以被用来改善网页的外观,通过添加CSS样式,可以使页面对用户的查看和使用更具吸引力和愉悦感。
想象一下,如果人类只是被制造成有骨架和裸露的骨头——那会是什么样子?CSS就像我们的皮肤、头发和一般的外观。
使用CSS,可以设置元素的颜色和背景,以及字体、边距、间距、填充等等。
例如:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: pink;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: Ariel;
font-size: 20px;
}
</style>
</head>
<body>
<h1>我的第一个 CSS 实例</h1>
<p>段落内容:求给我点赞!</p>
</body>
</html>
呈现出来的页面内容是:
什么是JavaScript?
现在,如果HTML是标记语言,CSS是设计语言,那么JavaScript就是编程语言。
如果你不知道编程是什么,想想你在日常生活中的一些行为模式:
当你感觉到危险时,你就跑;当你饿了,会找东西吃;当你累了,你就睡觉;当你过马路时,你会观察和计算车辆离你的距离。
你的大脑已经被设定成在任何事情发生时以某种方式做出反应或做某些事情。通过同样的方式,您可以对web页面或单个元素进行编程,使其以某种方式作出反应,并在发生其他事情(事件)时执行某些操作。
您可以编写操作、条件、计算、网络请求、并发任务和许多其他类型的指令。
例如:
<!DOCTYPE html>
<html>
<body>
<h2>Please give me a like </h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
like
</button>
<p id="demo"></p>
</body>
</html>
呈现出来的内容:
将HTML、CSS和JavaScript组合在一起,我们一起使用这三种语言来格式化、设计和编程网页。
当您使用超链接将某些网页以及服务器计算机上的所有资源(如图像、视频等)链接在一起时,这些内容会呈现到网站中。
这些操作通常发生在前端,用户可以在前端看到正在显示的内容并与之交互。
另一方面,数据,特别是密码等敏感信息,是从网站后端存储和提供的。
这是网站的一部分,仅存在于服务器计算机上,不显示在前端浏览器上。后端一般是网站管理员才有权限访问,用户无法看到或访问该信息。
总结:
在web开发中,我们用于构建网站的三种主要语言是HTML、CSS和JavaScript。我们使用HTML来构建网站,我们使用CSS来设计和布局网页,使用JavaScript来实现交互。