웹기획 + 제작실습 - 총 12시간 11분 강의당평균 38분28초

웹기획 + 제작실습

전체 : 12시간 11분 / 강의당평균 : 38분28초

01 웹사이트 구축의 기본사항

도메인, 호스팅, 트래픽 등 웹사이트를 구축함에 있어 기본적인 사항에 대해 알아보자

29분

책갈피 : [00:36] 웹기획 이란 무엇인가? / [01:30] 웹기획의 역할 / [02:51] 웹사이트 구축단계 / [03:02] 분석단계 / [04:03] 설계 / [04:26] 구현 / [04:54] 검수 / [06:16] 도메인 이란? / [07:45] 한국도메인 등록대행자 / [09:19] 규칙1- 영문자(A-Z) 숫자(0~9) 하이픈(-) / [09:49] 규칙2- Name 의 길이는 최소 2자~63자 / [10:07] 규칙3- 중복되지 않는 고유주소 / [10:39] 도메인을 유용하게 활용하기 위한 방법 / [11:56] 도메인에는 어떤게 있을까? / [12:40] 원하는 도메인 검색하기 / [13:33] 웹 호스팅이란? / [14:29] 나만의 웹서버를 갖기위해선 웹 호스팅이 필요하다 / [15:14] 호스팅의 종류 / [15:22] SSL / [16:48] 보안서비스를 받고있는지 확인실습 / [18:30] DB호스팅 / [19:33] 이미지 호스팅 / [21:14] 트래픽이란? / [21:42] 알기쉽게 트래픽에 대해 예를 들어봅시다 / [24:43] 호스팅 서비스를 제공해주는 사이트에서 확인 / [26:33] 내 홈페이지의 트래픽 확인해보기 / [27:29] 계산하기 / [28:33] 파악하면서 준비

02 쇼핑몰 제작 지식과 본격적인 웹 기획

쇼핑몰 제작을 위해 필요한 지식을 공부하고 주의사항, 전략 에 대해 알아보자

36분

책갈피 : [00:34] 쇼핑몰 기본 시스템 / [00:56] 업데이트시 자동설정 및 반영 / [02:03] 상황별 sms / [02:46] 결제모듈 / [03:34] 서비스, 만족, 배송 / [04:33] 쇼핑몰 빌더임대 / [04:50] 쇼핑몰 솔루션 / [06:23] 쇼핑몰을 위해 준비된 별도의 프로그램 필요 / [07:14] 쇼핑몰 솔루션(임대형, 독립형) 으로 나뉩니다 / [08:13] 임대형의 장점 / [09:14] 임대형의 단점 / [11:21] 독립형의 장점 / [11:54] 독립형의 단점 / [13:28] 임대형, 독립형의 차이점 / [14:49] 벤치마킹하고픈 쇼핑몰 파악하기 / [15:37] SSL 확인작업 실습 / [16:33] 소스보기 / [18:22] SSL 찾기 / [19:17] SSL 이 없다면 보안인증 자체가 없거나, 자체 쇼핑몰 / [19:55] 쇼핑몰 운영을 할때 알아야할 기술 / [21:02] 웹기획-성격에 따른 콘텐츠, 사용자 분석 / [21:25] 아이템 선정 / [23:52] 시장조사및 분석 / [25:20] 동종업계 분석 / [26:33] 경쟁업체 장단점 파악 / [27:19] 주의해야 할점 / [28:59] 차별화 전략 / [31:32] 웹사이트 제작 관련 홈페이지 만들기 / [32:37] 홈페이지 해상도 사이즈 / [33:11] 디스플레이 등록정보 / [34:09] 사이트 가로 폭 길이

<제1 스타일 - 시안 디자인>

03 메인시안 - 스토리보드, 레이아웃, 로고

26분

