드림위버 cs6 - 총 8시간 42분 / 강의당평균 : 23분43초

드림위버 cs6

전체 : 8시간 42분 / 강의당평균 : 23분43초

01 드림위버CS6 인터페이스와 속성익히기

사이트정의/작업환경/페이지속성/이미지/링크/이미지맵

23분

책갈피 : [00:00] 사이트정의 / [00:25] 패널 크기 조절 / [00:41] 속성 패널 / [00:52] 새 파일 / [01:51] 파일 패널 / [02:03] 사이트 관리 / [02:34] 새 사이트 / [03:01] 캐시 활성화 / [03:43] 서식 / [04:19] 코드 뷰 보기 / [04:33] 코드 및 디자인 뷰 보기 / [04:52] 다른 이름으로 저장 / [05:39] 파일 형식 / [06:07] 제목 입력 / [06:38] 브라우저에서 미리보기 / [07:09] 링크 / [07:47] 브라우저에서 미리보기 / [08:16] 페이지 속성 / [08:41] 페이지 글꼴/크기/색상 / [09:09] 링크 제거 / [09:26] 글꼴 목록 편집 / [10:20] 인용 블록 제거/인용 블록 / [10:47] 새 파일 / [11:04] 목록 태그 / [11:33] 목록 항목 / [12:50] 시작 번호 / [13:53] 이미지 삽입 / [14:59] 그림 설명 / [15:18] 이미지 크기 변경 방법1 / [15:54] 이미지 크기 변경 방법2 / [16:11] 소스/링크 / [16:37] 다른 이름으로 저장 / [17:27] 그림 설명 / [17:42] 코드 및 디자인 뷰 보기 / [18:22] 이미지 소스 선택 / [18:50] 편집 / [19:35] 자르기 / [19:57] 밝기/대비/선명하게 / [20:36] 이미지맵 / [21:38] 브라우저에서 미리보기 / [22:05] 단락과 줄바꿈

02 텍스트 속성과 그림속성

속성/CSS규칙/롤오버이미지/색상변경/크리스마스선물페이지/이미지삽입/목록태그

29분

책갈피 : [00:00] 속성 / [01:15] 새 CSS 규칙 / [01:40] 규칙 편집 / [02:01] 클래스 / [02:11] ID / [04:33] 새 CSS 규칙 / [05:33] 롤오버 이미지 삽입 / [06:49] 브라우저에서 미리보기 / [07:24] 수평선 삽입 / [07:41] 코드 및 디자인 뷰 보기 / [08:04] 픽셀/퍼센트 / [09:17] 그림자 / [10:25] 수평선 색상 변경 / [11:33] 에제-크리스마스 선물 페이지 / [13:40] 텍스트 색상/배경색 설정 / [14:01] 제목 입력 / [14:15] 수평선 삽입1 / [14:29] 수평선 설정(%) / [14:55] 새 CSS 규칙-제목 / [15:53] 수평선 색상 변경 / [16:30] 소제목 입력 / [16:36] 새 CSS 규칙-소제목 / [17:24] 수평선 삽입2 / [17:33] 수평선 설정(픽셀) / [17:49] 수평선 색상 변경 / [18:22] 이미지 삽입 / [18:44] 본문 입력 / [19:01] 이미지 정렬 / [19:20] 새 CSS 규칙-본문 / [19:56] 링크 삽입 / [20:23] 대상 / [20:41] 브라우저에서 미리보기 / [21:03] 롤오버 이미지 삽입 / [21:34] 롤오버 이미지 정렬 / [22:07] 브라우저에서 미리보기 / [22:35] 목록 태그 / [23:16] 비순차 목록-불릿 목록1 / [24:23] 비순차 목록-불릿 목록2 / [24:57] 숫자 목록-로마자 대문자 / [25:52] 숫자 목록-알파벳 대문자 / [26:15] 숫자 목록-알파벳 소문자 / [26:47] 시작 번호 설정

03 링크의 속성과 테이블

절대경로/상대경로/테이블/행삽입/열삽입/테이블만들기/이미지

32분

