다회차 수업
협의 후 결정
|
잠실
가능한 대형 모니터가 구비되어있는 스터디카페를 빌려서 수업을 진행 할 예정입니다.
(시간당 약2~3천원정도의 비용 별도)
실시간 톡
₩20,000원 / 시간
₩240,000 / 총 6회 12시간
김태완
부디
HTML5 정복하고 웹퍼블리셔되기 (전지적 비전공자시점)
찜하기
  • 2시간/회
  • 최대인원:2~4
  • ₩20,000/시간

튜터정보

  • 부산대학교 디자인학
  • 정보처리기사
  • 웹디자인기능사
▶튜터 소개

- 부산대학교 디자인학과 졸업
- 탈잉으로 4명의 튜티에게 수업


▶ 튜터 이력

- 학창시절 친구들 수학 가르치기 오지랖 3년
- 3년차 웹퍼블리셔
- 탈잉 수업경력 4회이상




▶수업 특징
- 매 수업 후 따로 과제를 내어드립니다.
- 평일 카톡방으로 언제든지 질문사항에 답변을 드립니다
- 수강 종료 후에도 언제든지 질문에 답변드립니다 (단, 주말 제외)

▶인사말

안녕하세요 ~
저는 원래 영상디자인을 전공했지만, 적성에 맞지않아 웹퍼블리셔로 전향한 디자이너겸 퍼블리셔입니다!

웹은 레드오션이라는 비추한다는 소리를 많이 들으셔서 불안하신가요??

저는 확실히 답변드리겠습니다.
웹은 그만큼 발전가능성이 무궁무진하고 기회가 많은 분야입니다.

본인의 실력만 출중하다면?
#프리랜서 #재택근무 #부업 -> 모두 가능합니다.

만약 열정을 가지고 이 분야에 도전해보고싶다 생각드시는 튜티님들!
그리고 이 분야에 대해서 궁금하신 튜티님들!

마치 제가 HTML/CSS에 처음 입문했을때를 생각하며 '튜티님의 입장에서' 생각하며 수업하겠습니다.


언제든지 문의주세요~!!

수업소개

※ 수업 스케줄

▷ 1기 수업(수강 종료)
수업 일정 : 7월 8일 ~ 8월 27일 (주 2회) / 매주 월,목 오후7시 30분 ~ 오후9시

▷2기 수업(수업 진행중) < 조기 마감되었습니다 >
수업 일정 : 11월 1일 ~ 2월 말 예정

▷3기 수업 (수업 진행중) < 조기 마감되었습니다 >
수업 일정 : 2월 11일~ 3월 중순/ 매주 화,목 오후 8시

▶4기 수업 (신청 접수중)
수업 일정 : 3월 중순~



※ 수업의 목적
html/css수업은 대체적으로 진부하고 따분 할 수 있습니다.
태그종류를 외우고 사용법을 익히는 단순한 수업이 태반이고 튜터역시 그런수업을 듣고 웹퍼블리셔가 됐습니다.
다만 실무에서 쓰이지않는 따분한 기술들까지 순차적으로 배울 필요가 있나싶고, 가장 많이 쓰이는 기술 위주로 가르쳐 줄 강사가 필요하신 분들에게 이 수업을 추천드립니다.


※ 수업의 결과물
이 수업을 듣고나면 html/css를 상황에 맞게, 보다 유연하게 사용가능하게 됩니다. 또 웹디자인기능사 자격증을 취득할 수 있을만큼의 능력을 보유하게될 것입니다.


※ 수업의 강점
따분한 기존 학원/과외수업이 아닌 개인에게 맞춤형, 자주 사용되는 태그는 꼼꼼하게, 트랜드에 맞지않거나 실무에서 사용되지않는 태그는 간단히 사용법만 알려주는 실용적인 수업입니다.
또한 수업을 듣고나면 국가공인자격증인 웹디자인기능사 취득까지 가능하도록 지도해드릴겁니다.


※ 수업소개

안녕하세요!

저는 디자인학과를 졸업하고 국립대학교 전산원, 교육업계 회사를 다니고있는 웹퍼블리셔입니다.
본 수업으로 HTML/CSS가 필요한데 독학하기는 힘드신분들에게 도움이 되어드리고싶고, 저에게는 제 실력을 되짚어보는 계기가 될 수 있었으면 좋겠습니다.

수업은 비전공자 기준으로 진행될예정이며 수강생들의 수준을 파악한 후 그에 맞는 수업으로 진행할 것입니다.
그리고 각자 노트북은 준비해주셔야하며, 설치프로그램은 VSCode(무료)입니다.
수업은 송파구, 강동구, 강남구, 광진구내의 스터디 카페에서 진행 될 예정입니다.

*수업에 관한 문의는 언제든지 실시간톡 주시면 상세하게 답변드리겠습니다!



수업대상

  • 1. HTML/CSS을 배우고싶으신 비전공자분
    2. 웹에디터를 다루는 직장(온라인 뉴스/보도자료)에 근무하시는분
    3. 컴공출신 개발자이지만 HTML/CSS에 약하신분
    4. 웹디자인기능사 자격증을 원하시는분
    5. 취미로 홈페이지 제작을 해보고 싶은분
    6. 인터넷쇼핑몰을 운영하시거나 운영을 담당하시는분
    7. 웹디자이너로 취직을 준비하시는분

    *이런분들에게는 이 수업이 맞지 않습니다
    - 이미 웹퍼블리셔로 재직중이신분
    - HTML/CSS로 기본적인 구조를 짤 줄 아시는분
    - 그저 튜터가 본인이 원하는 홈페이지를 만들어 줄 것이라 생각하시는분

