[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
'5. 웹 애플리케이션 만들기' 카테고리의 다른 글
[Project H4C] 14. CSS이론 기본 문법 (0) | 2020.07.16 |
---|---|
[Project H4C] 13. 개발 도구의 필요성 (0) | 2020.07.15 |
[Project H4C] 11. 의미론적인 웹(Semantic Web) (0) | 2020.07.15 |
[Project H4C] 10. 모델링을 HTML로 만들기 (0) | 2020.07.14 |
[Project H4C] 9. HTML 정리 (0) | 2020.07.14 |