5. 웹 애플리케이션 만들기

[Project H4C] 12. 사이트 완성

도피디 2020. 7. 15. 18:15
반응형

[Project H4C] 12. 사이트 완성

 

  • index.html

대문 페이지라고 약속되어 있다. => 해당 홈페이지의 정보를 담고 있는 파일이라는 암묵적인 약속..!

 

 

e.g.) 위 예시 페이지에서

큰 메뉴인 JavaScript, 그리고 각 리스트에 있는 1번 JavaScript란?, 2번 변수와 상수, 3번 연산자에 링크를 추가한다. 

 

- 큰 메뉴인 JavaScript에 링크 추가하기

<h1><a href="http://localhost/">JavaScript</a><h1>

(이 때 어떤 페이지에 들어가서도 대메뉴 JavaScript를 클릭하면 첫 화면으로 들어올 수 있게

위 태그를 모든 html 문서에 추가하여 저장한다.)

 

- 리스트 1번 JavaScript란? 에 링크 추가하기

<li><a href="http://localhost/page_html.html">JavaScript란?</a></li>

(이 때 1번 "JavaScript란?" 메뉴를 클릭했을 때 뜰 내용이 "page_html.html"라는 이름으로

다큐먼트 루트안에 html 문서가 저장되어 있어야 한다.)

 

- 리스트 2번 변수와 상수 에 링크 추가하기

<li><a href="http://localhost/page_vc.html">변수와 상수</a></li>

(이 때 2번 "변수와 상수" 메뉴를 클릭했을 때 뜰 내용이 "page_vc.html"라는 이름으로

다큐먼트 루트안에 html 문서가 저장되어 있어야 한다.)

 

- 리스트 3번 연산자에 링크 추가하기

<li><a href="http://localhost/page_op.html">연산자</a></li>

(이 때 3번 "연산자" 메뉴를 클릭했을 때 뜰 내용이 "page_op.html"라는 이름으로

다큐먼트 루트안에 html 문서가 저장되어 있어야 한다.)



 

이번 강의를 통해 웹사이트가 전체적으로 어떻게 돌아가는지 감을 잡았다.

https://www.youtube.com/watch?v=TL7L2qcL3Po&list=PLuHgQVnccGMAE4Sn_SYvMw5-qEADJcU-X&index=20

 

반응형