책갈피 : [00:00] 스토리보드 소개 / [00:57] 한계가 있는 주먹구구 방식 / [01:56] 리뉴얼 / [02:43] 홈페이지 10레벨 스킬학습? / [04:16] 소스를 구입해도 할수 없는것 / [04:31] 일러스트 / [05:05] 플래시 / [06:20] 제작목적 / [06:55] 제작시 실패원인 / [07:48] 스토리보드 / [08:13] 호스팅 후 셋팅 / [08:19] FTP / [08:47] 원격 파일 열기 / [09:50] 디렉토리 경로 설정 / [10:38] 고급 FTP 설정 / [11:03] 화면개요 / [11:20] No Frame / [12:05] 단 / [12:43] 공백 / [13:39] 제로보드 / [14:42] 메인시안 참조 / [15:30] 신규 레이아웃 / [15:43] New Guide / [17:24] Lock Guides / [17:58] 로고제작 / [18:56] 실제내용사이즈 / [19:45] Navigator / [20:16] 폰트입력 및 셋팅 / [21:08] 그라디언트 컬러, 제작 / [22:27] D제작 / [23:04] 모양주기 / [24:50] Layers 정리 / [25:08] 로고 배경만들기

04 메인시안 - 웹메뉴, 서브트리

28분

책갈피 : [00:00] 그라디언트 로컬 사용자 배려 / [00:48] 메뉴제작 / [01:07] 새문서 생성 / [02:20] Navigator / [02:37] 그라디언트 / [03:56] 테두리 마감 / [05:10] 배경색 채우기 / [05:16] 그라디언트 웹상에서 효과 확인 / [06:01] Save for web / [07:17] 플래시무비를 먼저 포토샵에서한 이유 / [08:24] 우측 메뉴(홈페이지 솔루션) / [09:13] 그라디언트 효과 / [09:25] 레이어스타일 복사 / [10:24] 메뉴 상단내용 / [11:53] 동일하게 간격 변경 / [12:49] 폰트 뭉그러지지 않게 처리 / [14:11] 작은아이콘 제작시 상식 / [15:17] 우측메뉴 완성 / [16:35] Color Libraries / [17:19] 하부트리 내용 / [18:21] 구분선 삽입 / [19:06] 하부트리 배경 및 라인 / [19:34] 확대 작업 / [20:44] 둥근테두리 적용시 문제점 / [22:28] 레이어관리 / [23:05] 폴더 복사 / [23:44] 상품안내 / [24:42] 여백 조정 / [26:24] Styles / [27:35] Styles 변경

05 메인시안 - 로그인, 고객센터 배너

29분

책갈피 : [00:00] 우측상단 메뉴 / [00:39] Character / [02:15] 좌, 중앙, 우 1단 개별 사이즈 / [04:07] 웹메뉴 / [04:44] 홈페이지 컬러스타일 / [05:06] 새문서 만들기 / [06:16] Color Picker / [06:22] 테두리 / [07:12] 적용해보기 / [07:26] 아이디, 비번 등 구성 기획 / [08:03] 텍스트박스 등 1차작업 / [09:01] 구도 설정 / [09:13] 로그인버튼 / [09:23] Styles / [10:13] Styles 수정 / [10:32] 폰트 설정 / [11:57] 회원가입, pw helf / [12:16] 사이즈 측정 / [13:08] Styles 수정 / [15:47] 폴더 생성 후 스타일 복사 / [16:34] New Guide / [18:06] 상단에 넣어줄 말 / [18:49] 배경색 지정이 안될때 / [20:42] 레이어 폴더별정리 / [22:09] 적용해보기 / [22:17] 고객센터 / [22:50] 색다른 박스 / [23:16] 베드사례 / [23:53] 굳 사례 / [24:59] Layer Style / [25:32] 고객지원센터 폰트 설정 / [28:07] 내용정리

06 메인시안 - 중앙무비용 메인, 우측 배너

33분