책갈피 : [00:00] 링크의 속성 / [00:21] 절대경로 / [00:40] 링크 걸기 / [01:02] 링크 색상 / [02:08] 브라우저에서 미리보기 / [02:50] 배경색 변경 / [05:06] 상대경로 / [05:21] 링크 걸기 / [06:16] 브라우저에서 미리보기 / [06:38] 배경 이미지 / [07:10] 테이블 / [07:54] 분할 / [08:28] 테이블 크기 조절 / [08:45] 행과 열 / [09:04] 단위값 / [09:34] % / [09:48] 픽셀 / [10:03] 셀 패딩/셀 간격 / [11:07] 브라우저에서 미리보기 / [11:16] 테두리 / [11:58] 정렬 / [12:17] 표의 폭을 픽셀/퍼센트로 변환 / [12:43] 열 폭 지우기 / [12:57] 행 높이 지우기 / [13:20] 행 삽입 / [13:56] 셀 병합 / [14:08] 열 삽입 / [14:39] 셀 분할 / [15:42] 수평/수직 / [17:05] 한줄로 / [17:28] 머리글 / [17:41] 셀 배경 / [17:59] 예제1 / [19:22] 테이블 생성 / [19:38] 정렬 / [19:56] 이미지 삽입 / [20:32] 새 CSS 규칙 / [21:00] 이미지 삽입 / [22:09] 텍스트 입력 / [22:52] 브라우저에서 미리보기 / [23:51] 그림 설명 / [24:24] 테이블 생성 / [24:41] 이미지 삽입 / [25:40] 새 CSS 규칙 / [26:39] 셀 패팅/셀 간격/테두리 / [27:34] 링크 걸기 / [27:56] border=0 / [28:43] 링크 걸기 / [29:39] 예제2 / [29:56] 테이블 생성 / [31:01] 배경색 변경 / [31:57] 브라우저에서 미리보기

04 Slice와 테이블활용

Slice활용 및 저장/테이블예제1/테이블예제2/이미지삽입/라인삽입

28분

책갈피 : [00:00] Slice Tool / [01:36] Slice 크기 변경 / [01:48] Slice 삭제 / [02:49] Slice From Guides / [03:20] Slice 저장 / [04:25] Format / [05:18] Slice 이미지 불러오기 / [06:43] 예제1 / [07:14] 테이블 생성 / [07:47] 이미지 삽입 / [08:23] 셀 패팅/셀 간격/테두리 / [09:07] 테이블 생성 / [09:37] 이미지 삽입 / [11:18] 셀 병합 / [12:09] 예제2 / [13:00] 테이블 생성 / [13:17] 이미지 불러오기 / [14:00] 롤오버 이미지 삽입 / [15:46] border=0 / [16:29] 브라우저에서 미리보기 / [16:59] 타이틀 입력 / [17:58] 배경 삽입하기 / [20:23] 브라우저에서 미리보기 / [20:33] 새 CSS 규칙 / [21:20] 내용 입력 / [22:45] 라인 삽입 / [24:15] 이미지 삽입 / [24:44] 이미지 이동 / [25:02] 라인 삽입 / [25:36] 셀 패팅/셀 간격/테두리 / [25:52] 텍스트 입력 / [26:44] 브라우저에서 미리보기 / [27:06] 하단 입력 / [27:45] 브라우저에서 미리보기

05 프레임 개념이해하기

프레임 등분 및 저장/Target의 이해/프레임예제1/프레임예제2

29분

책갈피 : [00:00] 프레임 개념 / [00:57] 시각 도구-프레임 테두리 / [01:27] 프레임 등분 / [01:57] 수정-프레임세트 / [02:53] 윈도우-프레임 / [03:43] 프레임 이름 설정 / [04:17] 테두리/테두리 폭 / [04:58] 테두리 색상 / [05:11] 값/단위 / [05:51] 페이지 속성 / [06:15] 프레임세트 저장 / [07:34] 브라우저에서 미리보기 / [08:14] 스크롤 기본값 / [08:24] 크기 조절 안함 / [10:07] 배경색 설정 / [11:20] 프레임 등분 / [12:29] 링크 걸기 / [12:56] 대상 설정 / [13:32] 프레임세트 저장 / [13:59] 브라우저에서 미리보기 / [15:52] 예제1 / [16:36] 프레임 등분 / [16:56] 배경 이미지 / [17:17] 테이블 생성 / [17:41] 텍스트 입력 / [18:07] 링크 걸기/대상 설정 / [18:59] 테이블 생성 / [19:49] 링크 걸기/대상 설정 / [20:27] 배경색 설정 / [20:42] 테이블 색상 변경 / [21:28] 브라우저에서 미리보기 / [22:04] 예제2 / [22:30] 프레임 등분 / [22:47] 배경색 설정 / [23:11] 테이블 생성 / [23:24] 이미지 삽입 / [23:41] 셀 패딩/셀 간격/테두리 / [24:05] 이미지 삽입 / [24:19] 프레임 저장 / [24:40] 브라우저에서 미리보기 / [25:18] 상세페이지 생성1 / [25:47] 링크 걸기/대상 설정 / [26:18] border=0 / [26:50] 상세페이지 생성2 / [27:16] 링크 걸기/대상 설정 / [27:35] border=0 / [27:50] 상세페이지 생성3 / [28:05] 링크 걸기/대상 설정 / [28:15] border=0 / [28:22] 브라우저에서 미리보기

06 iframe이해와 활용

iframe 개념/iframe 예제/iframe 링크/테이블/링크

27분