커리큘럼

1회차

/* 커리큘럼은 비전공자 수강생들 기준으로 만들었습니다.
수강생의 레벨에 따라 약간의 변동사항이 있을 수 있습니다. */

- 웹과 HTML/CSS에 대한 이론적 설명(10분내외)

- HTML5 기초 기초상식(2시간)
0. 유인물 수령 (커리큘럼 및 HTML태그 정리)
1. 루트폴더 생성 및 코딩환경구현하기
2. 홈페이지의 구조 및 HTML5와 기존HTML의 차이점
3. 절대경로와 상대경로
4. Block요소와 Inline요소의 차이점과 이용사례
5. HTML내에서의 텍스트 사용법
6. 웹에디터 사용법


* 1회차 수업이 끝나면 html이 무엇인지, 어떤 요소들로 이루어져있는지, 요소들을 나눌 수 있는 가장 큰 특징이 어떤것인지 알 수있게됩니다

2회차

- HTML5 기초 - Block요소
1. div와 p태그 사용법
2. ul,li 태그
3. h-group
4. table

- CSS3 기초 - Block요소
1. CSS의 3가지 사용방법, 외부스타일시트 연결하기, 스타일시트 초기화
2. div와 p에 색상, 크기 , 테두리 지정하고 Inline속성으로 변경하기
3. ul과 li를 사용하여 슬라이드다운메뉴만들기

- J-Query기초
1. 드롭다운 메뉴를 위한 j-query 기초

* 2회차 수업이 끝나면 비교적 이해하기쉬운 html의 block요소들을 이해하고 그 요소들을 꾸미는 css속성들을 사용할 수 있게되며 실무에서 사용되는 드롭다운 메뉴를 직접 만들어 볼 수있습니다.

3회차

- HTML5 기초 - Inline요소
1. a태그 (3가지 target의 차이점)
2. img태그 (절대경로와 상대경로설명, alt - 웹접근성 설명)
3. span strong em태그

- CSS3 기초 - 실무에서 가장 많이 쓰는 속성
1. 실무에서 사용되는 position과 float속성 사용법
2. margin과 padding의 사용법

*3회차 수업이 끝나면 Block과 Inline요소의 차이점을 알게되어 html의 전반적인 구조가 어떻게 이루어져있는지 이해할 수 있게되어 상황에 맞는 태그들을 사용할 수 있게됩니다.
또한 실무에서 많이 사용하게될 position과 float을 중점으로 배우게될것이고
여유가 된다면 margin과 padding까지 수업하게될것입니다.

4회차

- HTML5 기초 - section 디자인
1. 지금껏 배운 block요소와 inline요소를 사용하여 흔히 사용되는 게시판, 갤러리, 배너를 제작할것입니다.
2. 위 3개의 프레임을 만들고나면 text디자인, image디자인 등등 세부디자인 작업을 하게됩니다.
3. 위 작업이 끝나면 선택자개념에 대한 설명

- CSS3 기초 - 선택자
1. id선택자, class선택자, 태그선택자에 대한 설명
2. 가상선택자

* 4회차 수업이 끝나면 홈페이지의 상단부분인 header영역과 컨텐츠영역인 section영역의 기초적인 프레임은 제작 할 수있게됩니다.
또한 각 요소에 선택자를 지정하여 css로 제어 가능하고 가상선택자를 이용하여 브라우저 버그수정, 마우스오버시 요소의 변화등등 요소를 컨트롤 할 수 있게됩니다.

5회차

- HTML5 기초 - 이미지 슬라이드
0. 이미지슬라이드를 만들기위한 원리설명
1. 좌우 이미지 슬라이드
2. fade-in/fade-out 슬라이드
3. 버튼 슬라이드

- CSS3 기초 - overflow를 활용한 이미지 슬라이드 제작
1. 이미지슬라이드를 위한 이미지배치

- J-Query기초
1. 이미지 슬라이드를 위한 J-query 간단히 설명
2. javascript와 j-query의 필요성 설명


* 5회차 수업이 끝나면 이미지슬라이드의 원리 및 요소들의 배치, 모션을 위한 j-query구문을 알 수있습니다.
이 단계에서 j-query의 이해가 조금 힘들 수 있으니 간단하게 설명하겠습니다.
어떤 홈페이지에서든 사용되는 이미지슬라이드의 사용은 매우 중요하기때문에 5회차에는 꼭 참여하십시오

6회차

- HTML5 기초 -
1. display 속성을 활용한 탭게시판 제작
2. position fixed와 button태그를 활용한 모달팝업 제작

- CSS3 기초 -
1. display 속성을 활용한 탭게시판 제작
2. position fixed와 button태그를 활용한 모달팝업 제작



* 6회차 수업이 끝나면 한번씩 사용되는 탭게시판 및 모달레이어팝업을 만드는 방법을 알게될것입니다.
번외이지만 튜터는 최근 웹디자인기능사 시험을 응시하였기때문에 6회차 수업이후에 웹디자인기능사 시험에 바로 응시하셔도 될것입니다.



ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

* 7~10회차부터는 실질적인 사이트를 그대로 mark-up하는 작업을 할 것입니다.
홈페이지를 통으로 제작하다보면 본인의 부족한 부분을 알게 될 것이고 부족한 부분을 채우는 방식으로 수업을 진행 할 예정입니다.

이는 6회차까지의 수업을 진행한 뒤에 유동적으로 변동가능합니다.

리뷰(2)

리뷰쓰기
5.0
  • 커리큘럼
  • 전달력
  • 준비성
  • 친절도
  • 시간준수

실시간톡

실시간 톡하기