책갈피 : [00:00] 배너작업 추가 보충 / [01:24] Modify / [01:46] Feather / [03:21] 고객센터 비슷한 배경매칭 / [04:11] Color Picker / [04:35] Color Libraries / [05:23] 중앙무비용 일러스트 구매시 주의점 / [06:40] 일러스트 수정 후 포토샵 삽입 / [07:57] stroke / [08:49] 일러스트 작업 / [09:21] 사이즈 조정 / [10:43] 위치 변경 / [11:46] 표지판에 글씨 삽입 / [12:46] 포토샵 불러오기 / [14:07] 우측배너 사이즈 / [14:54] 배경작업 / [15:11] stroke / [15:43] 내부배너제작 그라디언트 / [17:20] 작업내용-1 / [18:21] 그림자 효과 / [19:28] 작업내용-1-1 / [20:23] Character / [20:58] 작업내용-1-2 / [21:27] 도형 만들기 / [23:17] 링크용 버튼 / [26:24] 중앙라인 분리 / [27:02] 작업내용-2 / [28:08] 작업내용-2-1 / [28:57] GO버튼 / [31:41] 수정할수 있는 정돈된 폴더 및 레이어

07 메인시안 - 좌 BEST!!, 우 순위

37분

책갈피 : [00:00] 캔버스 늘리고 / [00:52] Canvas size / [01:37] 다중 가이드 셋팅 쉽게 계산된 방법 / [02:41] Style-Fixed size / [04:03] Style-Normal / [04:22] Lock Guide / [04:28] 제일팔고싶은 상품위치 제작 / [05:59] 작업내용-1 / [06:30] 사각 테두리 만들기 / [06:50] stroke / [07:10] 작업내용-2 배너공식 / [07:55] 작업내용-3 / [08:23] Color Picker / [09:10] Group / [09:24] 작업내용-4 / [10:39] 작업내용-4-1 / [11:06] Opacity / [11:18] 작업내용-4-2 / [12:11] 자간 간격 / [12:52] 작업내용-5 / [13:34] Layer copy / [14:06] GO 버튼 (핵심) / [15:30] 버튼 배경 생성 / [18:43] 고객의 소리 / [19:08] 배너 테두리 만들기 / [20:44] Fill / [21:25] 작업내용-1 / [22:02] 작업내용-2 / [22:29] shape / [23:10] 이미지 회전 / [23:24] 작업내용-3 / [25:28] 완료 작업내용 / [26:58] 우측배너 / [28:19] 둥근사각 만들기 / [28:56] 그라데이션 / [30:10] 작업내용-1 / [30:59] 작업내용-1-2 / [32:00] 작업내용-1-3 / [32:34] 작업내용-1-4 / [33:19] 구분선 삽입 / [33:40] 작업내용-2 / [33:57] 작업내용-2-1 / [34:29] 완성작 비교 / [35:08] 오늘의 핵심

08 메인시안 - 중앙, 게시판 출력, 오버시 및 제작

33분

책갈피 : [00:00] 메인 가장중요한 위치설명 / [00:53] 작품보고 더 좋은 아이디어!! / [01:35] 모나리자 예 / [02:17] 원본제작의 어려움 / [02:36] 중앙상단 / [03:06] 1스타일- 상단배너 / [03:45] 작업내용-1 / [04:14] contract selection / [04:35] 작업내용-1-2 / [05:04] smooth selection / [05:50] 내용넣기 / [06:22] 상품명, 바로가기 / [06:48] 버튼작업 / [07:25] 버튼-둥근사각 / [08:23] 버튼 완료 예 / [08:38] 중앙우측 2배너 / [09:40] 내용넣기 / [10:14] web design 넣기 / [11:02] 간단하지만 눈에띄게, 스타일까지 / [11:15] 알지오프로젝트 넣기 / [11:51] shape 넣기 / [12:17] abstract styles / [13:33] 중앙우측 3배너 / [14:23] 2와 다른 내용스타일 / [15:24] 서비스의 톡특화 / [16:40] 원본비교 / [17:00] 가이드 맞춰 재정렬 / [17:48] 마우스 오버용 게시판버튼 / [18:10] 버튼배경 / [18:47] 버튼 사이즈 / [20:10] 버튼 그라디언트 / [21:00] 작업내용-1 / [21:53] 질문답변버튼 / [22:40] 질문답변_c 버튼 / [24:00] 작업내용-1-1 / [24:09] 잦은질문 / [24:34] 잦은질문_c / [25:25] 공백 버튼제작 / [27:07] 보드 라인작업 / [28:13] 초이스시 나오는 선 / [29:58] 질문답변 초이스시 나오는선 / [30:49] 잦은질문 초이스시 나오는선 / [31:08] 보드 통 라인 / [31:56] Rasterize Layer / [32:38] 상단 라인 지우기