책갈피 : [00:00] iframe 개념 / [00:35] iframe 장점 / [01:09] 페이지 속성 / [01:36] 새 파일 / [02:06] iframe 삽입 / [02:44] iframe 불러오기 / [03:29] 결과 확인 / [03:59] 타이틀 입력 / [04:45] iframe 크기조절 / [05:50] 결과 확인 / [06:20] iframe 외곽선두께 / [06:45] 결과 확인 / [07:07] iframe 스크롤바 / [07:29] 결과 확인 / [07:46] iframe 여백조절 / [08:20] 결과 확인 / [08:52] iframe 링크 / [10:03] name / [10:12] a 태그 / [10:55] center / [11:55] 결과 확인 / [12:31] 예제 확인 / [13:08] 새 파일 / [13:13] 테이블 생성 / [13:40] 테이블 배경색 넣기 / [14:23] 플래쉬 파일 삽입 / [15:24] 이미지 삽입 / [15:41] 새 CSS 규칙 / [16:25] 결과 확인 / [17:26] iframe 저장 / [17:56] 테이블 생성 / [18:13] 셀 병합 / [18:24] 이미지 삽입 / [19:09] 배경색 설정 / [20:06] iframe 불러오기 / [20:36] iframe 크기조절 / [21:49] 결과 확인 / [22:10] 상단 메뉴-셀 패딩/간격/테두리 / [23:00] 결과 확인 / [23:19] 링크 / [23:44] iframe 이름 지정 / [24:23] 결과 확인 / [24:45] 링크 속성 설정

07 책갈피 기능

지정된 앵커/앵커만들기/앵커예제1/앵커지정하기/앵커예제2

18분

책갈피 : [00:00] 지정된 앵커 / [00:16] 결과 확인 / [01:18] 보이지 않는 요소 / [02:18] 앵커만드는 방법1 / [02:51] 앵커만드는 방법2 / [03:28] 새 CSS 규칙 / [04:52] 링크걸기 / [05:47] top 입력 / [06:27] 결과 확인 / [07:06] 앵커 예제1 / [07:52] 순차 목록 / [08:12] 폰트 색상/사이즈 변경 / [08:40] 연속된 여러 공백 허용 / [09:07] 태그를 활용한 라인 생성 / [09:46] 결과 확인 / [09:55] 그림자 제거 / [10:04] 태그 관리자 / [10:38] 본문 입력 / [10:50] 앵커 지정 / [11:48] 링크걸기 / [12:23] top 링크걸기 / [13:11] 결과 확인 / [13:33] 링크 속성 설정 / [14:19] 앵커 예제2 / [14:31] 배경 이미지 삽입 / [14:45] 제목 텍스트 삽입 / [15:07] 목차 텍스트 삽입 / [15:27] 본문 텍스트 삽입 / [16:18] 앵커 지정 / [16:41] 링크걸기 / [17:12] top 입력/링크걸기 / [17:38] 결과 확인

[실무자 초빙강의]

08 CSS 스타일-1

새로운 CSS만들기/Strong 규칙/ID/CSS 예제1/CSS 예제2

20분

책갈피 : [00:00] CSS 스타일 패널 불러오기 / [00:56] CSS 스타일 예제1 / [01:22] 새 CSS 규칙 / [01:39] 선택기 유형 / [02:24] CSS 규칙 정의 / [02:49] CSS 규칙 정의-유형 / [03:12] Text-decoration / [04:31] CSS 스타일 적용방법 / [05:02] 대상 규칙 / [05:26] 규칙 편집 / [05:55] Font-weight / [06:42] CSS 스타일 삭제방법 / [07:18] 규칙 정의 / [07:30] 선택기 유형-태그 / [08:17] Strong 규칙 / [09:41] CSS 규칙 정의-배경 / [10:07] 선택기 유형-ID / [11:09] CSS 스타일 적용 / [11:54] CSS 스타일 예제2 / [12:22] 새 CSS 규칙-back / [12:33] CSS 규칙 정의-배경 이미지 / [13:12] Background-repeat / [14:07] 새 CSS 규칙-text / [15:25] 새 CSS 규칙-Strong 태그 / [16:39] CSS 스타일 예제3 / [16:44] 표 삽입 / [17:07] 새 CSS 규칙-table 태그 / [18:24] 링크 걸기 / [18:51] 결과 확인 / [19:24] Text decoration-none / [19:50] 결과 확인

09 CSS 스타일-2

복합 CSS만들기/테이블만들기/외부 스타일시트/스타일시트 예제

21분

책갈피 : [00:00] 복합 CSS 만들기 / [00:25] 링크 걸기 / [00:57] 결과 확인 / [01:15] 새 CSS 규칙 / [01:49] 페이지 속성 / [02:47] 복합 CSS 만들기-a:visited / [03:06] 복합 CSS 만들기-a:hover / [03:28] 복합 CSS 만들기-a:active / [03:50] 결과 확인 / [04:40] 테이블 생성 / [05:13]셀 패딩/셀 간격/테두리 / [06:44] table strong / [08:05] 테두리 Style / [09:12] 결과 확인 / [09:41] 테이블 생성 / [10:13] 링크 걸기 / [10:33] 태그 CSS 만들기 / [10:46] 규칙 정의-새 스타일 시트 파일 / [11:56] 복합 CSS 만들기-a:link / [13:13] 결과 확인 / [13:28] 테이블 생성 / [14:14] 스타일 시트 첨부 / [15:30] 테두리 Width / [16:47] 클래스 CSS 만들기 / [17:57] 클래스 적용하기 / [18:41] 복합 CSS 만들기-a:link / [19:46] 스타일 시트 첨부 / [20:43] 결과 확인

