[HTML/CSS] 자기소개 웹 페이지 제작 #1 - 설계

오지수·2021년 4월 30일
2

Projects

목록 보기
1/24
post-thumbnail

자기소개 웹 페이지 제작의 시작 날이다!
걱정도 되지만 필자는 새로운 마음으로 차근차근 제작해 보며 글을 보충해 나갈 것이다.

레이아웃 설계

https://ko.wix.com/website/templates/html/portfolio-cv/personal
위의 링크에서 나온 웹 사이트 템플릿들을 참고하여 대략적으로 전체적인 레이아웃을 설계하였다.

페이지 구성은 main.html / 페이지 3개(about.html, projects.html, contact.html)

밑의 그림은 차례대로 main.html, about.html, projects.html, contact.html 레이아웃 설계도이다.
main.html
about.html

contact.html

레이아웃 설계하면서 느낀 점

자기소개 웹 페이지를 만드는 것은 이번이 처음이 아니다.
전에 만들었던 것은 단순히 HTML로만 만든 정적인 페이지였기 때문에 이번에는 더 동적인 웹을 만들어보고 싶었다.

그래서 여러 구글 서치를 통해서 여러 웹 페이지 템플릿을 참고하면서 레이아웃을 설계했는데 음..... 구현할 것들이 생각보다 많이 나와서 매일 노력이 필요할 것 같다.

  1. HTML을 활용한 레이아웃 구현
  2. CSS를 활용한 애니메이션 효과
  3. 반응형 웹 페이지 제작

이렇게 3가지를 목표로 두고 있는데 차근차근 하나씩 해결해나가면서 저번보다 발전된 결과물을 얻어보고 싶다.

profile
My Moto:: 내 스스로와 더불어 주변에게도 좋은 영향을 행사하도록 점검 & 노력..!!

0개의 댓글