드림위버 cs6

22회차 속성과정
전체 : 8시간 42분|회차당 평균 : 23분43초

이용기간 2개월

전문강사 : 알지오 R&D [IT] 2명

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

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

책갈피[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.29분 텍스트 속성과 그림속성
속성, CSS규칙, 롤오버이미지, 색상변경, 크리스마스선물페이지, 이미지삽입, 목록태그

책갈피[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.28분 Slice와 테이블활용
Slice활용 및 저장, 테이블예제1, 테이블예제2, 이미지삽입, 라인삽입

책갈피[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.29분 프레임 개념이해하기
프레임 등분 및 저장, Target의 이해, 프레임예제1, 프레임예제2

책갈피[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.27분 iframe이해와 활용
iframe 개념, iframe 예제, iframe 링크, 테이블, 링크

책갈피[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.18분 책갈피 기능
지정된 앵커, 앵커만들기, 앵커예제1, 앵커지정하기, 앵커예제2

책갈피[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.20분 CSS 스타일-1
새로운 CSS만들기, Strong 규칙, ID, CSS 예제1, CSS 예제2

책갈피[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.21분 CSS 스타일-2
복합 CSS만들기, 테이블만들기, 외부 스타일시트, 스타일시트 예제

책갈피[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.29분 AP DIV그리기
AP DIV개념, 가시성, 오버플로, AP DIV 그리기, 비헤이비어를이용한 AP드래그, 이미지소스 삽입, AP 요소 드래그

책갈피[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.27분 미디어 파일 삽입 및 비헤이비어 활용-1
Swf 삽입, AP DIV, Flv 삽입, 음악파일 삽입, 비헤이비어, 컨테이너의 텍스트설정

책갈피[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.23분 비헤이비어 활용-2
팝업메시지, 이미지교체, 요소표시-숨김, 요소표시-숨김 예제만들기

책갈피[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.27분 비헤이비어 활용-3
예제만들기, URL로 이동, 브라우저 윈도우열기, AP드래그 스냅이용

책갈피[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.30분 Form 만들기
텍스트필드, 체크상자, 라디오버튼, 체크상자그룹, 라디오그룹, 목록메뉴선택, 점프메뉴, 파일필드, 버튼, 가입신청서 만들기

책갈피[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.18분 Spry 위젯기능-1
Spry, Spry 데이터세트, 바인딩, Spry 도구설명

책갈피[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.22분 Spry 위젯기능-2
Spry 유효성 검사 텍스트필드, 텍스트영역, 체크상자, 검사 선택, 검사 암호

책갈피[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.21분 spry메뉴바 및 div를 이용한 레이아웃 잡기
스프라이 메뉴막대, 스프라이 탭패널, 스프라이 아코디언, 스프라이 축소가능패널, Div와 CSS를 이용한 레이아웃 만들기

책갈피[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.20분 marquee태그와 이메일링크를 이용한 웹페이지 만들기
마키태그, 예제만들기, mailto

책갈피[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.20분 홈페이지 만들기
종합정리로 웹페이지 만들기, 표, 이미지, SWF, E-mail, 소개페이지, 링크

책갈피[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.22분 유동형 그리드 레이아웃을 만들기
Fluid Grid Layout Div 삽입하고 css 스타일을 구별하는 방법에 대해 강의합니다

책갈피[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] 결과 확인