10 AP DIV그리기

AP DIV개념//가시성/오버플로/AP DIV 그리기/비헤이비어를이용한 AP드래그/이미지소스 삽입/AP 요소 드래그

29분

책갈피 : [00:00] AP DIV개념 / [00:43] 눈금자 보기 / [01:02] AP 요소 / [01:37] AP DIV 그리기 / [02:30] 선택/이동 / [02:53] AP 요소의 앵커 포인트 / [03:54] 테이블 생성 / [05:18] CSS-P 요소 / [06:06] 속성창을 활용한 위치 이동 / [06:35] 속성창을 활용한 크기 변경 / [07:15] 배경색/배경 이미지 / [08:18] 가시성 / [08:36] 결과 확인 / [09:23] 오버플로 / [12:54] 클립 / [13:52] AP DIV 그리기 / [14:21] 배경색 넣기 / [15:10] Z-인덱스 / [16:54] 비헤이비어 / [17:45] 비헤이비어를 이용한 AP드래그 / [18:11] 완성예제 확인 / [19:18] AP DIV 그리기 / [19:40] 이미지 소스 불러오기 / [24:37] AP 요소 드래그 / [25:56] 이벤트 설정-onLoad / [27:37] 결과 확인

11 미디어 파일 삽입 및 비헤이비어 활용-1

Swf 삽입/AP DIV/Flv 삽입/음악파일 삽입/비헤이비어/컨테이너의 텍스트설정

27분

책갈피 : [00:00] 삽입/일반/색상아이콘 / [00:37] 미디어 : SWF / [01:09] SWF / [01:28] 플래시 파일 제작 / [01:41] TOOLS/Rectangle Tool / [02:00] 타원 그리기 / [02:13] Convert to Symbol / [02:50] 플래시 파일생성 확인 / [03:00] 저장하기 / [04:06] 저장한 파일 열기/SWF파일 생성 / [04:42] SWF 파일 불러오기 / [05:02] 드래그해서 크기 확대/재생 / [05:24] 가로,세로 길이 조정 / [05:44] 편집/정지 / [06:02] 저장 후 출력(미리보기) / [06:19] 배경 / [06:38] 배경창 가기/페이지속성/배경색 / [07:11] Wmode / [07:45] 배경 없애기 / [08:06] 저장 후 출력(미리보기) / [08:23] 삽입/레이아웃/AP Div 그리기 / [08:43] 배경색/ 저장 후 출력(미리보기) / [09:08] Wmode/ 저장 후 출력(미리보기) / [09:30] Wmode/불투명/배경색 / [09:52] 페이지속성/배경색 / [10:13] 정렬 / [10:35] 루프/자동 재생 / [11:01] V 간격/H 간격 / [11:49] 삽입/일반/미디어 : SWF/FLV / [12:10] 검색/파일 탐색/폭/높이 / [13:14] 파일/스킨/자동재생/자동되감기 / [13:30] 저장 후 출력(미리보기) / [13:56] 자동재생/자동되감기/저장 후 출력(미리보기) / [14:40] 삽입/일반/미디어 : SWF/FLV / [14:59] 저장 후 출력(미리보기) / [15:48] 매개 변수 / [16:37] 윈도우/태그 관리자/비헤이비어 / [18:03] on Mouse Over/저장 후 출력(미리보기) / [18:50] 상태 표시줄의 텍스트 설정 / [19:20] 링크 걸기 / [20:31] 저장 후 출력(미리보기) / [20:53] 이미지 삽입 / [21:16] 삽입/레이아웃/AP Div 그리기 / [22:04] 컨테이너의 텍스트 설정 / [22:38] on Mouse Over/on Mouse Out / [23:48] 컨테이너의 텍스트 설정 / [24:13] on Mouse Over/저장 후 출력(미리보기) / [24:40] 링크 걸기/분할 / [25:19] on Mouse Click / [26:00] 상태 표시줄의 텍스트 설정/on Load / [26:25] 저장 후 출력(미리보기)

12 비헤이비어 활용-2

팝업메시지/이미지교체/요소표시-숨김/요소표시-숨김 예제만들기

23분

