드림위버 cs6 강의 기초 부터 실무 인강 알지오 평생교육원 추천강의

기초부터 차근차근 실무까지.
마지막 학습 보장!

드림위버 cs6

강의구성
(22강) 전체 : 8시간 42분|평균 : 23분43초

이용기간 / 강사
2개월 / 알지오 R&D [IT] 2명

증빙가능
수료증, 수강증, 학습진도

수강료
210,000원
105,000원

"5개월" 혜택!

수강 전 자주 묻는 질문

교재 없이? 초보자도 가능 한가요?

본 강의는 교재 없이도 동영상 강의만을 통해 충분히 학습할 수 있도록 구성되어 있습니다. 제공되는 실습 자료를 활용해 따라 하면서 학습하시면, 초보자도 이해하고 따라올 수 있게 설계된 강의입니다.

알지오의 강의특징은 무엇인가요?

저희 강의는 단순한 전문가 촬영본을 넘어섭니다. 전문 편집을 통해 필수 내용만을 선별하고, 불필요한 부분을 제거함으로써 학습 효율을 극대화합니다.

프로그램은 어떻게 구하나요?

알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.

드림위버 cs6 인강 평생교육원 교육 안내
웹개발을 쉽게하기위한 응용프로그램으로 웹표준에 대해서 코드이해가 부족하더라도 쉽게 학습이 가능합니다. 하지만 웹디자인이 아닌 개발을 원하신다면 웹표준부터 학습하는 것을 추천합니다. 이미 기존내용이 수정 및 보완되어 최신버전으로 제공되고 있습니다. 이용하는 버전에 맞게 진행하는 것이 좋으나, 업데이트된 내용으로 학습하려면 최신버전으로 수강할 것을 권장합니다.

01.23분 드림위버CS6 인터페이스와 속성익히기
사이트정의, 작업환경, 페이지속성, 이미지, 링크, 이미지맵

사이트정의/패널 크기 조절/속성 패널/새 파일/파일 패널/사이트 관리/새 사이트/캐시 활성화/서식/코드 뷰 보기/코드 및 디자인 뷰 보기/다른 이름으로 저장/파일 형식/제목 입력/브라우저에서 미리보기/링크/브라우저에서 미리보기/페이지 속성/페이지 글꼴/크기/색상/링크 제거/글꼴 목록 편집/인용 블록 제거/인용 블록/새 파일/목록 태그/목록 항목/시작 번호/이미지 삽입/그림 설명/이미지 크기 변경 방법1/이미지 크기 변경 방법2/소스/링크/다른 이름으로 저장/그림 설명/코드 및 디자인 뷰 보기/이미지 소스 선택/편집/자르기/밝기/대비/선명하게/이미지맵/브라우저에서 미리보기/단락과 줄바꿈
02.29분 텍스트 속성과 그림속성
속성, CSS규칙, 롤오버이미지, 색상변경, 크리스마스선물페이지, 이미지삽입, 목록태그

속성/새 CSS 규칙/규칙 편집/클래스/ID/새 CSS 규칙/롤오버 이미지 삽입/브라우저에서 미리보기/수평선 삽입/코드 및 디자인 뷰 보기/픽셀/퍼센트/그림자/수평선 색상 변경/에제-크리스마스 선물 페이지/텍스트 색상/배경색 설정/제목 입력/수평선 삽입1/수평선 설정(%)/새 CSS 규칙-제목/수평선 색상 변경/소제목 입력/새 CSS 규칙-소제목/수평선 삽입2/수평선 설정(픽셀)/수평선 색상 변경/이미지 삽입/본문 입력/이미지 정렬/새 CSS 규칙-본문/링크 삽입/대상/브라우저에서 미리보기/롤오버 이미지 삽입/롤오버 이미지 정렬/브라우저에서 미리보기/목록 태그/비순차 목록-불릿 목록1/비순차 목록-불릿 목록2/숫자 목록-로마자 대문자/숫자 목록-알파벳 대문자/숫자 목록-알파벳 소문자/시작 번호 설정
03.32분 링크의 속성과 테이블
절대경로, 상대경로, 테이블, 행삽입, 열삽입, 테이블만들기, 이미지

