본문 바로가기

나 혼자 웹 독학 - HTML/CSS를 활용한 나만의 간단 웹 메인 페이지 제작

베트남 리뷰어 2020. 12. 25.
반응형

안녕하세요

베트남에 장기해외실습으로 1년 조금 넘는 시간을 살았었는데요

 

북부에는 많이 여행다니고 했었는데 어떻게 하다보니

중부, 남부로는 한번도 여행을 가보지 못했어요

 

살다 보니 베트남어도 어느정도 할 줄 알게되고

많은 친구도 사귀게 되었었는데요

저도 다시 베트남에 가야하는데 언제쯤 다시 갈 수 있으려나 하하..

 

코로나때문에 해외 어디 여행이라도 가고싶어도 가질 못하니..

베트남 중부, 남부로 여행을 가고 싶어서 간단하게 하나 만들어 보았습니다

 

2020/08/01 - [웹코딩 공부&공유/css] - 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기

 

나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기

안녕하세요 간단한 html, css를 이용한 menubar를 만들어 보려 합니다 기본적으로 display : flex; 가 들어가는 방식입니다 Menu 안녕하세요1 안녕하세요2 안녕하세요3 위와 같이 큰 menubar 라는

homnay.tistory.com

이 글에서

display:flex

이 기능만 정확하게 이해하신다면 여러분 모두 제작 하실 수 있습니다

 

간단한 웹 페이지 메인 제작

 

저는

Header

Section

Footer

부분으로 나누어서 코딩을 했구요

 

아.. background 이미지를 위해서 하나의 div를 밖으로 뺏습니다

 

헤더, 섹션 부분은 display:flex를 사용해서 만들었고

 

푸터 부분에

저 sns 아이콘들은

position : absolute

bottom : 0;

right 0;

을 사용해서 padding 값만 조정을 해주었습니다

 

아아.. 원래는

섹션 부분의 Vietnam 타이틀은 살짝 움직입니다

 

Vietnam 메인 페이지

간단하기 때문에 10분정도만 투자하셔도

나름..? 이쁜?

웹 메인 페이지를 만들어 보실 수 있습니다

혹시 공부를 처음하시는 분들은 이런 간단한 템플릿에 도전해보는것도

아주 좋은 경험일거 같습니다

 

혹시 관심있으신 분들은 댓글로 문의주시면

언제나 제가 답장 성심성의껏 드리도록 하겠습니다

 

이렇게 해외여행을 너무 가고싶은 한 사람의

간단명료 웹페이지 제작 일기..? 마치도록 하겠습니다

감사합니다 !!

반응형

댓글