'스타트렉' 사이트 입점하고자 하는 CP 강사님들은 관리자메일로 문의해주세요!

[2018 신규] HTML5/CSS3 실전예제 실무코딩




등록된 샘플강좌가 없습니다.




1 Part 1 - 갤러리 레이아웃 실무코딩
2 강의개요 - 갤러리 레이아웃 동영상다운
3 강의파일 구성 및 설명 동영상다운
4 갤러리 레이아웃 마크업1 - div 구성 동영상다운
5 갤러리 레이아웃 마크업2 - 마무리 동영상다운
6 갤러리 레이아웃 CSS 코딩1 - 구성 동영상다운
7 갤러리 레이아웃 CSS 코딩2 - 상단쪽 동영상다운
8 갤러리 레이아웃 CSS 코딩3 - inline-block 속성 이해하기 동영상다운
9 갤러리 레이아웃 CSS 코딩4 - 박스크기 및 마우스 on 색상반전 처리 동영상다운
10 갤러리 레이아웃 CSS 코딩5 - 원만들기1 동영상다운
11 갤러리 레이아웃 CSS 코딩6 - 원만들기2 동영상다운
12 포토샵으로 이미지 잘라서 갤러리 멋있게 꾸미기 동영상다운
13 전체적인 갤러리 디자인 밸런스 조정 - 마무리 동영상다운
14 Tip - li 태그 사이의 불필요한 간격을 없애주려면 - CSS로 처리 동영상다운
15 Tip - li 태그 사이의 불필요한 간격을 없애주려면 동영상다운
16 Tip - li 태그 사이의 불필요한 간격을 없애주려면 - 마이너스 사용 동영상다운
17 Part 2 - 폰트어썸 사용 실무코딩
18 강의개요 - 콘텐츠영역 레이아웃 디자인 동영상다운
19 HTML 마크업1 - 컨테이너 작성 동영상다운
20 HTML 마크업2 - 아이템 마크업 동영상다운
21 HTML 마크업3 - 아이템 li 태그 요소들 정리 동영상다운
22 HTML 마크업4 - Div 클래스명 정리 동영상다운
23 CSS 코딩1 - 각 요소들 선택자 정의 동영상다운
24 CSS 코딩2 - 패딩 옵션 3개짜리 설명 동영상다운
25 CSS 코딩3 - h2 p 간격 설정 동영상다운
26 CSS 코딩4 - p 글자 간격 line-height 동영상다운
27 CSS 코딩5 - innerbox 정의 동영상다운
28 CSS 코딩6 - inline과 float left 속성 차이점 동영상다운
29 CSS 코딩7 - li 한개요소 정의 동영상다운
30 CSS 코딩8 - 애니메이션 영역 block 속성 동영상다운
31 CSS 코딩9 - position relative absolute 완벽 이해시키기 동영상다운
32 CSS 코딩10 - 기준점이 없으면 동영상다운
33 CSS 코딩11 - 소제목 타이틀 정의 동영상다운
34 지금까지의 CSS 코드 정리하기 동영상다운
35 font-awesome 사용법1 - cdn 주소삽입 및 폰트 아이콘 사용하기 동영상다운
36 font-awesome 사용2 - 아이콘 확대 축소 - 가운데 정렬 - 스핀 애니메이션 동영상다운
37 font-awesome 사용3 - 스킨 애니메이션 크게 도는거 수정하려면 동영상다운
38 font-awesome 사용4 - 나머지 사용법들을 익히려면 동영상다운
39 li 태그 맨 우측 부분의 여백이 안나타나게 하려면 동영상다운
40 li 태그 맨 우측 부분의 여백이 안나타나게 하려면2 동영상다운
41 li 태그 맨 우측 부분의 여백이 안나타나게 하려면 - span 블럭으로 처리1 동영상다운
42 li 태그 맨 우측 부분의 여백이 안나타나게 하려면 - span 블럭으로 처리2 동영상다운
43 선택자 소속 관계 찾아들어가는 다양한 방법들 동영상다운
44 li 태그 맨 우측 부분의 여백이 안나타나게 하려면 - 플랜B 차선책 동영상다운
45 강의를 마무리하면서.. 동영상다운
46 Part 3 - 하단디자인 레이아웃 실무코딩
47 강의개요 - 하단디자인 레이아웃 동영상다운
48 Basic CSS 파일 설명 동영상다운
49 하단디자인 마크업1 - 기본 프레임 구성 동영상다운
50 하단디자인 마크업2 - 푸터 콘텐츠 영역 작성 동영상다운
51 하단디자인 마크업3 - 푸터 콘텐츠 영역 마무리코딩 동영상다운
52 하단디자인 CSS 코딩1 - 스타일정의 동영상다운
53 하단디자인 CSS 코딩2 - footer 및 footer-top 동영상다운
54 하단디자인 CSS 코딩3 - footer-wrap 동영상다운
55 하단디자인 CSS 코딩4 - footer-wrap 마무리 동영상다운
56 하단디자인 CSS 코딩5 - 로고영역 동영상다운
57 하단디자인 CSS 코딩6 - 푸터 컨텐츠 나머지영역 간격 동영상다운
58 하단디자인 CSS 코딩7 - title 동영상다운
59 하단디자인 CSS 코딩8 - 전화번호 동영상다운
60 하단디자인 CSS 코딩9 - 계좌정보 동영상다운
61 하단디자인 CSS 코딩10 - 색상정리 동영상다운
62 하단디자인 CSS 코딩11 - P태그 A태그 정의 동영상다운
63 하단디자인 CSS 코딩12 - 하이라이트 효과 만들기 동영상다운
64 하단디자인 CSS 코딩13 - 폰트아이콘 동영상다운
65 하단디자인 CSS 코딩14 - 폰트아이콘으로 디자인완성도 높이기 동영상다운
수강기간 : 2개월 / 수강료 : \110,000



