[Tip] 불규칙한 레이아웃 패턴으로 쇼핑몰 메인디자인 바꾸기
1 전체 동영상강좌 [일괄다운]     동영상다운
2 강의개요    
3 엑셀을 사용한 Cell 전체틀 구상하기    
4 엑셀을 사용한 Cell 전체틀 구상하기2    
5 전체 Cell 갯수를 많이하는게 좋은가    
6 완성작 미리보기 및 기본코딩 작성    
7 하나의 셀 가로세로 크기계산과 전체 폭 크기 계산하기    
8 5x5 배열 형태로 기본 셀 프레임 만들기    
9 제일 큰 셀인 2x3 셀 하나로 합치기    
10 두번째로 큰 셀인 2x2 셀 하나로 합치기    
11 가운데 1x2 셀 하나로 합치기    
12 상단쪽 2x1 셀들 하나로 합치기    
13 하단쪽 2x1 셀들 하나로 합치기    
14 셀 합병이 모두 끝난 후 코드정리하는 방법    
15 상단 셀들에 대한 가로크기 맞추기    
16 전체적인 셀 크기 정확하게 맞춰주기    
17 CSS 스타일시트로 정렬하기    
18 셀에 컬러줘서 보다 가독성있게 처리하기    
19 이미지 삽입하기 및 삽입시 주의사항    
20 이미지 삽입하기 및 삽입시 주의사항2    
21 CSS를 사용해서 이미지 가로세로 크기 딱 맞춰추기    
22 ↓ 아래 3개 동영상강좌 [일괄다운]     동영상다운
23 이미지들 사이의 간격 벌어진 부분들 css로 없애주기    
24 이미지들 사이의 간격 벌어진 부분들 css로 없애주기 - 다른 방법    
25 특정한 셀에 클래스 지정해서 글자를 넣어주려면 [강의완결]    
수강기간 : 2개월 / 수강료 : \33,000

본 강의예제에 대한 미리보기 등은 위 샘플 동영상강의를 보시면 됩니다.
6분경 부터 동영상을 보시면 본 예제를 쇼핑몰 메인페이지에 적용한 모습을 보실 수 있습니다.

이번 예제는 제목 그대로 쇼핑몰 또는 웹사이트의 메인 페이지 상단디자인을 불규칙한 패턴으로 만들어보는 강좌입니다.
요즘 쇼핑몰이나 웹사이트 등은 메인이 항상 슬라이드 배너로 되어있는 경우가 많은데 너도나도 전부 이런 슬라이드 배너로 메인을 장식하다보니 조금 식상한 느낌도 없지 않아 있고해서 뭔가 다른 분위기로 메인을 장식하고자해서 이런 느낌으로 만들어보았습니다.

확실히 다른 사이트들과 차별화된 느낌도 나고 좋은 것 같습니다.
단계별로 알기쉽게 한 스텝씩 강의를 설명하면서 진행하고 있으니깐 초보자라도 강의를 보면서 잘 따라할 수 있습니다.
항상 그렇지만 예제를 만드는 시간보다 강의찍는 시간이 2~3배는 더 시간이 많이들고 힘듭니다.
잘 마스터하셔서 여러분의 쇼핑몰이나 웹사이트 메인 분위기를 한번 바꿔보세요~ ^_^


p.s(추신) :
이 과정은 완전 초보자는 조금 어렵습니다.
따라서 초보자라면 사이트내 HTML5/CSS3 강좌를 먼저 학습하고 봐주세요.

VIP Freepass 전과정 자유이용권 혜택보기