책갈피 : [00:00] 팝업메시지 / [00:56] on Load / [01:17] 저장 후 출력(미리보기) / [01:44] 링크 걸기 / [02:00] 팝업메시지/on Click/저장 후 출력(미리보기) / [02:35] 페이지 속성/링크 / [03:47] 예제 만들기/완성본 / [04:15] 삽입/일반/이미지/롤오버이미지 / [04:34] 이미지 교체 / [04:49] 페이지 속성/배경색 / [05:00] 표 삽입 / [05:26] 병합 시키기/이미지 불어오기 / [06:05] 이미지 교체 / [07:05] 저장 후 출력(미리보기) / [07:36] 이미지 교체 / [08:28] 저장 후 출력(미리보기) / [08:50] 새파일 열기 / [09:25] 요소 표시- 숨김 / [09:44] 페이지 속성/배경색 / [09:52] 삽입/레이아웃/AP Div 그리기 / [10:32] 속성창 W값, H값 조정 / [10:48] 삽입/레이아웃/AP Div 그리기 / [11:34] 윈도우/AP 요소 / [12:39] 링크 걸기 / [13:06] 분할//border 입력 / [13:40] 요소 표시- 숨김 / [14:37] on Click / [15:20] 저장 후 출력(미리보기) / [15:43] 새로운 예제 만들기/미리보기 / [16:21] 삽입/레이아웃/AP Div 그리기 / [16:40] 이미지 삽입 / [17:31] 링크 걸기/분할/border 입력 / [18:15] 요소 표시- 숨김 / [18:45] on Mouse Over / [19:24] 이미지 삽입 / [20:16] 요소 표시/숨김/on Mouse Over / [21:00] 요소 표시/숨김/on Mouse Out / [21:36] 요소 표시/숨김/on Mouse Over / [21:53] 요소 표시/숨김/on Mouse Out / [22:05] 저장 후 출력(미리보기)/AP 요소 / [22:50] 저장 후 출력(미리보기)

13 비헤이비어 활용-3

예제만들기/URL로 이동/브라우저 윈도우열기/AP드래그 스냅이용

27분

책갈피 : [00:00] 만들어진 예제 미리 보기 / [00:52] 삽입/레이아웃/AP Div 그리기 / [01:10] 이미지 불러오기 / [03:29] 삽입/레이아웃/AP Div 그리기 / [04:00] 이미지 불어오기/이미지크기 조정 / [04:35] 이미지 불어오기/이미지크기 조정 / [04:56] 태그관리자/AP 요소 / [05:44] apDiv 2/ apDiv 3 겹치게 맞추기 / [06:05] 요소 표시- 숨김/on Mouse Over / [06:45] 요소 표시- 숨김/on Mouse Out / [07:05] 요소 표시- 숨김/on Mouse Over / [07:25] 요소 표시- 숨김/on Mouse Out / [07:43] 저장 후 출력(미리보기) / [08:13] 링크 걸기/분할/border 입력 / [08:58] 눈 아이콘 설정 / [09:16] 저장 후 출력(미리보기) / [09:36] 새파일 열기/윈도우/프레임 / [10:09] 수정/프레임세트/왼족으로 프레임 분할 / [10:31] 프레임 이름 / [11:00] URL로 이동/on Click / [11:32] URL로 이동/on Click / [11:51] URL로 이동/on Click / [12:24] 프레임세트 저장/미리보기 / [13:11] 링크 걸기 / [13:38] 새파일 열기/미리보기 / [14:31] 표 삽입 / [14:50] 이미지 불러오기 / [15:18] 새파일 열기/페이지 속성/배경색 / [15:58] 브라우저 윈도우 열기 / [16:22] 저장 후 출력(미리보기) / [16:35] 내비게이션 툴바 / [17:01] 위치툴바/상태표시줄 / [17:20] 메뉴막대/필요시 스크롤막대 생성/크기 조절 핸들 / [17:52] 새파일 열기/삽입/레이아웃/AP Div 그리기 / [18:30] 이미지 불러오기 / [18:46] AP 요소 / [19:50] 레이어와 이미지 크기 맞추기 / [21:58] 맞추기 1 / [22:50] 맞추기 2 / [23:07] 맞추기 3 / [24:00] AP 요소 드래그/body 선택 / [24:53] on Load / [24:57] AP 요소 드래그/body 선택 / [25:46] 미리보기

14 Form 만들기

텍스트필드/체크상자/라디오버튼/체크상자그룹/라디오그룹/목록메뉴선택/점프메뉴/파일필드/버튼/가입신청서 만들기

30분

