Web Publishing 2018-01
이 문서에 대하여
목차
D01. 레이아웃 이론(1)
박스 모델 (Box Model)
블록 요소 vs 인라인 요소
display 속성
인라인 요소 사이에 생기는 빈 공간 제거하기
float 속성
[예제실습코드]
[과제]
D02. 레이아웃 이론(2)
크롬 개발자 도구
position 속성
z-index 속성
[예제실습코드]
[과제]
D03. 레이아웃 실습
D04. 웹표준과 HTML5
D05. HTML5 Elements 시멘틱 마크업
D06. CSS Selectors 활용
웹디자인 참고 사이트
CSS 규칙과 선언 방법
CSS 상속과 캐스케이딩
[예제실습코드]
D07. CSS Text와 Font속성 - 타이포그라피
D08. 스타일 속성들 살펴보기
D09. 퍼블리싱 실습(1)
D10. 퍼블리싱 실습(2)
Powered by
GitBook
[과제]
과제
다음의 [과제실습코드]를 이용하여 레이아웃을 완성하세요.
과제실습코드에 이미지는 영역별로 만들어놓았습니다.
실제 웹사이트와 비교해가면서 실습해보세요.
PSD 파일에 이미지 영역은 따로 가이드 해두었습니다.
실습코드는 반드시
clone
해서 작업해주세요.
이미지의 순서대로 마크업해주세요.
2-1) KB금융그룹
웹사이트 :
https://www.kbfg.com/
PSD 다운로드
▶ 과제실습코드
2-2) 네이버
웹사이트 :
https://www.naver.com/
PSD 다운로드
▶ 과제실습코드
results matching "
"
No results matching "
"