링크의 속성/절대경로/링크 걸기/링크 색상/브라우저에서 미리보기/배경색 변경/상대경로/링크 걸기/브라우저에서 미리보기/배경 이미지/테이블/분할/테이블 크기 조절/행과 열/단위값/%/픽셀/셀 패딩/셀 간격/브라우저에서 미리보기/테두리/정렬/표의 폭을 픽셀/퍼센트로 변환/열 폭 지우기/행 높이 지우기/행 삽입/셀 병합/열 삽입/셀 분할/수평/수직/한줄로/머리글/셀 배경/예제1/테이블 생성/정렬/이미지 삽입/새 CSS 규칙/이미지 삽입/텍스트 입력/브라우저에서 미리보기/그림 설명/테이블 생성/이미지 삽입/새 CSS 규칙/셀 패팅/셀 간격/테두리/링크 걸기/border=0/링크 걸기/예제2/테이블 생성/배경색 변경/브라우저에서 미리보기
04.28분 Slice와 테이블활용
Slice활용 및 저장, 테이블예제1, 테이블예제2, 이미지삽입, 라인삽입

Slice Tool/Slice 크기 변경/Slice 삭제/Slice From Guides/Slice 저장/Format/Slice 이미지 불러오기/예제1/테이블 생성/이미지 삽입/셀 패팅/셀 간격/테두리/테이블 생성/이미지 삽입/셀 병합/예제2/테이블 생성/이미지 불러오기/롤오버 이미지 삽입/border=0/브라우저에서 미리보기/타이틀 입력/배경 삽입하기/브라우저에서 미리보기/새 CSS 규칙/내용 입력/라인 삽입/이미지 삽입/이미지 이동/라인 삽입/셀 패팅/셀 간격/테두리/텍스트 입력/브라우저에서 미리보기/하단 입력/브라우저에서 미리보기
05.29분 프레임 개념이해하기
프레임 등분 및 저장, Target의 이해, 프레임예제1, 프레임예제2

프레임 개념/시각 도구-프레임 테두리/프레임 등분/수정-프레임세트/윈도우-프레임/프레임 이름 설정/테두리/테두리 폭/테두리 색상/값/단위/페이지 속성/프레임세트 저장/브라우저에서 미리보기/스크롤 기본값/크기 조절 안함/배경색 설정/프레임 등분/링크 걸기/대상 설정/프레임세트 저장/브라우저에서 미리보기/예제1/프레임 등분/배경 이미지/테이블 생성/텍스트 입력/링크 걸기/대상 설정/테이블 생성/링크 걸기/대상 설정/배경색 설정/테이블 색상 변경/브라우저에서 미리보기/예제2/프레임 등분/배경색 설정/테이블 생성/이미지 삽입/셀 패딩/셀 간격/테두리/이미지 삽입/프레임 저장/브라우저에서 미리보기/상세페이지 생성1/링크 걸기/대상 설정/border=0/상세페이지 생성2/링크 걸기/대상 설정/border=0/상세페이지 생성3/링크 걸기/대상 설정/border=0/브라우저에서 미리보기
06.27분 iframe이해와 활용
iframe 개념, iframe 예제, iframe 링크, 테이블, 링크

