본문 바로가기

TUTORIAL


04. 웹디자인 기능사 실기 따라하면 딴다. - 가로 메뉴 유형2 웹디자인 기능사 실기 따라하면 딴다. 가로 메뉴 유형2 샘플 보기 소스 다운 완성 소스 index.html style.css script.js 로고 MENU-1 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-2 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-3 subMenu-1 subMenu-2 subMenu-3 MENU-4 subMenu-1 subMenu-2 subMenu-3 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0; font-size: 24px; color: #fff;} a {color: #333; text-decoration: none;} ..
03. 웹디자인 기능사 실기 따라하면 딴다. - 가로 메뉴 유형1 웹디자인 기능사 실기 따라하면 딴다. 가로 메뉴 유형1 샘플 보기 소스 다운 완성 소스 index.html style.css script.js 로고 MENU-1 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-2 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-3 subMenu-1 subMenu-2 subMenu-3 MENU-4 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0; font-size: 24px; color: #fff;} a {color: #333; text-decoration: none;} li {list-style: none;} table {..
02. 웹디자인 기능사 실기 따라하면 딴다. - 레이아웃 유형2(세로) 웹디자인 기능사 실기 따라하면 딴다. 레이아웃 유형2(세로) 샘플 보기 소스 다운 완성 소스 index.html style.css 로고 메뉴 이미지 슬라이드 공지사항 갤러리 팝업 로고 하단 메뉴 Copyright 로고 메뉴 이미지 슬라이드 공지사항 갤러리 팝업 로고 하단 메뉴 Copyright /* reset */ * {margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #fff;} a {color: #333; text-decoration: none;} li {list-style: none;} table {border-spacing: 0;} .clearfix::before, .clearfix::after {display: block; co..
01. 웹디자인 기능사 실기 따라하면 딴다. - 레이아웃 유형1(가로) 웹디자인 기능사 실기 따라하면 딴다. 레이아웃 유형1(가로) 샘플 보기 소스 다운 완성 소스 index.html style.css 로고 메뉴 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #fff;} a {color: #333; text-decoration: none;} li {list-style: none;} table {border-spacing: 0;} .clearfix::before, .clearfix::after {display: block; content:''; clear:both;} #wrap {width: 1200px; mar..
24. 메가박스 사이트 만들기 - 푸터 반응형 (2019/24_디자인) 메가박스 사이트 만들기 - 푸터 반응형 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
23. 메가박스 사이트 만들기 - 푸터 (2019/23_디자인) 메가박스 사이트 만들기 - 푸터 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
22. 메가박스 사이트 만들기 - 컨텐츠5 반응형 (2019/22_디자인) 메가박스 사이트 만들기 - 컨텐츠5 반응형 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
21. 메가박스 사이트 만들기 - 컨텐츠5 (2019/21_디자인) 메가박스 사이트 만들기 - 컨텐츠5 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
20. 메가박스 사이트 만들기 - 컨텐츠4 반응형 (2019/20_디자인) 메가박스 사이트 만들기 - 컨텐츠4 반응형 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
19. 메가박스 사이트 만들기 - 컨텐츠4 (2019/19_디자인) 메가박스 사이트 만들기 - 컨텐츠4 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
18. 메가박스 사이트 만들기 - 컨텐츠 3 반응형 (2019/18_디자인) 메가박스 사이트 만들기 - 컨텐츠3 반응형 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
17. 메가박스 사이트 만들기 - 컨텐츠 3 (2019/17_디자인) 메가박스 사이트 만들기 - 컨텐츠3 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
16. 메가박스 사이트 만들기 - 컨텐츠 2 반응형 (2019/16_디자인) 메가박스 사이트 만들기 - 컨텐츠2 반응형 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
15. 메가박스 사이트 만들기 - 컨텐츠 2 (2019/15_디자인) 메가박스 사이트 만들기 - 컨텐츠 2 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.
14. 메가박스 사이트 만들기 - 컨텐츠1 반응형 수정 (2019/14_디자인) 메가박스 사이트 만들기 - 컨텐츠1 반응형 수정 기업사이트 메가박스 사이트 만들기 디자인 영상입니다. 영상을 보면서 같이 따라해보세요^^ 샘플 보기 소스 다운 완성 소스 index.html //디자인 튜토리얼입니다.