[HTML] 웹사이트 간단하게 만들기

지금까지 배운 내용들을 종합해서 복습할 겸 생활코딩 강의에서 제시해 주는 웹사이트를 만들어보자.

먼저 아래 내용을 보기 전에 웹사이트를 보고, 직접 만들어 보는 것을 추천한다.

WEB1 - Welcome

 

위의 웹페이지를 만들어 보자. 가장 큰 제목 WEB을 열면 Welcome 페이지가 나오고, 1. 2. 3. 제목을 각각 누르면 제목에 맞는 웹페이지를 보여준다.

---

 

첫 화면 만들기

첫 화면은 간단하게 가장 큰 제목으로 WEB을 만들고 WEB을 누르면 첫 화면 페이지로 돌아오게 만든다. 그리고 목차를 생성하고 목차에 링크를 걸어주고 내용을 적어주면 끝이다. 이 페이지는 제목 설정과 목차 만들기, 목차에 링크 걸기, 문단 만들기만 주의하면 된다.

 

1. HTML 페이지 만들기

index 페이지에서 1.HTML 목차를 누르면 나오는 페이지이다. 목차 밑의 본문만 다르고 bold 체, 밑줄 긋기, 이미지 넣기만 알면 된다.

 

2. CSS , 3. JavaScript 페이지 만들기

이 페이지들은 1. HTML 페이지에서 목차 밑에 본문만 바꾸면 된다.