iframe 개념/iframe 장점/페이지 속성/새 파일/iframe 삽입/iframe 불러오기/결과 확인/타이틀 입력/iframe 크기조절/결과 확인/iframe 외곽선두께/결과 확인/iframe 스크롤바/결과 확인/iframe 여백조절/결과 확인/iframe 링크/name/a 태그/center/결과 확인/예제 확인/새 파일/테이블 생성/테이블 배경색 넣기/플래쉬 파일 삽입/이미지 삽입/새 CSS 규칙/결과 확인/iframe 저장/테이블 생성/셀 병합/이미지 삽입/배경색 설정/iframe 불러오기/iframe 크기조절/결과 확인/상단 메뉴-셀 패딩/간격/테두리/결과 확인/링크/iframe 이름 지정/결과 확인/링크 속성 설정
07.18분 책갈피 기능
지정된 앵커, 앵커만들기, 앵커예제1, 앵커지정하기, 앵커예제2

지정된 앵커/결과 확인/보이지 않는 요소/앵커만드는 방법1/앵커만드는 방법2/새 CSS 규칙/링크걸기/top 입력/결과 확인/앵커 예제1/순차 목록/폰트 색상/사이즈 변경/연속된 여러 공백 허용/태그를 활용한 라인 생성/결과 확인/그림자 제거/태그 관리자/본문 입력/앵커 지정/링크걸기/top 링크걸기/결과 확인/링크 속성 설정/앵커 예제2/배경 이미지 삽입/제목 텍스트 삽입/목차 텍스트 삽입/본문 텍스트 삽입/앵커 지정/링크걸기/top 입력/링크걸기/결과 확인
[실무자 초빙강의]
08.20분 CSS 스타일-1
새로운 CSS만들기, Strong 규칙, ID, CSS 예제1, CSS 예제2

CSS 스타일 패널 불러오기/CSS 스타일 예제1/새 CSS 규칙/선택기 유형/CSS 규칙 정의/CSS 규칙 정의-유형/Text-decoration/CSS 스타일 적용방법/대상 규칙/규칙 편집/Font-weight/CSS 스타일 삭제방법/규칙 정의/선택기 유형-태그/Strong 규칙/CSS 규칙 정의-배경/선택기 유형-ID/CSS 스타일 적용/CSS 스타일 예제2/새 CSS 규칙-back/CSS 규칙 정의-배경 이미지/Background-repeat/새 CSS 규칙-text/새 CSS 규칙-Strong 태그/CSS 스타일 예제3/표 삽입/새 CSS 규칙-table 태그/링크 걸기/결과 확인/Text decoration-none/결과 확인
09.21분 CSS 스타일-2
복합 CSS만들기, 테이블만들기, 외부 스타일시트, 스타일시트 예제

복합 CSS 만들기/링크 걸기/결과 확인/새 CSS 규칙/페이지 속성/복합 CSS 만들기-a:visited/복합 CSS 만들기-a:hover/복합 CSS 만들기-a:active/결과 확인/테이블 생성/셀 패딩/셀 간격/테두리/table strong/테두리 Style/결과 확인/테이블 생성/링크 걸기/태그 CSS 만들기/규칙 정의-새 스타일 시트 파일/복합 CSS 만들기-a:link/결과 확인/테이블 생성/스타일 시트 첨부/테두리 Width/클래스 CSS 만들기/클래스 적용하기/복합 CSS 만들기-a:link/스타일 시트 첨부/결과 확인
10.29분 AP DIV그리기
AP DIV개념, 가시성, 오버플로, AP DIV 그리기, 비헤이비어를이용한 AP드래그, 이미지소스 삽입, AP 요소 드래그

AP DIV개념/눈금자 보기/AP 요소/AP DIV 그리기/선택/이동/AP 요소의 앵커 포인트/테이블 생성/CSS-P 요소/속성창을 활용한 위치 이동/속성창을 활용한 크기 변경/배경색/배경 이미지/가시성/결과 확인/오버플로/클립/AP DIV 그리기/배경색 넣기/Z-인덱스/비헤이비어/비헤이비어를 이용한 AP드래그/완성예제 확인/AP DIV 그리기/이미지 소스 불러오기/AP 요소 드래그/이벤트 설정-onLoad/결과 확인
11.27분 미디어 파일 삽입 및 비헤이비어 활용-1
Swf 삽입, AP DIV, Flv 삽입, 음악파일 삽입, 비헤이비어, 컨테이너의 텍스트설정