09 메인시안 - 하 3단, 카피라이트 마무리

1시간 17분

책갈피 : [00:00] 하단에 들어갈 구도 / [01:00] 하단 내용 / [01:33] image size / [01:46] 좌 내용 / [02:07] Rounded Rectangle / [02:20] Color Picker / [03:18] 배경/테두리 지정 / [03:57] 작업내용-1 / [05:38] 타이틀 컬러 / [05:54] 작업내용-1-2 / [07:01] 화살표 만들기 / [08:26] 작업내용-1-3 / [08:49] New / [09:22] New Guide / [11:54] Lock Guides / [12:05] 구분선 / [13:59] 숫자 / [15:02] 특색주기 / [16:19] go 버튼 / [18:19] Gradient / [18:49] stroke / [19:19] 텍스트 입력 / [19:44] 스타일 변형하기 / [21:30] 내용 넣기 / [22:36] 이후작업을 위한 확장 / [24:22] 완성작 / [25:24] 중앙하단작업-1 / [27:31] 중앙하단작업-2 / [29:20] 중앙하단작업-3 / [29:51] 중앙하단작업-4 / [31:29] 레이어 병합 / [32:07] 수정 작업 / [34:04] 중앙하단작업-5 / [34:43] 페이지 분할 / [35:53] 구분선 만들기 / [37:16] 중앙하단작업 - 1단 내용 / [39:09] shaoe 삽입 / [40:12] 중앙하단작업 - 2/3단 내용 / [40:42] 완성작 / [42:07] 강사도 몰랐던 기법 발견 / [43:52] 배경 설정 / [45:19] Gradient Presets / [47:33] 우측배너 - 1 / [48:15] shaoe 삽입 / [49:35] 우측배너 - 2 / [50:27] 우측배너 - 3 / [51:00] 배경 생성 / [52:58] 우측배너 - 마무리 / [56:04] 내용 넣기 / [56:27] view 버튼 / [58:11] 완성작 / [58:57] 메인홈페이지 확인 / [01:00:01] 하단 카피라이트 / [01:02:43] 로고 불러오기 / [01:04:35] 로고 스타일 변경 / [01:06:38] 하단 카피라이트 내용 넣기 / [01:08:39] 배경 생성 / [01:13:03] 완성 메인 시안

10 서브시안 - 좌/퀵 메뉴, 상단 무비용 제작|일러스트/ 포토샵/ 을 이용해 아이콘생성, 메뉴구성을 해 봅시다.

51분

책갈피 : [00:15] 스크롤바 / [00:35] 서브페이지 / [01:04] 홈페이지 하단 / [01:46] 로그인 창 사이즈 / [02:11] 만들 홈페이지 사이즈 / [03:55] 일러스트 작업 / [04:20] 일러스트 열기 / [05:24] 그룹 / [06:23] 각 카테고리 마다 하나의 아이콘 생성 / [07:51] 레이어 생성 / [08:52] 아이콘 생성 / [09:38] 사이즈 포장 / [09:43] 포토샵 시작 / [10:07] 테두리 만들기 / [10:44] Layer Picker / [12:37] 원메뉴 / [13:08] 둥근사각 / [14:01] 타이틀 / [15:03] 그라이언트 효과 / [16:26] 모양내기 / [16:46] 메뉴와 메뉴간 간격 조절 / [18:05] 가이드 고정 / [18:28] width/height / [19:28] 원칙 / [20:11] position 설정 / [22:35] new guide / [23:06] guide 고정 / [23:34] 라인색 / [24:19] 통합 / [24:31] 화살표 만들기 / [25:16] 화살표 내용 만들기 / [25:38] Custom shape tool / [25:50] Fixed size / [26:06] 박스 스타일 만들기 / [26:18] Rounded Rectangle tool / [26:52] 스타일 변경 / [27:16] color overlay / [28:52] 레이어 폴더 만들기 / [29:24] Fixed size / [30:13] 만든 이미지 복사 / [31:55] 카테고리별 메뉴 만들기 / [33:38] 일러스트 아이콘 넣기 / [35:03] 카테고리 copy / [35:42] 기준 잡기 / [37:16] 레이어 폴더 만들기 / [38:12] 카테고리 생성 / [39:00] 일러스트 파일 가져오기 / [39:50] 내용입력 / [41:20] Quick Menu / [43:13] Rounded Rectangle Options / [44:10] 테두리 박스 라운드 처리 / [45:04] Rounded Rectangle tool / [46:14] 라인넣기 / [46:39] 일러스트 아이콘 가져오기 / [47:56] 카테고리 바로가기 / [49:50] 이미지 수정