책갈피 : [00:00] 양식 / [00:40] 삽입/텍스트 필드 / [01:40] 문자 폭/ 저장 후 출력(미리보기) / [02:09] 최대 문자 / [02:41] 기본값/문자 폭 / [03:00] 저장 후 출력(미리보기) / [03:29] 유형/여러 줄/기본 값 / [04:18] 저장 후 출력(미리보기) / [04:40] 유형/암호/기본 값 지우기 / [05:05] 저장 후 출력(미리보기) / [05:35] 최대 문자/문자 폭/유형/한줄 / [05:50] 삽입/텍스트 필드 / [06:02] 문자 폭/최대 문자/기본값/암호 / [06:30] 비활성화/미리보기 / [07:06] 삽입/텍스트 영역/여러 줄 / [07:36] 기본값 / [08:11] 삽입/체크 상자/라디오 버튼 / [08:47] 체크 상자 / [09:01] 체크 상자 이름/체크값 / [09:32] 삽입/체크 상자 / [10:00] 미리보기 / [10:28] 삽입/라디오 버튼 /이름 바꾸기 / [11:32] 미리보기 / [11:47] 삽입/ 체크 상자 그룹 / [12:35] 삽입/라디오 그룹 / [13:15] 미리보기 / [13:46] 목록/메뉴선택 / [14:09] 유형/초기 선택/목록값 / [14:46] 유형/목록/높이 조정 / [15:06] 선택/복수 허용 / [15:31] 수정하기/목록값 / [15:44] 삽입/점프 메뉴 삽입 / [16:45] 저장 후 출력(미리보기) / [17:25] 삽입/파일 필드 / [17:46] 문자 폭/저장 후 출력(미리보기) / [18:14] 삽입/이미지 필드/버튼 / [18:55] 액션/양식 전송/없음/양식 재설정 / [19:18] 삽입/버튼 / [19:41] 미리보기 / [20:12] 예제 만들기 / [20:42] 삽입/일반/표 / [21:14] CSS/오른쪽 정렬 / [22:41] 삽입/양식/텍스트 필드 / [23:08] 문자 폭/최대 문자 / [23:26] 삽입/버튼/값 / [24:01] 문자 폭/최대 문자 / [24:36] 삽입/텍스트 필드 / [25:57] 삽입/텍스트 필드/라디오 버튼 / [26:40] 라디오 버튼/체크값 / [27:16] 삽입/텍스트 필드 / [27:47] 삽입/목록/메뉴 선택 / [28:01] 목록값/수정하기 / [28:43] 저장 후 출력(미리보기) / [28:53] 삽입/텍스트 필드 / [29:03] 유형/여러줄/행 수/기본값 / [29:28] 삽입/버튼/값/양식 재설정 / [30:05] 저장 후 출력(미리보기)

15 Spry 위젯기능-1

Spry/Spry 데이터세트/바인딩/Spry 도구설명

18분

책갈피 : [00:00] Spry / [00:35] 삽입/일반/표 / [01:14] 배경색 지정/삽입/일반/표 / [01:56] 이미지 불러오기 / [02:17] 크기 조정 / [02:45] 저장하기 / [03:00] 이름 바꾸기 / [03:35] 삽입/Spry /Spry 데이터 세트 / [04:14] 데이터 유형 선택 / [04:27] 데이터 세트 이름/데이터 파일 지정 / [05:08] 데이터 컨테이너 / [05:48] 데이터 옵션 설정 / [06:03] 열이름 정하기 / [06:26] 첫번째 행을 머리글로 사용 / [07:18] 삽입 옵션 선택/표 삽입 / [07:35] 저장 후 출력(미리보기) / [07:52] CSS/중앙 정렬 / [08:14] 새 CSS 규칙/저장 후 출력(미리보기) / [09:15] Spry 기능/바인딩 / [09:40] table/데이터 소스 지정 / [10:41] 마스터/세부 정보 레이아웃 삽입 / [11:02] 저장 후 출력(미리보기) / [11:50] 누적컨테이너 삽입 / [12:20] 저장 후 출력(미리보기) / [12:54] 스포트라이트영역이 포함된 누적컨테이너 삽입 / [13:11] 저장 후 출력(미리보기) / [13:45] 이미지 불러오기 / [14:00] Spry 도구 설명 / [15:05] 수평오프셋/수직오프셋/지연표시/지연숨김 / [15:34] 마우스커서 추적/마우스 아웃시 숨김 / [16:27] 효과/가리기 / [16:44] Spry 도구 설명/분할 / [17:45] 디자인창/저장 후 출력(미리보기)

16 Spry 위젯기능-2

Spry 유효성 검사 텍스트필드/텍스트영역/체크상자/검사 선택/검사 암호

22분

책갈피 : [00:00] 삽입/Spry / [00:39] Spry 유효성검사 텍스트필드 / [01:05] CSS 스타일 / [01:17] Spry 유효성검사 텍스트필드 / [02:20] 유형/전자메일 주소 / [03:02] 미리보기 상태 / [03:33] 유효성검사 / [04:23] onBlur / [05:00] onChange / [05:28] 미리보기 상태/유형 / [05:50] 최소문자/최대문자 / [06:03] 저장 후 출력(미리보기) / [06:31] Spry Validation Textarea.js / [06:51] 분할 / [07:08] CSS 스타일 / [08:11] 최대 문자/미리보기 / [09:23] 유형/여러줄/기본값 / [09:50] 유형/한줄 / [10:00] Spry 유효성검사 텍스트영역 / [10:55] Spry 유효성검사 체크상자 / [11:09] 양식/체크상자 생성 / [12:03] 미리보기 상태/필수범위/ 유효성검사 / [13:15] 최대선택 항목수 / [13:50] Spry 유효성검사 선택 / [14:20] 사용 불가/공백 값 / [14:31] 목록 값/초기선택 / [15:14] 저장 후 출력(미리보기) / [16:06] 사용 불가/잘못된 값 / [17:10] Spry 유효성검사 암호 / [17:51] 저장 후 출력(미리보기) / [18:30] 최소 문자/ 저장 후 출력(미리보기) / [19:47] Spry 유효성검사 확인 / [20:06] 텍스트 필드 / [20:31] 유효성검사 대상/onBlur