본 과정은 사이트내
[2018 신규] 웹퍼블리셔 실무코딩 - 대기업 및 은행 등 유명 웹사이트 메인 레이아웃 실무코딩 따라하기
과정에서 HTML5 + CSS3 실무예제들만 따로 빼서 모아놓은 과정입니다.
부분디자인 위주로 실무 코딩학습을 공부하고자 하는 분들을 위해서 3개 실무예제를 패키지 형식으로 묶었습니다.

HTML5, CSS3 기초학습이 된 유저를 대상으로 하는 실전예제들입니다.
따라서 기초적인 HTML, CSS 등에 대한 이해 및 선행학습이 필요합니다.
혹 기초가 부족하다 생각되면 이러한 실무 코딩과정을 바로 학습하지 마시고 기초적인 HTML, CSS 등을 먼저 공부해주세요.

그리고 HTML, CSS를 공부하고 나서 사이트내에 있는 "웹표준 강좌"와 "메인페이지 웹표준으로 코딩하기" 강좌 등을 먼저 공부해주십시오.
왜냐하면 이 과정은 실무 코딩과정이기 때문입니다.
그리고 HTML, CSS 기초학습 후 반드시 예제를 통해서 실습을 해봐야 합니다.
사이트내에 잘 되어있는 "웹표준 강좌"와 "메인페이지 웹표준 코딩하기" 강좌에서 다루는 예제들을 선행학습하시면 좋습니다.

.
.

HTML5, CSS3 기술을 배우면 쇼핑몰 및 웹사이트의 여러 레이아웃 요소와 부분디자인을 내가 원하는대로 만들 수 있습니다.
이 과정은 그러한 예제들을 실제 코딩을 통해서 집중적으로 배워보는 과정입니다.

이 과정에서는 총 3개의 실전 부분디자인 예제를 코딩하여 만듭니다.
아무것도 없는 빈 여백에서 하드 코딩을 정교하게 해나가면서 예제 결과물을 만들어냅니다.
따라서, 이러한 과정을 통해서 학습자는 어떻게 부분디자인이 만들어지고 코딩되는지를 한눈에 볼 수 있습니다.
HTML, CSS를 책으로 공부했을 때와는 비교가 안됩니다.

현대의 모던한 HTML5, CSS3 기반의 웹사이트, 쇼핑몰 구축을 정적인 책을 통해서 공부한다는 것은 힘듭니다. 가급적 HTML5, CSS3 강의는 동영상강의를 통해서 그 예제가 어떻게 코딩이 되어져서 변화되어져 가는지를 눈으로 보면서 배우십시오.
그러면 어렵게 느껴지는 HTML, CSS 코딩도 보다 쉽게 이해가되고 여러분도 강사와 같은 수준의 레이아웃 예제들을 코딩해 낼 수 있습니다.

.
.

끝으로,
본 강좌를 통해서 아래와 같은 실전예제를 직접 코딩해볼 수 있습니다.


- 하단디자인. (완전 다 바꿉니다)
- 메인페이지 중간영역의 콘텐츠영역 디자인.
- 사이트 디자인을 높여주는 폰트 아이콘 사용법.
- 갤러리 레이아웃 디자인.


등을 HTML5, CSS3를 사용해서 직접 만들 수 있게 됩니다.
[AD] 데브렉 사이트 VIP Freepass 전과정 자유이용권 혜택보기
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide