Thumbnail
BEST
개발 · 프로그래밍 웹 개발

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

(4.7)
51개의 수강평 ∙  1,499명의 수강생

44,000원

지식공유자: Dongho Lee
총 84개 수업 (40시간 41분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다.

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

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

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

학습 목표

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

배우는 것들

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


도움이 되는 분들

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

웹표준 퍼블리셔 과정

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

 지식공유자 소개

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

안녕하세요
Dongho Lee 입니다.
Dongho Lee의 썸네일

직업학교와 컴퓨터학원에서 웹표준과 관련한 강의를 주로 합니다.

커리큘럼 총 84 개 ˙ 40시간 41분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 프로그램(Editor) 설치 및 준비
emmet(zen-coding) 설치 미리보기 11:31
dummy text, dummy image 작성방법 12:00
섹션 1. html 작성 기초
웹표준이란? 10:00
html 태그 작성 문법 10:00
문서형 선언, 언어 지정, 문자 코드 셋 지정하기 25:00
meta요소 알아보기 20:00
html템플릿 작성하기 15:00
섹션 2. 각종 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
섹션 3. 웹페이지 코딩 실습
그룹화와 섹셔닝 48:00
웹 페이지 제작(Markup) 실습 1 미리보기 24:00
웹 페이지 제작(Markup) 실습 2 01:15:00
섹션 4. css 기초
html 문서에 css 적용하기, css 연결하기 미리보기 23:00
css값, 길이와 색상 알아보기 32:00
css 선택자와 선택자의 우선순위 01:11:00
섹션 5. 폰트 스타일
폰트와 텍스트 스타일 미리보기 32:00
@font-face와 구글폰트 적용 31:00
단어 깨트리기, 줄바꿈 지정하기 21:00
목록 관련 스타일 11:00
섹션 6. 박스모델과 배경 스타일
박스모델 알아보기 38:00
배경 스타일 알아보기 41:00
섹션 7. 테이블 관련 스타일
테이블 관련 스타일 알아보기 17:00
섹션 8. 배치(레이아웃) 관련 스타일
플롯 지정하기 27:00
플롯 해지하기 14:00
포지션 지정하기 32:00
포지션을 활용한 가운데 위치 지정 19:00
섹션 9. EMS, 이벤트 제작 실습
이메일 페이지 제작 실습 1 29:00
이메일 페이지 제작 실습 2 15:00
이벤트 페이지 제작 실습 37:00
섹션 10. 예제 만들어보기 (네이버 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) 메인페이지 이미지 목록 01:02:00
list - 다음(Daum) 부동산 메뉴 01:07:00
table - 테이블 작성 예제 33:00
form - 로그인 만들기 1 01:17:00
form - 로그인 만들기 2 17:00
layout - 레이아웃 실습 1 57:00
layout - 레이아웃 실습 2 14:00
섹션 11. 웹 페이지(subcide.com) 만들어보기 실습
웹 페이지 html 실습 22:00
웹 페이지 css 실습 59:00
웹 페이지 link 실습 18:00
섹션 12. css3 알아보기
css3 선택자 알아보기 42:00
그림자처리, 말줄임표현, 투명도 지정하기 39:00
멀티칼럼&둥근모서리 지정하기 29:00
추가 된 배경처리 알아보기 & 그라데이션 적용 30:00
박스사이징&플렉스 지정하기 미리보기 13:00
transition 지정하기 25:00
animation 지정하기 21:00
transform 지정하기 50:00
filter 지정하기 26:00
섹션 13. 반응형 웹 알아보기
미디어쿼리 알아보기 27:00
반응형 웹 페이지 실습하기 54:00
섹션 14. 웹 사이트 제작 실습
최적화 된 웹사이트 마크업 작성하기 1 01:12:00
최적화 된 웹사이트 마크업 작성하기 2 15:00
기본 스타일 지정하기 1 50:00
각 부위별 스타일 지정하기 54:00
웹페이지실습 - script 18:00
웹호스팅 설정 & FTP활용 파일 전송 15:00
강의 게시일 : 2018년 06월 19일 (마지막 업데이트일 : 2018년 11월 06일)
수강평 총 51개
수강생분들이 직접 작성하신 수강평입니다.
4.7
51개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
라임 thumbnail
5
정말 좋은 강의입니다. (아직 전부 듣지 않아서 완강하면 추가로 후기 쓰겠습니다) 컴퓨터학원도 없는 시골에 살아서 온라인으로 배울 수 밖에 없었는데, 이 강의를 듣기 전까지는 비전공자로서 독학하는 것이 너무 힘들었습니다. 책도 여러권 사보고 이런 저런 인터넷 강의를 들어봤는데 그냥 따라만 해보게 되어있고 잘 와닿지가 않았습니다. 그런데 이거 들으면서 그동안 궁금했던 부분들이 뻥 뚫리듯 시원하게 풀리고 있습니다. 기초 지식과 실제 어떻게 쓰이는지 전혀 연결이 안되었는데 정말 그런 부분 설명 잘해주시고, 오프라인 학원 갈 수 없는 사람들에게 꿀같은 강의입니다. 열심히 공부하겠습니다. 좋은 강의 만들어주시고 저렴하게 배포해 주셔서 매우 감사드립니다.
2019-04-06
suhyun lee thumbnail
5
별 5개가 모자라요 css계의 아이비리그 명강의라 생각합니다. 강사님 넘 존경합니다. 이 언어를 만드신 분이 봐도 칭찬할만한 강의입니다. 강의 들은 사람이 이정도 인원이라는게 놀라워요 오조오억명은 되야 할 듯 요. 결재할까 말까 고민했떤 시간이 아까워요.. 워낙 이 강의 저 강의 많이 들어봐서 이번에도 ......별로일까 고민 했거든요 오픈코드의 정신을 매우 잘 보여주는 강의입니다. html css책 여러권을 보았고, 패@@@@@나 유명학원도 많이 다녀봤어요 그런데 이렇게 친절하게 코드를 알려주는분.. 없어요. 코드를 잘 아는 개발자의 경우 디자인에 대해 잘 모르고, 그냥 외워 이딴식이었고, 디자이너가 하는 강의는..내용이 부실했습니다. 간판만 내세우고 비싸지만 불친절하고 네임밸류만 강조하던 ... 학원 책 혹은 마케팅 버무리 .... 정말 지긋지긋 했는데요. css의 신이있다면 이동호교수님같아요 ~ :) 오프라인강의가서 시간낭비했떤 세월이 아깝고 책보고 이게뭐냐며 짜증내던 시간이 있어.. 지금 이 강의가 명강의라고 말할 수 있겠네요 그렇게 버려진 시간이 없었따면 몰랐을 흙속 진주같은 강의입니다. 이교수님 정말 css계의 신이에요 만나뵙고 식사라도 대접하고 싶네요! 항상 css하수라고 생각했는데 이 강의 하나로 마스터 할 수 있을 것 같아요. 강의를 다 완주하기전이지만 풍성한 예제와 논리적이고 친절한 설명에 감동해서 리뷰 먼저 남겨요. 복받으세요 강사님!
2018-12-08
이은지 thumbnail
5
학원에서 자바 공부 아주 조금 하다가 사정상 그만두고 나서 독학으로 강의들으며 취업준비중인데 학원에서보다 훨씬 재밌게 듣는 중입니다ㅜㅜ 좋은강의 찾게 되어 감사할따름이네요^~^
2019-12-11
지식공유자 Dongho Lee
감사합니다.^^ 들어보시면 점점 지루해 지실 겁니다 ㅜㅜ 힘드시더라도 끝까지 완강하시길 바라며 도움이 되셨으면 좋겠습니다.^^
2019-12-11
박희옥 thumbnail
5
정말 좋은 강의입니다. 가격에 비해 엄청나게 많은 가르침을 담고있습니다. 책한권 가격도 안되는 가격으로 동강을 들을수있다는것에 놀라구요. 강의도 초급에서 실습까지.. 내용에 감탄을 하게 됩니다. 강의양으로 치면.. 20만원도 아깝지않을만한 강의구요. 학원보단 이 강의하나로 html/css강의를 마무리하는게 더 좋을것 같다는 생각이 듭니다. 정말 돈 아깝지않아요. 평소같으면 이렇게 후기쓰는것도 귀찮아했겠지만 강사님한테 고마운 마음에 쓰게됩니다. 강의를 반정도 진행한 상태인데.. 어중간한 초급이던 제가.. 이강의 마무리하면서 중급으로 올라설수있을것 같아요. 돈을 더주고싶은 강의는 첨이네요. 진짜.. 유일한 단점이.. 강의초반에 소리가 너무 작아서.. 최대한 볼륨높여도 안들리기에.. 숨도 안쉬고 들었네요. 강의중반대와선 적당한 볼륨으로 조정되었는지.. 괜찮았습니다.(도저히 안들려서 이어폰 바꿨는데 그덕분도 있는듯하네요..ㅡㅡ) 그리고 1.5배속으로 보통 듣는데 강의 긴것은 그렇게 들어도 괜찮은데 짧은것은 목소리가 약간은 말린다고 해야하나..뭐 그렇습니다. 그럴땐 1배속으로 듣네요. 단점은 정말..아무것도 아니구요. 적극추천합니다.
2018-11-06
Gal thumbnail
5
IT 문외한입니다. 비전공이고, 대학생입니다. 올해부터 웹을 무작정 배우게 된 사람입니다. 올해 1월, 제가 만들고 싶은게 있어서 프로젝트를 팀과 같이 만들기로 했었습니다. 그 프로젝트를 하기 전 저보고 프론트를 하라며 지인이 이 강좌가 할인을 할 때 저에게 이 강좌를 들어보라며 추천해주었습니다. (그 분은 이 강좌를 들어본 적은 없습니다. html, css 초기본만 안다고 했습니다. 그냥 백앤드 개발자). 그 분 계정으로 거의 90% 이 강좌를 봤었고, 지금은 제 계정으로 결제해서 생각이 안나는 부분만 봅니다. 그 프로젝트는 무산되고 저 혼자만 하고 있고, 지금 서비스를 하고 있습니다. 매달 서버 비용에 비해 광고비는 안 나오는 적자이긴 하지만...^^ 정말 정말 만들고 싶은 게 있어서 만들게 되었고, 지금은 한달에 순 방문자가 1000명 정도 됩니다. 나중에 백앤드를 더 배워서 게시판 같은 것이라던지, 안드로이드 앱을 만들어 클라이언트에 제공하면 본전이라도 뽑을 거라고 제 자신을 믿고 있습니다. 이 강좌를 보기 전엔 "이거 무조건 다 보고 만들기 시작해야지" 했는데요. 근데 이걸 한 80% 정도를 보고 내가 직접 해보고 이해하다 보니깐 욕구는 강좌 완강을 목표한 걸 이길 수 없었네요 ㅋㅋ 머릿속으로 이런 디자인은 css 이렇게 만들면 되겠네~! 그런 게 다 그려지니까요 또 css가 참 재밌습니다. 그렇게 부트스트랩 하나도 안 쓰고 약 2일에 걸쳐 원하는 디자인을 만들게 되서 정말 기뻤던 기억이 ㅎㅎ 감사합니다 금액에 비해 좋은 강좌입니다.
2019-09-29
지식공유자 Dongho Lee
강좌가 부족한점이 많을텐데 도움이 되셨다니 정말 다행입니다. 서비스까지 하고 계시다니 무척 열심히 하신것 같아 기분이 좋아집니다. ^^ 감사합니다.
2019-09-29