17 spry메뉴바 및 div를 이용한 레이아웃 잡기

스프라이 메뉴막대/스프라이 탭패널/스프라이아코디언/스프라이축소가능패널/Div와 CSS를 이용한 레이아웃 만들기

21분

책갈피 : [00:00] Spry 기능 알아보기 / [00:41] Spry 메뉴 막대 / [01:18] 저장 후 출력(미리보기) / [01:59] 테스트 입력 / [02:27] 메뉴항목 추가/메뉴항목 제거 / [03:19] 링크 걸기 / [03:41] 제목/대상 / [04:14] 저장 후 출력(미리보기) / [04:46] 서브메뉴 만들기 / [05:19] 저장 후 출력(미리보기) / [05:51] Spry 탭 패널 / [06:02] 저장 후 출력(미리보기) / [06:44] 패널 추가 / [07:14] Spry 아코디언 / [08:20] Spry 축소 가능 패널 / [08:46] 표시/기본 상태 / [09:18] 새파일 열기 / [09:33] 삽입/일반/Div 태그 삽입 / [10:24] 저장 후 출력(미리보기) / [10:56] CSS 스타일/새 CSS 규칙 / [11:23] 상자 / [11:45] 배경 / [12:19] 상자/Float / [12:49] Margin/Padding / [13:20] 저장 후 출력(미리보기) / [13:35] 테두리 / [14:08] 삽입/일반/Div 태그 삽입 / [14:37] 상자/배경 / [15:27] 테두리값 없애기 / [15:47] CSS 스타일 / [16:03] 테두리 / [16:26] 저장 후 출력(미리보기) / [16:45] 삽입/일반/Div 태그 삽입 / [17:11] 상자/배경 / [17:49] 테두리 / [18:43] CSS/가운데 정렬/블록 / [19:31] CSS 스타일/상자 / [20:02] CSS 스타일/코드/분할

18 템플릿 활용하기

템플릿 추가/마크업 삭제/템플릿 반복

18분

책갈피 : [00:00] 템플릿 기능 / [00:32] 파일/사이트 관리/새 사이트 / [01:48] 예제 만들기/파일/열기 / [02:39] 템플릿으로 저장 / [03:31] 파일/템플릿 폴더 / [04:03] 새파일 열기 / [04:37] 에셋/템플릿 / [05:35] 새파일 열기/에셋 / [06:17] 수정하기 / [07:12] 템플릿/새 편집 가능영역 / [08:47] 내용 수정하기 / [09:12] 템플릿/새 편집 가능영역 / [10:04] 파일/메뉴2번 불러오기 / [10:46] 템플릿/템플릿 마크업 제거 / [11:09] 저장 / [11:56] 삽입/일반/템플릿 / [12:28] 템플릿/반복 영역 / [13:09] 템플릿/템플릿 마크업 제거 / [14:25] 템플릿/새 편집 가능영역 / [15:17] 수정하기/템플릿/새 편집 가능영역 / [15:47] CSS/글자색 수정 / [16:31] CSS 스타일/새 CSS 규칙/상자 / [16:58] 상자/Padding / [17:18] 대상 규칙

19 marquee태그와 이메일링크를 이용한 웹페이지 만들기

마키태그/예제만들기/mailto

20분

책갈피 : [00:00] marquee 태그 / [00:44] 분할 / [01:35] 저장 후 출력(미리보기) / [02:08] p/marquee/behavior 입력/slide / [03:17] marquee/behavior 입력/alternate / [04:48] p/복사하기/behavior 지우기/scroll / [05:21] 저장 후 출력(미리보기) / [05:49] 복사하기/behavior 지우기/scrolldelay / [06:31] 복사하기/ 저장 후 출력(미리보기) / [07:24] 복사하기/scrollamount / [08:02] 저장 후 출력(미리보기) / [08:29] 복사하기/세로 값/오른쪽 / [09:05] 저장 후 출력(미리보기) / [09:21] 복사하기/왼쪽/저장 후 출력(미리보기) / [10:02] 복사하기/위로/아래로 / [10:32] 저장 후 출력(미리보기) / [10:58] 예제 만들기 / [11:11] 미리보기 / [11:45] 새문서 열기/페이지속성/배경색 / [12:17] 표 삽입 / [12:39] 분할/코드 입력/배경색 / [13:18] behavior/alternate/폰트 사이즈/색깔/글씨체 / [14:13] 글자 입력/데이터로 가져오기 / [15:03] 저장 후 출력(미리보기) / [15:20] 폰트 사이즈 변경 / [15:41] 디자인/표 늘리기 / [16:20] 표 삽입 / [16:28] 정렬/이미지 삽입 / [16:56] 셀 패딩 / [17:04] 삽입/수평선/선 선택 / [18:02] 링크 걸기 / [18:40] 삽입/전자 메일 링크 / [19:04] 저장 후 출력(미리보기) / [19:21] 빠르게 하기/분할/scrolldelay / [19:51] 저장 후 출력(미리보기)

