3分钟读懂网站制作语言HTML、CSS、Javascript

网站使用HTML、CSS、Javascript这三种开发语言制作而成。

3分钟读懂网站制作语言

刚入门就会听到一些术语，让自学的学子们丧失信心。

要想摆脱这种压力, 需要用自己独有的方式重新诠释用语。

那么, 在制作网站时用的语言代表着什么呢？

我们一起看一下。

웹 사이트는 HTML, CSS, 자바스크립트 이 3가지 개발 언어를 사용해서 제작해요.

처음 개발 공부를 시작하면 듣도 보도 못한 용어가 쉴 새 없이 등장해 당황스럽기도 하고 압박에 눌려서 자신감을 상실하기도 하는데요. 이런 압박에 벗어나려면, 자신만의 방식으로 용어를 재해석하는 과정이 필요합니다.

그럼 웹 사이트 제작시 각각의 언어가 무엇을 담당하는지 같이 알아 보도록 하죠.

创建网站的过程类似于盖房子的过程。 

首先为了建造房子需要设计图纸。定义房间、客厅、厨房、卫生间等场所, 并在图纸上标记相关空间。 

然后使用各种建筑材料, 盖楼，贴壁纸, 布置家具的室内装修工作。 

最后添加数码锁或自动感应装置等, 给生活增添便利。

웹 사이트를 만드는 과정은 집을 짓는 과정과 유사합니다. 먼저 집을 짓기 위해서는 설계 도면이 필요하죠? 안방, 거실, 부엌, 화장실과 같은 공간을 정의하고, 해당 공간을 도면에 표기합니다.

이후 여러 건축 재료를 사용해서 건물을 올리고, 벽지를 붙이고, 가구를 배치하는 인테리어 작업을 합니다.

마지막으로 디지털 도어록이나 자동센서조명과 같은 생활하는 데 편리한 기능을 추가합니다.

如果将此应用到各开发语言中

HTML＝设计图面（定义空间）

CSS＝设计

JavaScript＝功能

首先HTML负责设计图面工作。 可定义商标空间、包含导航(navigation) 、著作权信息的空间等。 并且登陆网站时输入肉眼可看到的信息的语言是HTML。 

接下来是设置空间大小, 变更字体颜色等设计工作的语言就是CSS。

最后,在网站上添加图像滑动效果或制造类似于弹窗等功能时使用的是JavaScript。 

이를 각 개발 언어에 대입하면, 먼저 HTML은 설계 작업을 담당합니다. 로고가 들어갈 공간, 내비게이션이 들어갈 공간, 또는 저작권 정보가 들어가는 공간 등을 정의할 수 있습니다. 또한 웹 사이트에 접속했을 때 눈에 보이는 정보를 입력하는 언어가 HTML 입니다.

다음으로 공간의 크기를 설정하고 글자 색을 변경하는 등 인테리어 작업을 담당하는 언어가 CSS 입니다.

마지막으로 웹사이트에 이미지 슬라이드 효과를 추가하거나 팝업과 같은 기능을 만들 때 사용하는 게 자바스크립트입니다. 앞에서도 언급했지만, 이후 과정에서 우리는 HTML, CSS 언어를 중심으로 학습을 진행하겠습니다.

当然这只是为了入门，片面的理解。今后的学习过程中, 也会渐渐深入。我们将先以HTML、CSS语言为中心进行学习。