WEB1

웹 사이트 완성

 

지금까지 배운 것을 종합해서 웹사이트를 완성해봅시다. 4개의 웹페이지를 만들고 각 웹페이지 마다 적당한 정보를 담을 것입니다. 그리고 링크를 걸어서 서로 상호 방문할 수 있도록 할 것입니다. 

 

 

각 페이지가 담을 내용은 아래와 같습니다. 

 

 

  • index.html : 홈페이지로 환영인사나 소개
  • 1.html : HTML 에 대한 설명 페이지
  • 2.html : CSS에 대한 설명페이지 
  • 3.html : JavaScript에 대한 설명페이지

 

 

어떻게 해야할까요? 이미 이 작업을 하기 위한 모든 내용을 배웠습니다. 곧 설명 해드리겠지만, 여러분이 직접 한번 문제를 해결해보세요.

 

 

필자는 페이지를 만들기 전에 지금까지 작업한 파일 1.html에 링크를 먼저 걸겠습니다. 그리고 1.html을 복제한 후에 내용을 수정할 계획입니다. 기존의 1.html 예제의 본문에 내용을 추가했습니다.  (변경사항)

 

 

 

1.html을 복제해서 2.html을 만들겠습니다. 2.html은 CSS에 대한 설명을 담으면 되겠네요. (변경사항)

 

 

 

 

3.html은 아래와 같습니다. (변경사항)

 

 

 

 

index.html은 아래와 같습니다. (변경사항)

 

 

 

 

 

완성된 결과는 아래 주소에 있습니다.  

 

 

https://web-n.github.io/web1/index.html

 

 

축하합니다! 여러분은 필요한 것이 모두 있으면서, 불필요한 것은 존재하지 않던 원시상태의 웹을 마스터하셨습니다. 만약 여러분이 1990년도에 살았다면 여러분은 웹마스터가 된 것입니다. 

 

 

 

 

동시에 필자가 2011년 경에 생활코딩을 처음시작하면서 만든 웹사이트를 만든 것입니다. 필자는 이 사이트 덕분에 공부를 하고자하는 분들에게 체계적으로 정보를 정리해서 전달할 수 있었습니다. 이것이 필자의 인생에 끼친 영향을 너무나 큽니다. 그렇게 기능이 추가 되면서 완성된 서비스가 바로 오픈튜토리얼스입니다. 

 

 

https://opentutorials.org

 

 

물론, 현대의 웹은 이 보다 복잡합니다. 

 

 

 

 

하지만, 우리가 배운 것은 웹의 본질입니다. 아무리 많은 혁신이 쏟아져도 본질은 달라지지 않습니다. 본질이 달라지면 본질 위에서 만들어진 혁신들도 모두 무너지기 때문입니다. 

 

 

 

 

앞으로 배울 것에 불만족하는 것은 현명하지 않습니다. 

 

 

 

 

너무나 중요한 고지에 올라왔습니다. 잠시 휴식을 하면서 우리가 이룬 것에 대해서 감상해볼 타이밍입니다. 축하드립니다. 

 

 

 

댓글

댓글 본문
  1. ChristianProgrammer
    감사합니다.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기