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. 이현우
    2021.02.28 완료
  3. 이현우
    2021.02.28 완료
  4. 현누
    2021.02.25(13:31) 완료
  5. 김천천
    완료
  6. Americano
    21.02.22 최대한 안보고 하려고 했더니 얼추 비슷하지만 다르게 완성했군요
  7. 코린이
    2021.02.22 완료 조금이나마 배운 느낌이 나네요 감사합니다!!
  8. 10월의보름달
    완료
  9. cookie
    2021.2.19 완료
  10. 2021.02.19 완료
  11. 서울붕어빵
    2021.2.18 완료 !
  12. 웹전문가
    2021.2.18 완료
  13. 처음부터 끝까지
    완료!
  14. 잠이솔솔
    완료!!
  15. 낭만고양이
    말하는감자님 따로잡고 있는 중. 완료
  16. 말하는감자
    완료!
  17. loveahav
    완료!
  18. 제리
    완료!
  19. cxxerry
    완료요!
  20. 재현
    진짜 신기합니다. 이걸 제가 만들게 되다니 ㅎㅎ 정말 고마워요.
  21. 이다솜
    완료! 재밌어요!
  22. HyeonHui Jeong
    2/8
  23. 황현석
    너무 재미있습니다! 정말 감사드립니다
  24. 쏘버
    목차에서 각각 링크를 달 때 링크 주소(예를 들면 1.html, 2.html) 부분이 동일하게 1.html처럼 되어있는 것 아닌가요?
    대화보기
    • 3년실리콘
      와우 제가 만들었습니다 웹사이트를요! 끝까지갈게요
    • 김도현
      완료
    • 흑메리카노
      저장은 ctrl s 를 하면 모든 페이지가 일괄 저장되나요??
      head 와 body 를 생략하면 무슨 일이 벌어지나요?
    • 나블
      complete!
    • 감사합니다! 완료!!!
    • 코르딩딩
      완료 완성~
    • 서태
      210127
    • 2021-01-23
      <a href="" target="">
    • 서울 2020년 가을
      2021.01.22 배움
    • seongyeon
      안녕하세요 책이랑 영상 같이 보며 하고있는데 완성된 페이지에서 css나 자바스크립트를 클릭했을땐 내용이 바뀌지않는데 web파일들어가보니 다 각각 저장이 되어있어 하나하나 클릭해보면 그 페이지만 나오는데 어디가 잘못된 걸까요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
    • 그리고래
      21.01.21. 완료
    • 임찬혁
      완료
    • 다니
      2021.01.21 완료
    • 완료
    • 이나연
      2021.01.21 완료
    • 조희준
      1.20 3일차
    • 488pista
      완료
    • 하하즐거운문
      넘 재밌어요!
    • Sol Lee
      완료입니다~~!!!
    • ahspyn
      뿌듯해요! 완료
    • 완료
    • 서준
      완료
    • 추장
      완료
    • 안멘
      완료!
    • 호롱주
      완료!
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기