삽입/일반/색상아이콘/미디어 : SWF/SWF/플래시 파일 제작/TOOLS/Rectangle Tool/타원 그리기/Convert to Symbol/플래시 파일생성 확인/저장하기/저장한 파일 열기/SWF파일 생성/SWF 파일 불러오기/드래그해서 크기 확대/재생/가로,세로 길이 조정/편집/정지/저장 후 출력(미리보기)/배경/배경창 가기/페이지속성/배경색/Wmode/배경 없애기/저장 후 출력(미리보기)/삽입/레이아웃/AP Div 그리기/배경색/ 저장 후 출력(미리보기)/Wmode/ 저장 후 출력(미리보기)/Wmode/불투명/배경색/페이지속성/배경색/정렬/루프/자동 재생/V 간격/H 간격/삽입/일반/미디어 : SWF/FLV/검색/파일 탐색/폭/높이/파일/스킨/자동재생/자동되감기/저장 후 출력(미리보기)/자동재생/자동되감기/저장 후 출력(미리보기)/삽입/일반/미디어 : SWF/FLV/저장 후 출력(미리보기)/매개 변수/윈도우/태그 관리자/비헤이비어/on Mouse Over/저장 후 출력(미리보기)/상태 표시줄의 텍스트 설정/링크 걸기/저장 후 출력(미리보기)/이미지 삽입/삽입/레이아웃/AP Div 그리기/컨테이너의 텍스트 설정/on Mouse Over/on Mouse Out/컨테이너의 텍스트 설정/on Mouse Over/저장 후 출력(미리보기)/링크 걸기/분할/on Mouse Click/상태 표시줄의 텍스트 설정/on Load/저장 후 출력(미리보기)
12.23분 비헤이비어 활용-2
팝업메시지, 이미지교체, 요소표시-숨김, 요소표시-숨김 예제만들기

팝업메시지/on Load/저장 후 출력(미리보기)/링크 걸기/팝업메시지/on Click/저장 후 출력(미리보기)/페이지 속성/링크/예제 만들기/완성본/삽입/일반/이미지/롤오버이미지/이미지 교체/페이지 속성/배경색/표 삽입/병합 시키기/이미지 불어오기/이미지 교체/저장 후 출력(미리보기)/이미지 교체/저장 후 출력(미리보기)/새파일 열기/요소 표시- 숨김/페이지 속성/배경색/삽입/레이아웃/AP Div 그리기/속성창 W값, H값 조정/삽입/레이아웃/AP Div 그리기/윈도우/AP 요소/링크 걸기/분할//border 입력/요소 표시- 숨김/on Click/저장 후 출력(미리보기)/새로운 예제 만들기/미리보기/삽입/레이아웃/AP Div 그리기/이미지 삽입/링크 걸기/분할/border 입력/요소 표시- 숨김/on Mouse Over/이미지 삽입/요소 표시/숨김/on Mouse Over/요소 표시/숨김/on Mouse Out/요소 표시/숨김/on Mouse Over/요소 표시/숨김/on Mouse Out/저장 후 출력(미리보기)/AP 요소/저장 후 출력(미리보기)
13.27분 비헤이비어 활용-3
예제만들기, URL로 이동, 브라우저 윈도우열기, AP드래그 스냅이용