<제2 스타일 - 무비코딩>

11 무비제작 - 로고, 웹메뉴 제작

40분

책갈피 : [00:00] 배경깔기 / [00:36] 웹용 저장하기 / [01:12] 사용될 레이어 추가 및 설정 / [01:45] 레이어 추가 / [02:13] 레이어 이름 지정 / [02:49] 마스크작업 / [03:44] Convert to Symbol / [04:14] Insert Frame / [05:38] 결과 미리보기 / [05:47] Actions - Frame / [06:10] 로고 - 투명버튼, 하이퍼 / [06:53] Behaviors / [07:32] 반응 구성안내 / [08:53] 배경만 png-8? png-24? / [10:56] 플래시 배경작업 / [11:39] 서브트리 BG / [12:05] 새문서 생성 / [13:00] png, gif 저장시 차이점 / [15:31] 서브 그래픽심볼 / [16:24] 폴더 생성 및 정리 / [16:48] 5 버튼심볼 / [17:16] 내용 입력, 설정 / [18:03] over 설정 / [18:56] 내용 배치 / [19:59] 내용 복사 / [21:21] 트리버튼 쉽게카피 / [22:52] Down, hit / [25:19] 개별액션 및 서브트리 반응 완료 / [26:22] movie clip / [27:07] 마스크작업 / [29:23] Actions - buttom / [31:03] swap Symbol / [33:08] Actions - Frame / [34:47] 결과 미리보기 / [38:39] 오늘의 하이라이트

12 홈페이지 메인화면 일러스트를 이용한 중앙무비 만들기

34분

책갈피 : [00:18] 일러스트 수정하기 / [00:46] 플레시에서 작업할수 있는것 / [01:34] 붙여넣기 / [03:16] 포토샵에서 가져오기 / [03:32] 웹용으로 저장 / [03:56] 플레시 작업 / [04:24] size 지정 / [05:00] '0' 으로 되었는지 확인 / [06:14] 표지판에 텍스트 입력 / [06:38] anti-alias 효과 / [07:02] 애니메이션 효과 / [07:53] 공백키프레임 / [08:51] 끝까지 유지시키기 / [09:21] 이미지 불러오기 / [09:41] Graphic Symbol 로 변환 / [10:24] 순차적 이미지 액션 / [11:28] 모션 주기 / [11:42] 이미지 위치 지정 / [12:05] 이미지 사이즈 조절 / [12:21] color : alpha / [12:59] 모션 주기 / [13:24] 움직이는 효과 주기 / [15:15] 가이드라인 / [15:51] 물결형태로 움직임 주기 / [16:51] 그린 선 모양대로 따라가기 / [17:21] 동선따라 움직이지 않도록 처리 / [17:51] 모션 주기 / [18:35] 레이어 추가 / [18:51] Movie clip 생성 / [19:33] 내용무비 불러와서 영역설정 / [20:50] '테두리' 레이어 잠금 / [21:14] shape tween / [21:59] 레이어 추가 / [22:24] Graphic Symbol 로 변환 / [23:28] 커서가 깜빡거리는 효과 / [25:03] 내용 삽입 / [26:13] 커서 작업 / [26:55] 글씨 내용 입력 / [27:40] 한글자씩 나오도록 텍스트 속성 분해 / [29:49] 액션 효과 주기 / [30:34] 텍스트 스톱 작업 / [31:00] Timeline Control-stop / [31:35] 서브무비 / [33:06] Remove Frames

