웹사이트를 제작하는 데에는 어떠한 방식을 사용하여 제작을 할 수 있을까요?
대부분의 사람들은 HTML로만 제작을 하는 것으로 알고 있지만
그 뿐만이 아닌 여러 가지가 포함이 되어 하나의 웹 사이트로 이루어져 있는데
이러한 웹 사이트의 구성에 대하여 알아보도록 하겠습니다.
HTML은 먼저 사이트의 뼈대를 담당하고 있다고 볼 수 있습니다.
한 사이트 화면의 전체적인 부분은 HTML로 이루어져 있으며
여러 가지의 태그를 통하여 손쉽게 배치를 할 수 있다는 점과 더불어
자신이 원하는 내용을 삽입할 수 있도록 도와주는 역할을 담당 하고 있습니다.
HTML의 구성은 Head / Body/ Footer 로 구성이 되어 있습니다.
Head는 동작을 담당하는 뇌의 역할을 한다고 볼 수 있으며
Head에 삽입 되는 것은 이후에 알아보게 되는 Javascript, CSS등이 포함이 되어 있습니다.
Body에 삽입되는 것은 사이트에 표현하고자 하는 내용이 삽입되는 것으로
남들에게 보여지는, 전달하고자 하는 내용을 담아둔다고 볼 수 있습니다.
Footer는 대부분 사이트의 맨 밑 하단에 회사의 이름을 표기하거나
출처를 명시하는 용도로 사용된다고 볼 수 있습니다.
Javascript는 뇌에 관련되어 있다고 볼 수 있습니다.
사람의 신체가 뇌에서 명령을 받아 움직이는 것 처럼 자바스크립트는 웹 사이트 페이지에
접속 하였을 때 동작하는 내용들을 명령, 행동하도록 하는 역할을 담아두고 있는 소스코드로써
사용자가 어떤 동작을 취했을 때, 이러한 내용을 보여주어라 하는 역할을 담당하고 있습니다
예를 들자면 메뉴에 마우스 커서를 올렸을 때 메뉴가 펼쳐지도록 하는 것과 손가락 모양으로 변경되는 것은
자바스크립트에서 '이러한 행동을 하였을 때 이렇게 펼쳐지고 변경되어라' 라는 명령을 토대로
사이트가 이행 하는 것이라고 보시면 됩니다.
자바스크립트는 함수 지향적으로 제작이 되어 API(Application Programming Interface)를
자바스크립트를 이용하여 훨씬 더 많은 작업을 수행할 수 있도록 하기 때문입니다.
API는 이미 만들어진 코드의 집합체라고 볼 수 있으며 개발자들이 만들기 어렵고 힘든 부분을
쉽게 구현하도록 하는 프로그램이라고 볼 수 있습니다.
CSS(Cascading Style Sheets)는 사람으로 따졌을 때 뼈와 뇌는 HTML과 자바스크립트가 담당하고 있으며
그를 꾸며주는 외형적인 모습을 담당하고 있습니다.
CSS는 스타일, 레이아웃 등을 통하여 사이트가 사용자에게 어떻게 표시되는지 꾸며주는 것으로써
웹사이트의 외형적인 모습을 꾸며주어 보다 보기 쉽고 간편하며 이쁜 모습을 보여주게 됩니다.
CSS는 따로 작성하여 Html에서 불러오게 될 경우 Style을 사용하여 적용을 할 수 있어
하나하나에 일일히 적용을 하는 번거로음을 피해내고 CSS코드를 호출하여
자신이 원하는 방식으로 꾸밀 수 있다는 장점이 있습니다.
웹 사이트 하나를 만드는데에는 여러 노력이 필요하지만 대표적으로 알고 있는 HTML은
뼈대를 구축하는 일을 맡고 있으며 초등학교 때 배우는 내용이기에
대부분 많은 사람들이 HTML로만 이루어지는 것으로 알고 있습니다.
하지만 뼈만 있는 경우 볼 품이 없기 때문에 그를 꾸며주고 동작하는 자바스크립트와 CSS가 발전해왔기에
많은 웹 사이트들이 이렇게 우리에게 편하고 훨씬 더 많은 것을 지원해주지 않나 싶습니다.
현재에는 이러한 방법 이외에 사이트 제작 자체를 도와주는 사이트를 개발하는 곳들이 존재합니다.
만약 나만의 웹 페이지, 사이트를 가지고 싶으신 분들이라면 한 번 찾아보는 것을 추천드립니다.