만들어진 예제 미리 보기/삽입/레이아웃/AP Div 그리기/이미지 불러오기/삽입/레이아웃/AP Div 그리기/이미지 불어오기/이미지크기 조정/이미지 불어오기/이미지크기 조정/태그관리자/AP 요소/apDiv 2/ apDiv 3 겹치게 맞추기/요소 표시- 숨김/on Mouse Over/요소 표시- 숨김/on Mouse Out/요소 표시- 숨김/on Mouse Over/요소 표시- 숨김/on Mouse Out/저장 후 출력(미리보기)/링크 걸기/분할/border 입력/눈 아이콘 설정/저장 후 출력(미리보기)/새파일 열기/윈도우/프레임/수정/프레임세트/왼족으로 프레임 분할/프레임 이름/URL로 이동/on Click/URL로 이동/on Click/URL로 이동/on Click/프레임세트 저장/미리보기/링크 걸기/새파일 열기/미리보기/표 삽입/이미지 불러오기/새파일 열기/페이지 속성/배경색/브라우저 윈도우 열기/저장 후 출력(미리보기)/내비게이션 툴바/위치툴바/상태표시줄/메뉴막대/필요시 스크롤막대 생성/크기 조절 핸들/새파일 열기/삽입/레이아웃/AP Div 그리기/이미지 불러오기/AP 요소/레이어와 이미지 크기 맞추기/맞추기 1/맞추기 2/맞추기 3/AP 요소 드래그/body 선택/on Load/AP 요소 드래그/body 선택/미리보기
14.30분 Form 만들기
텍스트필드, 체크상자, 라디오버튼, 체크상자그룹, 라디오그룹, 목록메뉴선택, 점프메뉴, 파일필드, 버튼, 가입신청서 만들기

양식/삽입/텍스트 필드/문자 폭/ 저장 후 출력(미리보기)/최대 문자/기본값/문자 폭/저장 후 출력(미리보기)/유형/여러 줄/기본 값/저장 후 출력(미리보기)/유형/암호/기본 값 지우기/저장 후 출력(미리보기)/최대 문자/문자 폭/유형/한줄/삽입/텍스트 필드/문자 폭/최대 문자/기본값/암호/비활성화/미리보기/삽입/텍스트 영역/여러 줄/기본값/삽입/체크 상자/라디오 버튼/체크 상자/체크 상자 이름/체크값/삽입/체크 상자/미리보기/삽입/라디오 버튼 /이름 바꾸기/미리보기/삽입/ 체크 상자 그룹/삽입/라디오 그룹/미리보기/목록/메뉴선택/유형/초기 선택/목록값/유형/목록/높이 조정/선택/복수 허용/수정하기/목록값/삽입/점프 메뉴 삽입/저장 후 출력(미리보기)/삽입/파일 필드/문자 폭/저장 후 출력(미리보기)/삽입/이미지 필드/버튼/액션/양식 전송/없음/양식 재설정/삽입/버튼/미리보기/예제 만들기/삽입/일반/표/CSS/오른쪽 정렬/삽입/양식/텍스트 필드/문자 폭/최대 문자/삽입/버튼/값/문자 폭/최대 문자/삽입/텍스트 필드/삽입/텍스트 필드/라디오 버튼/라디오 버튼/체크값/삽입/텍스트 필드/삽입/목록/메뉴 선택/목록값/수정하기/저장 후 출력(미리보기)/삽입/텍스트 필드/유형/여러줄/행 수/기본값/삽입/버튼/값/양식 재설정/저장 후 출력(미리보기)
15.18분 Spry 위젯기능-1
Spry, Spry 데이터세트, 바인딩, Spry 도구설명

Spry/삽입/일반/표/배경색 지정/삽입/일반/표/이미지 불러오기/크기 조정/저장하기/이름 바꾸기/삽입/Spry /Spry 데이터 세트/데이터 유형 선택/데이터 세트 이름/데이터 파일 지정/데이터 컨테이너/데이터 옵션 설정/열이름 정하기/첫번째 행을 머리글로 사용/삽입 옵션 선택/표 삽입/저장 후 출력(미리보기)/CSS/중앙 정렬/새 CSS 규칙/저장 후 출력(미리보기)/Spry 기능/바인딩/table/데이터 소스 지정/마스터/세부 정보 레이아웃 삽입/저장 후 출력(미리보기)/누적컨테이너 삽입/저장 후 출력(미리보기)/스포트라이트영역이 포함된 누적컨테이너 삽입/저장 후 출력(미리보기)/이미지 불러오기/Spry 도구 설명/수평오프셋/수직오프셋/지연표시/지연숨김/마우스커서 추적/마우스 아웃시 숨김/효과/가리기/Spry 도구 설명/분할/디자인창/저장 후 출력(미리보기)
16.22분 Spry 위젯기능-2
Spry 유효성 검사 텍스트필드, 텍스트영역, 체크상자, 검사 선택, 검사 암호

