본문 바로가기

생활정보

head body footer 란

head body footer 란

오늘은 이것에 대해서 정보를 드릴려고합니다!

구성에는 제목그대로 head body footer 이것으로 크게! 구성되어있습니다 물론 안에 또 세부적인 요소가있죠..

그림으로 표현을 해보았습니다! 사람으로 예시를 들어볼게요!

.

.

.

.

.

귀엽죠?ㅋㅋ

사람으로 예시! 보이는것과 같이 홈페이지도 머리구간,몸통,발부분으로 나눠져 있습니다!

.

.

.

.

.

제주삼다수

흠ㅎㅎ 잠깐 자랑하자면 이 사진은 원래 "제주삼다수" 라는 홈페이지를 제가 새롭게 리디자인을 한겁니다 헤헿

해당 리디자인을 한 페이지를 직접보고싶으시다면 밑에링크로 가시면됩니다(모바일로는 아마 다깨질거에요...)

 

Document

 

dodos.pe.kr

.

.

.

.

.

암튼 홈페이지도 크게 구성을 가지고있습니다!

 

head구간 : 해당페이지의 로고,메뉴 등이 들어갑니다

body구간 : 해당페이지가 무엇을 하는 곳인지 그냥 내용입니다

footer구간 :  업체의 연락처,대표,사업자,주소 및 연락처등을 마무리처럼 느껴지는 구간입니다!

.

.

.

.

어떠셨나요? 결국 head body footer 도 사람처럼 페이지에도 위치가 있습니다!

물론 포토샵으로 할때도 먼저 구성을 짜주는것입니다!

코딩할때도 저런구성을 통해서 서로 헷갈리지않게 어느 부분에 들어간다 이런식으로 진행을 합니다!

 

저는 앞으로도 이런식으로의 방향을 잡아야 하는 블로거 이다보니

큰틀로는 html & css 설명과 제가 포토샵으로 디자인한 도안을 보여드리며 설명을 하고 코딩까지완료되었을때는

어떤식으로 코딩을 하였다 라고 방향성을 잡을려고합니다 ㅎㅎ 

.

.

.

.

.

디자인..저는 완전 먼지정도입니다..ㅠㅠ큽...취미생활로 추가를 해볼까해서 계속적으로 도전을 해볼까합니다 ㅎㅎ

 

 

 

 

오늘도 저의 포스팅을 읽어주셔서 감사하고 많이 부족해도 귀엽게...봐주세요(?)ㅋㅋㅋㅋㅋㅋ

항상 발전하는 사람이 될수있도록 피드백을주시면 감사하겠습니다

.

.

.

.

.

.

https://cobr.kr/Bto1U

 

하우리뷰

맛집/카페/여행/제품/운동 등 다양...

cobr.kr

 

'생활정보' 카테고리의 다른 글

한낮 기온 '30도'…"덜 답답한 치과용 마스크도 괜찮아"  (27) 2020.05.07
div 박스  (38) 2020.05.07
긴급재난지원금 사용처  (30) 2020.05.04
html css 시작하기  (32) 2020.05.04
무선충전기 FOR LG  (34) 2020.05.03