<제3 스타일 - 콘텐츠 제작>

13 메인상단 - css/플래시점선, 로고, 메뉴, 우상단

42분

책갈피 : [00:00] 강의를 이해하기위한 선수학습 / [01:04] css기능제작, 한파일 적용 / [01:35] 에디트 플러스 / [02:14] st.css / [02:44] 문서 선택기 옵션 / [02:52] 사이트 미리보기 / [03:24] 나모 - 스타일 지정 / [03:37] 드림위버 - 스타일 지정 / [06:46] 플래시링크 점선, 배경 / [07:27] 한배경 공유 / [08:24] 편집기가 아닌 에디트가 편한 이유 / [09:13] 주석처리 / [09:38] 나모 - 문서 여백없애기 / [09:59] 드림위버 - 문서 여백없애기 / [10:33] body / [12:05] 나모/드림위버 메인 테이블 작업 / [13:11] Border / [14:00] 드림위버 - 셀 합치기 작업 / [14:22] 나모 - 셀 합치기 작업 / [16:35] 작업소스 에디트 적용 / [17:17] 공백 제거 / [18:00] 플래시 링크스크립 구현, 로고 / [20:08] 결과 확인 / [20:31] 플래시 메뉴적용 / [21:06] 결과 확인 / [21:30] 우 상단내용 링크 / [22:41] 제로보드 회원가입 링크 / [23:55] 즐겨찾기 스크립 적용 / [24:28] 소스보기 / [26:29] 우상단 소스적용 / [27:11] 프로젝트 확인 / [28:06] Home버튼 제작 / [32:09] 좋은사례/나쁜사례 / [32:15] 이미지 사이즈 쉽게 맞추고 소스적용 / [33:38] 나모 - 이미지 원래 크기로 / [34:38] 이미지 같은 셀 삽입시 문제점 / [36:00] 표 속성 / [37:26] 공백 제거 / [39:33] 링크네임 넣기 / [41:01] 프로젝트 확인 / [41:12] 다음시간 전 알고 있을 프로그램

14 메인상단 - 로그인, 중앙무비, 우상단 Map

47분

책갈피 : [00:39] Blur효과 / [01:09] Adjust color / Bevel 효과등 / [01:47] 중앙무비 삽입 / [02:29] FTP실행 / [03:56] 찾기/바꾸기 / [04:38] 셀 합치기 / [05:21] 로그인사이즈 정하기 / [06:36] 중앙무비 / [07:42] 우측배너 / [08:49] 웹용으로 저장 / [09:12] 이미지분할하면 안되는 이유 / [10:04] 쉬운 삽입방법 / [11:34] 이미지맵 확실히 알기 / [12:31] 이미지맵 영역 / [13:34] usename / [16:09] usemap=#imegemap1"복사 / [17:01] 링크 점선 삭제하지 않는것이 좋다 / [17:46] 링큰점선 없애는 법 / [18:29] 좌측 고객지원 / [19:26] 쉽게 이미지 삽입 / [20:25] 로그인창 코딩 / [21:01] 로그인 후 비번찾기/ 로그아웃 버튼 제작 / [23:32] outlogin_skin / [24:42] 로그인BG / [26:26] 로그인 전/ 후 버튼 분할 / [27:16] 영역확대 / [28:21] 웹용으로 저장 / [29:47] 표속성 / [30:09] 로그인 테이블 맞추기 / [30:54] 표 / [32:40] 셀합치기 / [32:58] 실제 로그인 전 페이지 스킨 코딩 / [33:27] 홈 속성 / [34:01] 제로보드에서 쓰는 아이콘 명으로 변경하기 / [35:18] 스킨 이미지명 변경 후 적용 / [36:34] 아웃로그인 스킨에 올리기 / [37:53] 실제 로그인 되는 곳에 반영 / [39:51] 폼 속성 / [40:49] 스타일 / [41:01] 색상지정 / [43:29] 로그인 한 후 속성 / [44:32] 스타일