삽입/Spry/Spry 유효성검사 텍스트필드/CSS 스타일/Spry 유효성검사 텍스트필드/유형/전자메일 주소/미리보기 상태/유효성검사/onBlur/onChange/미리보기 상태/유형/최소문자/최대문자/저장 후 출력(미리보기)/Spry Validation Textarea.js/분할/CSS 스타일/최대 문자/미리보기/유형/여러줄/기본값/유형/한줄/Spry 유효성검사 텍스트영역/Spry 유효성검사 체크상자/양식/체크상자 생성/미리보기 상태/필수범위/ 유효성검사/최대선택 항목수/Spry 유효성검사 선택/사용 불가/공백 값/목록 값/초기선택/저장 후 출력(미리보기)/사용 불가/잘못된 값/Spry 유효성검사 암호/저장 후 출력(미리보기)/최소 문자/ 저장 후 출력(미리보기)/Spry 유효성검사 확인/텍스트 필드/유효성검사 대상/onBlur
17.21분 spry메뉴바 및 div를 이용한 레이아웃 잡기
스프라이 메뉴막대, 스프라이 탭패널, 스프라이 아코디언, 스프라이 축소가능패널, Div와 CSS를 이용한 레이아웃 만들기

Spry 기능 알아보기/Spry 메뉴 막대/저장 후 출력(미리보기)/테스트 입력/메뉴항목 추가/메뉴항목 제거/링크 걸기/제목/대상/저장 후 출력(미리보기)/서브메뉴 만들기/저장 후 출력(미리보기)/Spry 탭 패널/저장 후 출력(미리보기)/패널 추가/Spry 아코디언/Spry 축소 가능 패널/표시/기본 상태/새파일 열기/삽입/일반/Div 태그 삽입/저장 후 출력(미리보기)/CSS 스타일/새 CSS 규칙/상자/배경/상자/Float/Margin/Padding/저장 후 출력(미리보기)/테두리/삽입/일반/Div 태그 삽입/상자/배경/테두리값 없애기/CSS 스타일/테두리/저장 후 출력(미리보기)/삽입/일반/Div 태그 삽입/상자/배경/테두리/CSS/가운데 정렬/블록/CSS 스타일/상자/CSS 스타일/코드/분할
18.18분 템플릿 활용하기
템플릿 추가, 마크업 삭제, 템플릿 반복

템플릿 기능/파일/사이트 관리/새 사이트/예제 만들기/파일/열기/템플릿으로 저장/파일/템플릿 폴더/새파일 열기/에셋/템플릿/새파일 열기/에셋/수정하기/템플릿/새 편집 가능영역/내용 수정하기/템플릿/새 편집 가능영역/파일/메뉴2번 불러오기/템플릿/템플릿 마크업 제거/저장/삽입/일반/템플릿/템플릿/반복 영역/템플릿/템플릿 마크업 제거/템플릿/새 편집 가능영역/수정하기/템플릿/새 편집 가능영역/CSS/글자색 수정/CSS 스타일/새 CSS 규칙/상자/상자/Padding/대상 규칙
19.20분 marquee태그와 이메일링크를 이용한 웹페이지 만들기
마키태그, 예제만들기, mailto

