들어가기 전에 1단 레이아웃은 레이아웃의 종류 중에 가장 기본이 되는 레이아웃입니다. 때문에 레이아웃 제작과정중에 가장 단순하고 쉽습니다.1단 레이아웃은 위의 이미지와 같이 하나의 행(column)으로 이루어진 레이아웃의 형태를 일컫습니다. 이런 형태의 레이아웃은 웹에서 가장 기본이 되는 레이아웃이며 위의 이미지처럼 상단(header), 중단(contents), 하단(footer)의 구성으로 이루어져있는 것이...
들어가기 전에 1단 레이아웃은 레이아웃의 종류 중에 가장 기본이 되는 레이아웃입니다. 때문에 레이아웃 제작과정중에 가장 단순하고 쉽습니다.1단 레이아웃은 위의 이미지와 같이 하나의 행(column)으로 이루어진 레이아웃의 형태를 일컫습니다. 이런 형태의 레이아웃은 웹에서 가장 기본이 되는 레이아웃이며 위의 이미지처럼 상단(header), 중단(contents), 하단(footer)의 구성으로 이루어져있는 것이...
들어가기 전에 다단 레이아웃은 1단 레이아웃과 함께 매우 대표적인 레이아웃 형태중에 하나입니다.위의 예시 이미지와 같이 콘텐츠의 영역이 2개 또는 그 이상의 행(column)으로 나눠진 레이아웃을 행의 갯수의 따라 2단 레이아웃, 3단 레이아웃으로 부르고 있으며 이런 행의 갯수에 따른 레이아웃들을 통틀어서 다단 레이아웃이라고 부르고 있습니다. 과거에는 다단 레이아웃의 짜임새가 테이블과 비슷하고...
들어가기 전에 다단 레이아웃은 1단 레이아웃과 함께 매우 대표적인 레이아웃 형태중에 하나입니다.위의 예시 이미지와 같이 콘텐츠의 영역이 2개 또는 그 이상의 행(column)으로 나눠진 레이아웃을 행의 갯수의 따라 2단 레이아웃, 3단 레이아웃으로 부르고 있으며 이런 행의 갯수에 따른 레이아웃들을 통틀어서 다단 레이아웃이라고 부르고 있습니다. 과거에는 다단 레이아웃의 짜임새가 테이블과 비슷하고...
들어가기 전에고정 레이아웃이란 1단또는 2단 레이아웃의 형태에서 상단(header)과 하단(footer) 또는 그 두 영역이 모두 컨텐츠의 높이나 내용에 상관없이 항상 노출이 되도록 하는 레이아웃 형태입니다. 고정 레이아웃 형태를 가진 사이트들 (네이버 소프트웨어야 놀자) https://www.playsw.or.kr/main (네이버 오디오클립) https://audioclip.naver.com (라인) https://line.me/ko 제작하기
들어가기 전에고정 레이아웃이란 1단또는 2단 레이아웃의 형태에서 상단(header)과 하단(footer) 또는 그 두 영역이 모두 컨텐츠의 높이나 내용에 상관없이 항상 노출이 되도록 하는 레이아웃 형태입니다. 고정 레이아웃 형태를 가진 사이트들 (네이버 소프트웨어야 놀자) https://www.playsw.or.kr/main (네이버 오디오클립) https://audioclip.naver.com (라인) https://line.me/ko 제작가이드
- 레이아웃의 종류로는 1단 레이아웃, 다단(2단, 3단..) 레이아웃, 고정(상, 하단 고정) 레이아웃, 그 외의 다양한 레이아웃이 있습니다. 1) 1단 레이아웃 - 1단 레이아웃은 하나의 행으로 이루어진 레이아웃의 형태를 일컫습니다. - 웹에서 가장 기본이 되는 레이아웃이며, 상단(header), 중단(contents), 하단(footer)의 구성이 가장 일반적이라고 하네요! - div를 활용하여 나타내보면, 이러한 형태로 간단하게 나타낼 수...
2) 1단 레이아웃 제작 - 1, 2 1단 레이아웃은 가장 기본이 되는 레이아웃 종류로 상단, 중단, 하단의 구성으로 이루어져 있습니다. 주요 태그 및 속성은 div, header, section, footer max-width, min-width, margin 입니다. 3) 다단 레이아웃 제작 - 1, 2 컨텐츠의 영역이 2개 또는 그 이상의 행으로 나눠진 레이아웃을 행의 갯수에 따라 2단 레이아웃, 3단 레이아웃이라고 부르며 이러한 종류의 레이아웃들을 통틀어서 다단 레이아웃이라...
레이아웃-1단 레이아웃 을 활용하면 좋을 것 같다는 생각이 들었어요! 위의 이미지를 살펴보면 상단, 중단, 하단의 구조가 한 눈에 띄죠?? 수업시간에 배운 내용을 활용해서 아래와 같이 HTML의 기본틀을 잡아보았어요~
미니프로젝트1
*추가적으로 CSS를 작성하기 전에 각종 태그들에 대해서 초기화해주는 작업이 필요하다는 것 잊지 말아주세요!!* 해당 부분에 대한...
레이아웃-1단 레이아웃 을 이용하여 HTML의 기본틀을 잡아주었어요!
미니프로젝트2
그럼 부분은 어떻게 만들어야 할까요?? 이번에는 저번 프로젝트와 달리 상단이 화면에 스크롤시 고정되어 있어야하고, 로고 이미지를 삽입해줘야 했습니다. 먼저 HTML로 틀을 잡아보았습니다.
회원가입
헤더 영역이 마우스 스크롤시 고정되어 있도록 하기...
