알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>웹기획제작>웹기획 + 제작실습

웹기획 + 제작실습

웹기획 + 제작실습
19회차 속성과정
전체 : 12시간 11분|회차당 평균 : 38분28초

이용기간 2개월

전문강사 : 이준호

430,000260,000



웹기획 + 제작실습 사용법 강좌
웹사이트 기획부터 제작 까지 모든 과정을 보여드립니다.
보드 시스템은 알지오 에 서 강의하고 있는 Board System 중 알맞는 학과 로 이용하면 됩니다.
  • 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.37분 메인시안 - 좌 BEST!!, 우 순위

    책갈피 : [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.1시간 17분 메인시안 - 하 3단, 카피라이트 마무리

    책갈피 : [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.42분 메인상단 - css/플래시점선, 로고, 메뉴, 우상단

    책갈피 : [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.47분 메인상단 - 로그인, 중앙무비, 우상단 Map

    책갈피 : [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.32분 메인하단 - 좌우 마무리 js오버연동

    책갈피 : [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.43분 서브 - 서브제작 1

    책갈피 : [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.41분 서브 - 서브제작 2

    책갈피 : [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] 홈페이지 확인