marquee 태그/분할/저장 후 출력(미리보기)/p/marquee/behavior 입력/slide/marquee/behavior 입력/alternate/p/복사하기/behavior 지우기/scroll/저장 후 출력(미리보기)/복사하기/behavior 지우기/scrolldelay/복사하기/ 저장 후 출력(미리보기)/복사하기/scrollamount/저장 후 출력(미리보기)/복사하기/세로 값/오른쪽/저장 후 출력(미리보기)/복사하기/왼쪽/저장 후 출력(미리보기)/복사하기/위로/아래로/저장 후 출력(미리보기)/예제 만들기/미리보기/새문서 열기/페이지속성/배경색/표 삽입/분할/코드 입력/배경색/behavior/alternate/폰트 사이즈/색깔/글씨체/글자 입력/데이터로 가져오기/저장 후 출력(미리보기)/폰트 사이즈 변경/디자인/표 늘리기/표 삽입/정렬/이미지 삽입/셀 패딩/삽입/수평선/선 선택/링크 걸기/삽입/전자 메일 링크/저장 후 출력(미리보기)/빠르게 하기/분할/scrolldelay/저장 후 출력(미리보기)
20.20분 홈페이지 만들기
종합정리로 웹페이지 만들기, 표, 이미지, SWF, E-mail, 소개페이지, 링크

명령어 정리/웹사이트 만들기/파일/저장폴더 만들기/사이트/index.html/미리보기/상단 메뉴바/ANI TOPHIA 소개/E-Mail/HOME/페이지속성/배경 이미지/반복/표 삽입/정렬/가운데/표 삽입/삽입/이미지 : 롤오버 이미지/저장 후 출력(미리보기)/분할/border 값/미리보기/플래시 파일 넣기/표 삽입/삽입/미디어 : 플러그인/SWF/재생/크기 줄이기/이미지 불러오기/맵/링크 걸기/링크 페이지 만들기/새문서 열기/삽입/HTML/프레임/위/윈도우/프레임/표 삽입/이미지 불러오기/배경색/이미지 불러오기/삽입/이미지 : 롤오버 이미지/페이지속성/배경색/삽입/이름이 있는 앵커/표 삽입/이미지 불러오기/링크 걸기/프레임세트로 저장/모두 저장/미리보기/테두리 없애기/분할/border/저장 후 출력(미리보기)/맵 설정/ 파일탐색/링크 걸기/대상/저장 후 출력(미리보기)
21.22분 유동형 그리드 레이아웃을 만들기
Fluid Grid Layout Div 삽입하고 css 스타일을 구별하는 방법에 대해 강의합니다

반응형웹 만들기/반응형웹이란/유동형 그리드 레이아웃/예제 보기/유동형 그리드 레이아웃 만들기/유동 격자 레이아웃 종류/모바일/타블렛/데스크탑/유동 격자 레이아웃 Div 태그 삽입/유동 격자 레이아웃 Div 태그 추가/Fluid Grid Layout/유동 격자 레이아웃 Div 태그 추가/레이아웃 삭제/파일 저장/컨텐츠 입력/이미지 삽입/보기 모드 변경/스타일 시트 파일로 저장/종속 파일 복사/CSS 스타일/CSS 스타일 구별 방법
22.18분 레이아웃 배치하기
태블릿 기기와 데스크톱 레이아웃을 설정하는 방법에 대해 강의합니다

코드 보기/인쇄 스타일 확인/예제 보기/배경, 폰트 스타일 수정/분할 보기/결과 확인/메뉴 수정/Top text 수정/새 CSS 규칙/테두리 수정/결과 확인/레이어 조절/레이어 이름 변경/레이어 크기 변경/레이어 배치 버튼/레이아웃 배치-타블렛/메뉴 수정/CSS 스타일-규칙 편집/배경이미지 삽입/텍스트 위치 변경/레이아웃 배치-데스크탑/여백 설정/결과 확인

강의목록 다운로드 1:1 강의 질문&답변