15 메인핵심 - 중앙 최신 리스트, 좌 및 우배너

40분

책갈피 : [00:00] 살펴보기 / [00:34] 우측 중앙 배너 수정 / [01:06] save for web / [01:26] 파일 불러오기 / [01:33] 중앙리스트 개별저장, / [01:59] 이미지 분할 / [03:59] save for web / [04:30] 라인 수정하기 / [06:50] 중앙 작업용 테이블 확장 / [07:21] tr 붙여넣기 / [08:43] 공백 지우기 / [09:33] 셀 합치기 / [10:15] 표 만들기 / [13:15] best / [13:50] 이미지 맵 / [14:25] 이미지가 나오게 하려면? / [15:28] 고객의 쓴소리 / [15:43] 하이퍼링크 만들기 / [16:25] 상단바 / [16:43] 이미지 맵 처리 / [17:57] 중앙 하단 2배너 / [18:24] 이미지 맵 처리 / [20:14] 구분선 삽입 / [21:14] 우배너 / [21:31] 이미지 맵 처리 / [23:33] 중앙 게시판 알아둘 사항 / [26:38] 버튼 및 내용 테이블 / [28:21] 파일 인쿠르드 / [29:33] 이미지 등록정보 확인 / [33:03] 인쿠르드 대상파일 / [36:20] 이미지 실수할수 있는 부분 / [37:35] 이미지 경로 / [38:37] 버튼 맵처리

16 메인하단 - 좌우 마무리 js오버연동

32분

책갈피 : [01:02] 이미지 불러오기 / [02:14] 마우스 오버 / [03:37] 사각 선택툴 / [04:13] 합성모드 / [05:12] 이미지분할 / [06:17] 웹 용으로 저장 / [07:17] 드림위버 / [09:06] 웹용HTML 저정 / [10:24] SIZE 지정 / [11:02] Find and Replce / [11:43] 이름 지정 / [12:10] Swap Image / [13:20] Link 걸기 / [14:46] 드림위버 작업소스 확인 / [16:40] 타이틀변경 / [17:55] 링크점선 없애기 / [18:48] 스크립트 복사 / [19:05] 웹용으로저장 / [20:19] 바꾸기 / [21:37] 자바스크립트를 가져와 홈페이지에 적용 / [21:59] 홈페이지 우측 하단 이미지넣기 / [22:38] 나모 웹에디터 실행 / [22:54] 하이퍼링크 만들기 / [24:22] 하단배너 / [25:43] EditPlus 에서 작업하기 / [26:56] 이미지 파일명 수정 / [27:28] 마우스 안나오게 숨기기 / [28:05] 하단카피 제작 / [28:39] 나모웹에디터 / [28:57] 하이퍼링크 만들기 / [30:04] 셀추가 / [30:43] 셀합치기

17 서브 - 서브제작 1

43분

책갈피 : [00:07] 서브 만들기전 설계 / [01:35] 새창열기 / [01:58] 웹사이트 스토리 / [02:39] 넓이/높이 입력 / [03:06] Rasterize 화 시키기 / [03:34] Stroke / [04:10] 공백지우기 / [05:56] 레이어 병합 / [06:34] Smudge Tool / [07:54] 배경넣기 / [08:50] Custom Shape Tool / [10:27] 레이어 복사 / [11:11] Ctrl+T / [13:21] 레이어 복사 / [13:57] 그룹설정 / [15:30] 이미지분할 / [16:11] 웹용으로 저장 / [18:02] 아이콘 그림크기로 정렬 / [18:27] Quick menu 열기 / [19:51] Divide Slice / [20:40] 파일형식 / [23:00] 필요없는 이미지 삭제 / [24:39] 메뉴수정 / [25:18] 웹코딩 / [26:07] 디렉토리 만들기 / [27:56] 좌측 구분선 / [29:01] 셀속성 / [29:48] 높이지정 / [31:04] 셀선택 / [31:30] 표 속성 / [33:32] 구분선 / [33:59] 셀합치기 / [34:20] 셀 속성 / [35:33] 웹용으로 저장 / [36:05] 등록정보 / [36:44] 파일/그림삽입하기 / [36:57] 하이퍼링크 만들기 / [38:01] 왼쪽으로 맞춤 / [38:53] 포토샵으로 작업하기 / [39:24] Canvas Size 조정

