WEB1 - HTML & Internet

웹사이트 완성

 

 

---

 

 

지금까지 웹페이지를 만드는 방법을 배웠습니다.


또 페이지와 페이지를
링크라는 길로 연결하는 방법도
배웠습니다.

 

 

링크는
본드,
실과 같은 것으로도
비유할 수 있습니다.

페이지가 모이면 책이 되듯이
웹페이지를 링크로 모으면
일종의 책이 만들어집니다.

이렇게
링크를 통해서 서로 결합되어 있는
웹페이지들의 그룹을
웹에서는 책이라고 하지 않고
웹사이트(web site)라고 합니다.

 

 

지금부터
웹사이트를 만들어 봅시다.

 

 

코딩을 시작하기 전에
완성된 결과물을 먼저 봅시다.
https://web-n.github.io/web1_html_internet/

 

 

웹사이트를 만들 때는
순서가 중요합니다.
어떤 순서로 작업을 진행할 지 잘 따져 보세요.

 

 

우선 이 웹페이지 전체를 대표하는
큰 제목을 만들겠습니다.
(동영상 참고 : https://youtu.be/w5S0GACgL3U?t=48)

 

 

그리고 각 부분에 링크를 걸어서
다른 페이지와 연결을 시키겠습니다.
아래 그림을 링크로 연결될 웹페이지의 파일명입니다.

 

 

우선 1.html 의 내용을 수정해서 링크를 거세요.
변경된 소스 보러가기

 

 

1.html 파일을 복제해서
index.html, 2.html, 3.html을 만듭니다.
그리고 각각의 파일에 맞게 내용을 수정합니다.
전체소스코드 다운로드

 

 

이렇게 하면 완벽하게 동작하는 웹사이트가 만들어집니다.
https://web-n.github.io/web1_html_internet/
잘 되나요? 축하드립니다. ^^

 

 

갈 길이 조금 남아 있기는 하지만,
우리는 지금 산의 정산에 올라왔습니다.
산에 정상에 올라왔는데
경치도 안 보고 내려간다면 얼마나 손해인가요?
잠깐 멈춰서서
우리가 만든 것을 보면서
'우와 내가 이런 것을 했다니'
이런 즐거운 기분을 음미하면서
천천히 하산 준비를 해 주세요.

 

다시 한 번 축하합니다!

 

댓글

댓글 본문
작성자
비밀번호
  1. 람지비전
    감사합니다.
  2. 김민재
    굳뜨
  3. 현민수
    삐약
  4. 햄쮸맨
    우왕 너무 재미있어용!
  5. chikadal
    20191011

    웹페이지 만들기 - 링크로 각각의 페이지 연결
    각 웹 페이지에 맞게 내용 수정
  6. 육포
    20191011
  7. 동댕이
    완료.
  8. nilreb
    완료
  9. 김규태
    20191007 완료
  10. zozo
    20191005
  11. 흥성무
    20191005 흥성무 완료!
  12. 20190928 Ted 완료!
  13. 감자
    완료
  14. 엄주현
    완료
  15. Grigo
    완료
  16. 채테리
    완료
  17. 우유병
    다솜 화이팅
  18. 코딩만이 살길이다
    완료
  19. 성규니
    완료
  20. 가재준
    완료
  21. Johan
    완료
  22. Kyung Hun Jung
    완료
  23. 몽글몽글솜사탕
    감사합니다
  24. 신현정
    완료
  25. acisliver
    완료
    다른 내용으로 새로 만들어보니 복습도 되고 좋네요
  26. 라미
    완료
  27. 돌언니
    완료요. 스스로 한번 해봤어요^^
  28. 완료
  29. 박주혁
    감사합니다 완료입니다.

    따라하는 것이지만 뿌듯하네요

    혼자 생각하는 것을 하려면 더 어렵겠네요
  30. Pheobe
    너무 재밌어요
  31. 3onald
    막상 안보고 만드는지 어렵네요 ㅋㅋ근데 재밌습니다!!잘 들었습니다.
  32. 건돌이
    완료
  33. 피닭씨
    감사합니다 ㅎㅎㅎ
  34. 현우
    완료
  35. 박민규
    학습완료
  36. 싱클레어
    2019 09 06 완료
  37. 조성재
    완료
  38. 서대원
    완료
  39. 쑤우
    수강완료. 감사합니다
  40. 제2지대
    완료
  41. 멋지게살자
    첫 웹페이지... 완료~
  42. 정완료
    완료
  43. 박준영
    19-08-25 완료
  44. 민스티티아
    완료!
  45. YesterdayKite
    완료. 감사합니다.
  46. mr.kim
    ok
  47. 김시현
    완료
  48. 운수미
    완료입니다!
  49. 두루가 제일 기여워
    ㅇㄹ
  50. 장그래
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기