밍숲의 코딩&웹퍼블리셔 LOG

본격적으로 페이지의 중심이 되는 메인파트를 만들어보려고한다. 메인파트는 총5개의 파트로 나뉘어있고, 모두 article을 시맨틱태그로 구성하였다. box01 현재 들어가는 대부분의 이미지들은 css에서 background로 삽입하였다. box01에서 핵심이 되는 부분은 ul>li>div가 총 4개로 구성되어있다는 점인데, 좌우에있는 p요소 핸들을 넘기면 옆으로 이미지가 넘어가야 하기에 보이는 것은 한면이지만 오른쪽에 3개가 더 숨어있다는 것이다. 먼저 상위에 글씨는 p요소에 span 으로 두개를 만들어준다. The World of beauty Tiffany is the most original in the world for about 200 years We have designed rare and fas..

이번에 코딩과제로 받았던 페이지는 TIFFANY&PRISM의 메인화면 실제로 있는 페이지 인것 같지는 않고 기초로 쉽게 따라할수 있게 제작된듯? 이번에는 header과 nav의 html 코딩과정을 업로드 해보려한다. 그 중, 이번편은 민트색 부분 header과 분홍색 부분 nav제작과정 header div를 크게하나 만들고 그안에 다시 div를 만든후 h1, ul>li요소를 넣어준다. 그 후 햄버거 버튼은 p>span*5로 제작했다. sign up sign in nav nav안에 명칭인 h2 메인네비게이션과 div요소를 넣어준다. div요소 안에는 ul과 li로 각각의 칸들을 만들어주고 누르면 나오는 네비게이션은 다시 ul과 li로 코딩해준다. 메인네비게이션 COLLECTIONS submenu01 sub..