Devlec.com Javacstudy.com
My페이지 |  처음사용자 이용안내 |  이용문의 |  회사소개
[2019년 1월 신규강좌] HTML5 CSS3 모던 웹사이트 레이아웃/퍼블리싱 - 활용편2
1 Chapter. 08_div 레이아웃 예제3 - 종합 (3시간 30분)
2 Div 레이아웃 종합예제 - container 사용 동영상다운
3 Div 레이아웃 종합예제 - container 사용(2) 동영상다운
4 Div 레이아웃 종합예제 - 코드정리 및 주석달기 동영상다운
5 Div 레이아웃 종합예제 - 확장성을 고려한 컨테이너 삽입 동영상다운
6 Div 레이아웃 종합예제 - 확장성을 고려한 컨테이너 삽입(2) 동영상다운
7 Div 레이아웃 종합예제 - 확장성을 고려한 컨테이너 삽입(3) 동영상다운
8 Div 레이아웃 종합예제 - 확장성을 고려한 컨테이너 삽입(4) 동영상다운
9 Div 레이아웃 종합예제 - 풀코딩 Final Practice 동영상다운
10 Chapter. 09_div 레이아웃 예제4 - HTML5 태그 (4시간 26분)
11 Div 레이아웃 - HTML5 새로운 태그의 출현 동영상다운
12 기존 태그들 HTML5 새 태그로 바꾸기 동영상다운
13 HTML5 새 태그로 레이아웃 만들기 및 각종 돌발변수 대처 동영상다운
14 HTML5 새 태그로 레이아웃 만들기 및 각종 돌발변수 대처2 동영상다운
15 3단 레이아웃 코딩 동영상다운
16 플로트 기반의 레이아웃 박스 위치 좌우로 정렬시키기 동영상다운
17 다른 섹션 영역 넣기 동영상다운
18 aside 상속에 따른 에러처리 방법 2가지와 에제 마무리 동영상다운
19 예제 마무리2 동영상다운
20 블로그 스타일 레이아웃 코딩 동영상다운
21 복습 및 까다로운 실전 문제 동영상다운
22 Chapter. 10_div 레이아웃 예제5 - Final (1시간 30분)
23 Div 레이아웃 마지막 파이널 예제 풀코딩 따라하기1 동영상다운
24 레이아웃 컬러톤 색상 분위기있게 바꿔주고 위치 변경하기 동영상다운
25 Div 레이아웃 마지막 파이널 예제 풀코딩 따라하기2 - final 동영상다운
26 활용편1, 2 전체 20시간 강의가 완료되었습니다. 수고하셨습니다.^^
수강기간 : 2개월 / 수강료 : \220,000

본 강좌는 HTML5/CSS3 레이아웃 강좌입니다.
레이아웃을 코딩한다는 것은 건물의 뼈대와 같은 작업을 의미합니다.
건물을 짓기 위해서 골격을 만들고 뼈대를 세우듯이 쇼핑몰, 홈페이지, 대부분의 웹사이트들은 먼저 레이아웃을 만들면서 전체적인 틀을 잡습니다.
이 강좌는 이러한 레이아웃을 공부하는 강좌입니다.

따라서 기본적인 HTMl5/CSS3 문법은 알아야 이해가 됩니다.
사이트내 HTML5/CSS3 기본강좌를 먼저 보세요.
무료 제공되는 샘플강좌를 보면 선수학습에 대한 안내가 있습니다.
먼저 무료 샘플강좌를 보면서 가이드를 참고해주세요.

.
.

HTML5 & CSS3 모던 웹사이트 레이아웃/퍼블리싱 - 활용편1
HTML5 & CSS3 모던 웹사이트 레이아웃/퍼블리싱 - 활용편2

1,2편 전체 합해서 20시간 30분 정도 됩니다.
당연히 먼저 활용 1편을 학습한 후 2편을 이어서 공부합니다.

.
.

기존의 레이아웃은 테이블 태그를 많이 사용했습니다.
그러면서 현대의 모던한 웹사이트들은 Div 태그를 사용하기 시작했습니다.
이러한 레이아웃도 시대의 흐름과 유행이 있습니다.

float를 사용하여 레이아웃을 잡는다든지,
position을 사용하여 레이아웃을 잡는 방법 등 다양합니다.
grid 시스템을 사용하기 까지 무척 다양하고 계속 변화하고 발전하고 있습니다.

너무 최신 기술은 브라우저가 다 지원하지 않다보니 업계 전체의 보편적인 기술로 받아들여지기 까지 상당한 시간이 걸립니다.
하지만 미래를 준비하는 차원에서 공부는 어느정도 해놔야합니다.
활용편 강좌에서는 이러한 최신 기술은 다루지 않습니다.

이러한 최신 레이아웃을 잡는 기술들은 추후 개설될 "실무"편 강좌 시리즈에서 섹션별 강좌로 이어나갈 예정이니 차후에 "실무"편 강좌 시리즈를 유심히 봐주시면 되겠습니다.
실무편은 워낙 카테고리도 많고 다양한 주제라서 섹션별로 업데이트가 될 것입니다.
실무편은 레이아웃만 다루지도 않고 반응형, 모바일, 웹디자인, 퍼블리싱, 제이쿼리 등 무척 다양한 카테고리가 접목됩니다.
본 강좌 공부하시면서 참고해주시고요.

.
.


중요한건 본 강좌에서 다루는 예제들은 완벽 마스터해야 합니다.
예제를 강사가 코딩하듯이 똑같이 그리고 빠르게 코딩을 쳐서 만들어야 합니다.
그러기 위해서는 먼저 강좌를 보고 레이아웃이 어떻게 만들어져 가는지를 이해하십시오.
그런 후 복습을 통해서 숙달을 시켜주세요.
시간을 재면서 전체적인 코딩 시간이 얼마나 걸렸는지 체크하세요.


아무것도 없는 백지 상태에서 코딩을 쳐서 예제를 똑같이 만들어내세요.
그렇게 해야지만 이 예제들이 완전히 자기것이 됩니다.
이 정도 예제는 날라다니듯이 코딩해야 이후 실무편 강좌를 잘 따라올 수 있으니
꼭 명심하시고 많은 반복학습과 코딩을 통해 마스터하세요.

화이팅입니다.^^


[AD] 데브렉 사이트 VIP Freepass 전과정 자유이용권 혜택보기
   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide