퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준

퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준

(9개의 수강평)

489명의 수강생

22,000원

Dongho Lee
평생
입문
수료증
84개 수업, 총 40시간 41분
Wishlist

제대로 배워보는 퍼블리싱 - HTML, CSS, 실전 웹표준

학원에서 실제 강의하는 내용을 정리했습니다. html과 css의 기초를 다지고, 다양한 실습을 진행하도록 준비했습니다. 취업을 위해 웹 표준의 기초를 다질 수 있는 기회를 찾고 계신다면, 이 기회를 잡으시기 바랍니다.

또, 학원을 다니고 싶지만 시간의 여유가 없으신 분에게도 좋은 기회가 되리라 믿습니다. 모든 프론트엔드 개발자에게 유용하진 않을 수 있습니다. 빠르게 흘러가는 웹트렌드 속에서 수많은 프레임웍과 라이브러리를 접하고 싶은 분은 좀 더 짧고 간결한 강의가 오히려 도움이 될 것입니다.
그럼 이 강의를 접하는 분들에게 다소나마 도움이 되기를 바라며...

학습 목표

  • 웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다.
  • 웹 퍼블리셔로 취업이 가능한 정도의 지식을 전달합니다.

배우는 것들

  • HTML, CSS 요소들의 개념과 문법
  • 최적화된 마크업 기법, 테이블, 박스모델, 크로스브라우징, CSS3, 미디어쿼리, 반응형 등.
  • 실무예제 : 반응형 웹 구현, 탭메뉴, 여러가지 형태의 list 구현, 이메일코딩, 웹사이트 만들기 등.

도움이 되는 분들

  • 웹퍼블리셔로 취직이나 전직을 원하는 분
  • 이쁜 화면을 그대로 웹 화면으로 구현하고 싶은 분
  • html과 CSS 를 제대로 배워보고 싶은 분
  • 개념없이 경험으로만 퍼블리싱에 의존하는 분
  • 프론트엔드 개발자로 입문하고자 하는 분
  • 학원을 다니기엔 시간이 부족한 분

웹표준 퍼블리셔 과정

  • html & CSS기초 학습하기
  • 개념에 대한 정확한 이해
  • 웹표준 각종 실습진행
  • html5 & CSS3 문법 알아보기
  • 웹페이지 제작 실습

 지식공유자 소개

이동호
현) 하이미디어 강사 전) 모노라움 / 더조은 / 현대직업전문학교 / 방송정보교육원 / 디자인티모(글로벌IT) / 경원직업전문학교 / 한국직업전문학교 강사 전) 홍익대학교 방학특강 / 성신여자대학교 방학특강

지식공유자 소개

Dongho Lee

교육과정

프로그램(Editor) 설치 및 준비
emmet(zen-coding) 설치
11 : 00
dummy text, dummy image 작성방법
12 : 00
html 작성 기초
웹표준이란?
10 : 00
html 태그 작성 문법
10 : 00
문서형 선언, 언어 지정, 문자 코드 셋 지정하기
25 : 00
meta요소 알아보기
20 : 00
html템플릿 작성하기
15 : 00
각종 html 요소 알아보기
문자 실체 참조와 수치 문자 참조 적용
07 : 00
구문을 강조하거나 하이라이팅 지정하기
13 : 00
단의어 정의와 약어, 작품의 제목 표현
16 : 00
루비 주석과 시간의 표현
11 : 00
제목, 문단, 연락처, 인용문
25 : 00
목록 작성하기
17 : 00
테이블 작성하기
22 : 00
a요소 알아보기
25 : 00
img요소 알아보기
21 : 00
이미지맵 만들기
18 : 00
아이프레임 알아보기
07 : 00
폼 컨트롤 알아보기
41 : 00
html5에서 추가 된 폼 콘트롤과 속성들
32 : 00
웹페이지 코딩 실습
그룹화와 섹셔닝
48 : 00
웹 페이지 제작(Markup) 실습 1
24 : 00
웹 페이지 제작(Markup) 실습 2
75 : 00
css 기초
html 문서에 css 적용하기, css 연결하기
23 : 00
css값, 길이와 색상 알아보기
32 : 00
css 선택자와 선택자의 우선순위
71 : 00
폰트 스타일
폰트와 텍스트 스타일
32 : 00
@font-face와 구글폰트 적용
31 : 00
단어 깨트리기, 줄바꿈 지정하기
21 : 00
목록 관련 스타일
11 : 00
박스모델과 배경 스타일
박스모델 알아보기
38 : 00
배경 스타일 알아보기
41 : 00
테이블 관련 스타일
테이블 관련 스타일 알아보기
17 : 00
배치(레이아웃) 관련 스타일
플롯 지정하기
27 : 00
플롯 해지하기
14 : 00
포지션 지정하기
32 : 00
포지션을 활용한 가운데 위치 지정
19 : 00
EMS, 이벤트 제작 실습
이메일 페이지 제작 실습 1
29 : 00
이메일 페이지 제작 실습 2
15 : 00
이벤트 페이지 제작 실습
37 : 00
예제 만들어보기 (네이버 Nuli)
Box1 - 제목, 내용, 더보기
52 : 00
Box2 - 모서리 라운드 처리
35 : 00
Box3 - 수직 가운데 정렬 1
15 : 00
Box3 - 수직 가운데 정렬 2
07 : 00
Button - 텍스트버튼
41 : 00
Button - 텍스트버튼아이콘
12 : 00
paginate - 게시판의 페이징 부분
38 : 00
menu - 탭메뉴, 메뉴 1
52 : 00
menu - 탭메뉴, 메뉴 2
13 : 00
faq list - 질문과 답변 목록
33 : 00
list - 갤러리 형식의 목록 1
54 : 00
list - 갤러리 형식의 목록 2
03 : 00
list - 갤러리 형식의 목록 3
15 : 00
list - 이미지와 텍스트 목록 1
25 : 00
list - 이미지와 텍스트 목록 2
10 : 00
list - 이미지 하단에 텍스트가 있는 목록 1
19 : 00
list - 이미지 하단에 텍스트가 있는 목록 2
16 : 00
list - 다음(Daum) 메인페이지 이미지 목록
62 : 00
list - 다음(Daum) 부동산 메뉴
67 : 00
table - 테이블 작성 예제
33 : 00
form - 로그인 만들기 1
77 : 00
form - 로그인 만들기 2
17 : 00
layout - 레이아웃 실습 1
57 : 00
layout - 레이아웃 실습 2
14 : 00
웹 페이지(subcide.com) 만들어보기 실습
웹 페이지 html 실습
22 : 00
웹 페이지 css 실습
59 : 00
웹 페이지 link 실습
18 : 00
css3 알아보기
css3 선택자 알아보기
42 : 00
그림자처리, 말줄임표현, 투명도 지정하기
39 : 00
멀티칼럼&둥근모서리 지정하기
29 : 00
추가 된 배경처리 알아보기 & 그라데이션 적용
30 : 00
박스사이징&플렉스 지정하기
13 : 00
transition 지정하기
25 : 00
animation 지정하기
21 : 00
transform 지정하기
50 : 00
filter 지정하기
26 : 00
반응형 웹 알아보기
미디어쿼리 알아보기
27 : 00
반응형 웹 페이지 실습하기
54 : 00
웹 사이트 제작 실습
최적화 된 웹사이트 마크업 작성하기 1
72 : 00
최적화 된 웹사이트 마크업 작성하기 2
15 : 00
기본 스타일 지정하기 1
50 : 00
각 부위별 스타일 지정하기
54 : 00
웹페이지실습 - script
18 : 00
웹호스팅 설정 & FTP활용 파일 전송
15 : 00

수강 후기

4.9
9개의 수강평
jsk8702 26일 전
배우는 중이지만 다른 기초 사이트 보다 자세히 알수 있어서 좋습니다. 이제 절반 했으니 나머지 절반의 강의도 이랬으면 좋겠습니다.
가빈 2달 전
정말 좋은 강의입니다. (아직 전부 듣지 않아서 완강하면 추가로 후기 쓰겠습니다) 컴퓨터학원도 없는 시골에 살아서 온라인으로 배울 수 밖에 없었는데, 이 강의를 듣기 전까지는 비전공자로서 독학하는 것이 너무 힘들었습니다. 책도 여러권 사보고 이런 저런 인터넷 강의를 들어봤는데 그냥 따라만 해보게 되어있고 잘 와닿지가 않았습니다. 그런데 이거 들으면서 그동안 궁금했던 부분들이 뻥 뚫리듯 시원하게 풀리고 있습니다. 기초 지식과 실제 어떻게 쓰이는지 전혀 연결이 안되었는데 정말 그런 부분 설명 잘해주시고, 오프라인 학원 갈 수 없는 사람들에게 꿀같은 강의입니다. 열심히 공부하겠습니다. 좋은 강의 만들어주시고 저렴하게 배포해 주셔서 매우 감사드립니다.
suhyun lee 6달 전
별 5개가 모자라요 css계의 아이비리그 명강의라 생각합니다. 강사님 넘 존경합니다. 이 언어를 만드신 분이 봐도 칭찬할만한 강의입니다. 강의 들은 사람이 이정도 인원이라는게 놀라워요 오조오억명은 되야 할 듯 요. 결재할까 말까 고민했떤 시간이 아까워요.. 워낙 이 강의 저 강의 많이 들어봐서 이번에도 ......별로일까 고민 했거든요 오픈코드의 정신을 매우 잘 보여주는 강의입니다. html css책 여러권을 보았고, 패@@@@@나 유명학원도 많이 다녀봤어요 그런데 이렇게 친절하게 코드를 알려주는분.. 없어요. 코드를 잘 아는 개발자의 경우 디자인에 대해 잘 모르고, 그냥 외워 이딴식이었고, 디자이너가 하는 강의는..내용이 부실했습니다. 간판만 내세우고 비싸지만 불친절하고 네임밸류만 강조하던 ... 학원 책 혹은 마케팅 버무리 .... 정말 지긋지긋 했는데요. css의 신이있다면 이동호교수님같아요 ~ :) 오프라인강의가서 시간낭비했떤 세월이 아깝고 책보고 이게뭐냐며 짜증내던 시간이 있어.. 지금 이 강의가 명강의라고 말할 수 있겠네요 그렇게 버려진 시간이 없었따면 몰랐을 흙속 진주같은 강의입니다. 이교수님 정말 css계의 신이에요 만나뵙고 식사라도 대접하고 싶네요! 항상 css하수라고 생각했는데 이 강의 하나로 마스터 할 수 있을 것 같아요. 강의를 다 완주하기전이지만 풍성한 예제와 논리적이고 친절한 설명에 감동해서 리뷰 먼저 남겨요. 복받으세요 강사님!
박희옥 7달 전
정말 좋은 강의입니다. 가격에 비해 엄청나게 많은 가르침을 담고있습니다. 책한권 가격도 안되는 가격으로 동강을 들을수있다는것에 놀라구요. 강의도 초급에서 실습까지.. 내용에 감탄을 하게 됩니다. 강의양으로 치면.. 20만원도 아깝지않을만한 강의구요. 학원보단 이 강의하나로 html/css강의를 마무리하는게 더 좋을것 같다는 생각이 듭니다. 정말 돈 아깝지않아요. 평소같으면 이렇게 후기쓰는것도 귀찮아했겠지만 강사님한테 고마운 마음에 쓰게됩니다. 강의를 반정도 진행한 상태인데.. 어중간한 초급이던 제가.. 이강의 마무리하면서 중급으로 올라설수있을것 같아요. 돈을 더주고싶은 강의는 첨이네요. 진짜.. 유일한 단점이.. 강의초반에 소리가 너무 작아서.. 최대한 볼륨높여도 안들리기에.. 숨도 안쉬고 들었네요. 강의중반대와선 적당한 볼륨으로 조정되었는지.. 괜찮았습니다.(도저히 안들려서 이어폰 바꿨는데 그덕분도 있는듯하네요..ㅡㅡ) 그리고 1.5배속으로 보통 듣는데 강의 긴것은 그렇게 들어도 괜찮은데 짧은것은 목소리가 약간은 말린다고 해야하나..뭐 그렇습니다. 그럴땐 1배속으로 듣네요. 단점은 정말..아무것도 아니구요. 적극추천합니다.
Kim Byeongseong 7달 전
아아 혜자스럽고 이 가격에 들을 수 있다는 게 믿기지 않는 강의입니다. 강의 분량이 평균 20~30분에 강의 수도 50개가 넘어가니 이 강의만 들으면 html css는 기본기 확실히 잡는 것 뿐만 아니라 실전에서도 html css때문에 한계에 부딪힐 일은 없을 것 같네요 아직 다 이수하지는 못했지만 들을수록 정말 좋은 강의입니다. 넘 좋아서 제 블로그에다가도 소개글을 써놨네요 ㅎㅎ 앞으로 다른 좋은 강의도 많이 만들어주세요~~
이성균 9달 전
저 소리가 너무 작아요!! 음량을 최대로 해도 잘 안들려요. 내용은 괜찮은거 같은데 음량을 최대로 해도 잘 안들려요. 해결 방법이 있을까요??
권오현 11달 전
아직 완강하진 못했지만 강좌 자체는 강좌제목 그대로입니다. 강좌 분량도 놀랍고 실제 사이트를 그대로 만들어보는 강의 내용도 훌륭합니다. 단지, 실제 현업으로 일을 하면 분명히 강좌 내용을 벗어나는 퍼블리싱이 생길텐데 이걸 누구한테 물어봐서 해결이 될런지가 걱정이 되네요. 강좌와는 상관없는 걱정이라 강좌 자체는 너무 좋습니다.
김재환 11달 전
강좌명 그대로입니다. 아 정말 강력한 강좌입니다. 퍼블리셔 준비중인데 학원도 다니고 집에서 혼자 공부도 하고 그러는데도 무언가 답답함이 있었는데, 이 강좌를 보니까 답답합이 해소가 됩니다. 문제는 제가 기초가 별로 없었네요. 기본기를 충실하게 잘 알려주십니다. 실무를 접해 보지 않은 사람들한테 꼭 추천입니다.
수제자(연경) 11달 전
많은 도움이 될 것 같아요^^ 저에게 많은 도움이 될 것 같습니다