20 홈페이지 만들기

종합정리로 웹페이지 만들기/표, 이미지/SWF/E-mail/소개페이지/링크

20분

책갈피 : [00:00] 명령어 정리/웹사이트 만들기 / [00:29] 파일/저장폴더 만들기/사이트 / [01:11] index.html / [01:32] 미리보기/상단 메뉴바 / [02:23] ANI TOPHIA 소개 / [02:51] E-Mail/HOME / [03:28] 페이지속성/배경 이미지/반복 / [04:34] 표 삽입 / [05:01] 정렬/가운데 / [05:21] 표 삽입 / [06:00] 삽입/이미지 : 롤오버 이미지 / [06:55] 저장 후 출력(미리보기) / [07:01] 분할/border 값 / [07:44] 미리보기 / [08:00] 플래시 파일 넣기/표 삽입 / [08:16] 삽입/미디어 : 플러그인/SWF/재생 / [08:41] 크기 줄이기 / [09:14] 이미지 불러오기 / [09:27] 맵/링크 걸기 / [10:26] 링크 페이지 만들기/새문서 열기 / [10:46] 삽입/HTML/프레임/위 / [11:15] 윈도우/프레임 / [11:20] 표 삽입/이미지 불러오기/배경색 / [12:10] 이미지 불러오기 / [12:56] 삽입/이미지 : 롤오버 이미지 / [13:42] 페이지속성/배경색 / [14:00] 삽입/이름이 있는 앵커 / [14:29] 표 삽입/이미지 불러오기 / [15:02] 링크 걸기 / [15:26] 프레임세트로 저장/모두 저장 / [16:13] 미리보기 / [16:39] 테두리 없애기/분할/border / [17:08] 저장 후 출력(미리보기) / [17:23] 맵 설정/ 파일탐색 / [18:05] 링크 걸기/대상 / [18:23] 저장 후 출력(미리보기)

21 유동형 그리드 레이아웃을 만들기

Fluid Grid Layout Div 삽입하고 css 스타일을 구별하는 방법에 대해 강의합니다

22분

책갈피 : [00:00] 반응형웹 만들기 / [00:19] 반응형웹이란 / [01:38] 유동형 그리드 레이아웃 / [02:50] 예제 보기 / [05:51] 유동형 그리드 레이아웃 만들기 / [06:30] 유동 격자 레이아웃 종류 / [07:57] 모바일 / [08:18] 타블렛 / [09:01] 데스크탑 / [09:35] 유동 격자 레이아웃 Div 태그 삽입 / [10:29] 유동 격자 레이아웃 Div 태그 추가 / [11:06] Fluid Grid Layout / [11:57] 유동 격자 레이아웃 Div 태그 추가 / [13:32] 레이아웃 삭제 / [14:06] 파일 저장 / [14:32] 컨텐츠 입력 / [15:11] 이미지 삽입 / [15:39] 보기 모드 변경 / [16:20] 스타일 시트 파일로 저장 / [18:18] 종속 파일 복사 / [18:33] CSS 스타일 / [19:39] CSS 스타일 구별 방법

22 레이아웃 배치하기

태블릿 기기와 데스크톱 레이아웃을 설정하는 방법에 대해 강의합니다

18분

책갈피 : [00:00] 코드 보기 / [00:20] 인쇄 스타일 확인 / [00:44] 예제 보기 / [01:20] 배경, 폰트 스타일 수정 / [01:40] 분할 보기 / [02:29] 결과 확인 / [02:57] 메뉴 수정 / [03:30] Top text 수정 / [04:20] 새 CSS 규칙 / [05:15] 테두리 수정 / [05:37] 결과 확인 / [05:53] 레이어 조절 / [06:16] 레이어 이름 변경 / [06:33] 레이어 크기 변경 / [07:35] 레이어 배치 버튼 / [08:31] 레이아웃 배치-타블렛 / [12:35] 메뉴 수정 / [13:52] CSS 스타일-규칙 편집 / [14:21] 배경이미지 삽입 / [15:19] 텍스트 위치 변경 / [15:56] 레이아웃 배치-데스크탑 / [17:31] 여백 설정 / [18:21] 결과 확인

샘플확인 : 알지오 검색후 -> 강의검색란 -> 드림위버 cs6