18 서브 - 서브제작 2

41분

책갈피 : [00:00] 중간타이틀 / [00:20] 테이블 생성 / [00:54] 에디트플러스를 이용한 테이블 생성 / [01:53] 이미지 사이즈 확인 및 적용 / [02:16] 이미지 경로 지정 / [02:40] 두번째 셀 생성 / [03:37] 이미지 소스 쉽게 불러오는 방법 / [04:36] 페이지 경로작업 / [04:48] 나모-테이블 생성 / [05:33] Home에 하이퍼 링크 / [06:25] 테이블 정렬 않먹힐때 / [06:53] 결과값 붙여넣기 / [07:15] 오른쪽 여백주기 / [08:39] 빈셀을 이용한 사이즈 맞추기 / [09:48] 구분선 색깔 변경하기 / [10:28] 페이지별 구분 주석달기 / [11:43] 좌 서브별통합 롤오버 / [12:36] 타이틀 사이즈 확인 및 적용 / [13:22] 마우스오버 적용 / [13:42] CEO 인사 추가하기 / [14:34] 주소파일 불러오기 / [14:51] 작업내용 테스트 / [15:26] 회사연혁 추가하기 / [16:56] 경영이념 추가하기 / [18:10] 완성파일 확인 / [18:32] 다른서브에 서브통합 쉽게 적용 / [19:11] 왼쪽 메뉴 변경 / [22:27] 서브별 다른 플래시메뉴 / [23:54] Publish Settings / [25:27] 결과물 확인 / [25:58] 구분 작업 / [28:28] 구분 작업 복사 및 적용 / [29:53] 파일 업로드 / [30:11] 바뀐메뉴 모든웹페이지 한번에 수정 / [31:33] 확장성 위한 서브테이블 긴급수정 / [32:58] 문제점 발생시 해결 방안 / [34:54] 나모사용자 주의사항 / [36:39] 서브 수정 완료 / [39:09] CEO 인사 적용하기

19 최종 - 보드, 회원가입, 마무리

33분

책갈피 : [00:00] 헤더, 푸터 파일폴더 / [00:37] 고객센터 폴더 생성 / [01:39] 보드용 좌메뉴 / [02:16] 이미지 경로 일괄 변경 / [04:01] 보드가 아닌 페이지 셋팅 / [04:59] 홈페이지 확인 / [05:07] 공지사항 헤더, 푸터 / [06:15] 원격파일로 저장 / [06:45] 타이틀 지정 / [07:14] 홈페이지 확인 / [07:44] 스킨 수정 / [08:05] 플래시 변경 / [08:45] 잔여 보드작업 / [09:43] 완성페이지 확인 / [09:59] 회원가입 페이지 / [11:43] member join / [13:16] 회원가입 페이지 확인 / [14:30] 이용약관 낮게 나올때 / [15:47] 게시판 CSS / [16:35] 홈페이지 확인 / [16:45] 게시판 연동 / [17:38] 최근게시물 테이블 / [17:53] 소요되는 소스 및 셀작업 / [18:49] Loop / [20:19] 배경컬러 변경 / [20:55] 실제출력 보면서 수정 / [21:57] 글쓴이 아이디 출력 / [22:24] 여백 조정 / [22:42] 정렬값 넣기 / [23:37] 보이는 글자수 수정 / [24:06] 게시판 연동 설정 / [24:46] 관리기술 일괄수정작업 / [28:30] 새창 주문폼 열기 / [30:08] 팝업네임의 중요성 / [30:29] 하이퍼링크 속성 / [32:18] 스크립 JS파일 생성후 연동 / [32:43] 홈페이지 확인

샘플확인 : 알지오 검색후 -> 강의검색란 -> 웹기획 + 제작실습