테크노트 - 총 12시간 3분 / 강의당평균 : 36분8초

테크노트

전체 : 12시간 3분 / 강의당평균 : 36분8초

01 테크노트의 시작!

putty를 사용한 설치, 관리자 모드 적응, 게시판 생성, 글작성

39분

책갈피 : [01:02] 테크노트 파일 설치 / [02:05] putty 로그인 / [03:00] password 입력 / [04:15] ftp 파일 확인 / [05:15] 압축파일 이름변경 / [05:46] www 폴더 이동 / [06:29] 테크노트 설치 / [07:46] 설치완료 / [08:37] 이미지 삽입 / [09:24] 이미지 테두리 색상 / [10:31] 이미지 URL 입력 / [11:05] 결과 확인 / [12:00] 관리 데스크 편집 / [13:35] 관리스케즐&다이어리 / [14:20] 스케줄&일정등록 / [15:01] community / [16:11] 설치정보 / [17:11] 관리 비밀번호 변경 / [18:51] Root 관리도구 치료 / [19:07] 회원레벨 / [20:45] 보드관리 / [20:56] 보드 생성 / [21:56] 생성된 보드 확인 / [22:18] 보드 설정 / [23:06] 보드 테마설정 / [23:51] 작성한 글 확인 / [25:07] 글 작성 / [26:25] 작성된 글 미리보기 / [27:11] 파일첨부 / [28:33] 댓글 작성 / [29:26] 본문 추출 / [30:22] 글자 크기 조절 / [31:26] 테마 설정된 보드에 글 작성 / [32:37] 작성된 글 목록 확인 / [33:43] 댓글 작성 / [34:15] 결과 확인 / [35:19] 확장 검색 / [36:30] 보드 설정 수정 / [37:07] 글쓰기 설정

02 보드관리설정에 대해 알아보기

보드관리통합/디렉터리만들기/main/index/body/write/align/padding/color/ftp와 edit연동/권한설정/포인트설정

38분

책갈피 : [00:00] 보드관리설정 / [00:26] 확인 / [00:46] deskeditor / [01:19] 보드한글명칭 / [01:30] 보드관리통합 / [01:47] 주소직접입력 / [02:44] admin.php와 board.php / [03:08] 스킨설정 / [03:25] 경로찾기 / [04:09] 디렉터리만들기 / [04:35] 폴더삭제 / [05:36] edit plus / [05:52] 이름변경 / [06:24] main파일 / [07:23] 파일명변경 / [07:57] 파일삭제 / [08:09] index파일 / [08:49] body파일 / [09:21] 파일명변경 / [09:58] write파일 / [10:35] editor확인 / [11:17] 파일명변경 / [11:53] edit소스보기 / [12:43] 소스변경 / [12:59] 스킨설정화면 보기 / [13:35] 전체상단내용삽입 / [13:58] 게시판확인 / [14:19] 변경값적용 / [14:48] 텍스트변경후 확인 / [15:11] div align / [15:35] align값 변경 후 확인 / [16:35] padding / [16:51] padding값 변경 후 확인 / [18:07] 전체하단의 내용삽입 / [18:28] 내용변경후 확인 / [20:25] color / [20:50] color변경 후 확인 / [22:01] ftp와 edit의 연동 / [23:38] 권한설정/포인트설정/접속통제 / [23:53] 포인트 / [24:10] 아이피접속차단 / [24:24] main 글목록 출력설정 / [24:54] 색변경 후 확인 / [26:42] 글작성 / [28:00] 마우스over변환색 / [28:41] 테이블라인색 / [29:57] 글제목길이제한 / [31:02] 페이지번호 표시개수 / [31:45] new아이콘 / [32:58] test1 글작성 / [33:24] 카테고리아이템 / [34:43] 저장후 확인 / [35:00] 글목록출력셀 설정 / [36:35] 설정값 변경후 확인

03 보드관리설정에 대해 알아보기Ⅱ

테이블출력셀설정/출력동작설정/tool/검색폼출력스타일/본문출력설정/댓글설정/추천설문투표/보드관련테이블/본문출력요소/파일첨부설정

36분

책갈피 : [00:00] 테이블출력셀 설정 / [00:27] 설정수정 / [00:43] 보안설정 / [00:58] 확인 / [01:17] 이미지저장 / [01:48] 파일수정 / [02:15] 다운로드 / [02:47] 섬네일설정 / [02:57] 확인 / [03:44] 이미지스타일 / [04:02] 출력동작설정 / [04:20] width/height / [04:30] 확인 / [04:41] 크기변경후 확인 / [05:26] 출력동작변경 / [06:32] 그림아래내용 / [06:56] 설정변경후 확인 / [07:29] 글제목설정후 확인 / [08:07] 년월일설정후 확인 / [09:19] 목록페이지출력요소 / [09:35] 글제목앞의 아이콘 / [10:01] 해제후 확인 / [10:27] tool / [10:58] 도구모음 / [11:06] 접속자도구 / [11:19] 통계도구 / [11:39] tool설정해제후 확인 / [12:17] 설정변경후 확인 / [13:10] 툴바아이콘 / [13:49] 로그인버튼설정후 확인 / [14:44] 검색폼출력 스타일 / [14:55] 변경후 확인 / [15:56] 글목록내용삽입 / [16:19] 내용입력후 확인 / [16:55] 내용변경후 확인 / [17:40] 본문출력설정 / [17:48] 출력박스너비설정 / [18:24] 변경후 확인 / [18:52] 상단박스 테두리색 / [19:41] 상단박스 배경색 / [20:28] 본문박스 테두리색 / [21:08] 본문박스 배경색 / [21:42] 댓글글자수제한 / [22:24] 변경후 확인 / [23:47] 새창본문출력창크기 / [23:56] 조회수증가형식 / [24:08] 답글수에따른 차단 / [24:33] 댓글허용개수 / [25:01] 추천설문투표 / [25:43] 투표창 / [26:17] 추천범위 / [26:47] 날짜출력형식 / [27:13] 작성자우선출력순서 / [27:37] db관리 / [27:45] 보드관련테이블 / [28:05] 글제목아이콘 / [28:25] 변경후 확인 / [29:45] 본문출력요소지정 / [30:40] 설정변경후 확인 / [31:55] 작성자항목 / [32:23] 변경후 확인 / [32:47] 추천버튼 / [33:14] 본문의 글목록 / [34:18] 파일첨부의 본문삽입 / [35:14] 댓글입력폼 스타일 / [35:45] 버튼출력 스타일 / [36:08] 고전스타일 / [36:16] 댓글의 스팸차단

04 보드관리설정에 대해 알아보기Ⅲ

본문내용/글쓰기설정/종합관리페이지/용량제한/입력항목추가/글입력형태/입력창제한/check box와 radio

37분

책갈피 : [00:00] 본문출력박스 내용 / [00:33] 내용입력 / [01:10] 소스적용 후 확인 / [01:45] font family / [02:35] 글쓰기 설정 / [02:52] 글제목글자수 제한 / [04:16] 본문입력모드 / [05:03] 글쓰기 편집도구 / [05:57] 입력모드의 전환허용 / [06:43] 파일첨부허용 / [08:15] 본문입력란 크기조정 / [09:27] 글쓰기권한 / [11:06] 작성자사항 자동입력 / [11:36] html태그 삽입허용 / [12:22] 외부입력폼 차단 / [13:10] 스팸차단용이미지문자적용 / [13:43] 작성후 확인 / [14:39] 답변시 원본자동삽입 / [15:55] 본문글 용량 / [16:18] 변경후 확인 / [17:01] 종합관리페이지 / [17:09] 전체보드의 용량제한 / [17:30] 첨부파일 차단확장자 / [18:10] 저장후의 페이지 / [18:24] 입력후 확인 / [19:19] 글쓰기 입력양식 / [19:51] 변경후 확인 / [21:22] 답변통보sms / [22:08] 여러회 통보 / [22:57] 입력항목추가설정 / [23:20] 추가생성하기창 / [23:58] 입력란 추가생성 / [24:22] 타이틀 / [24:33] 글입력 형태 / [25:28] 저장용량제한 / [25:37] 확인 / [25:55] 내용변경 / [26:13] 저장후 확인 / [26:47] 추가생성내용변경 / [27:13] 저장 후 확인 / [28:44] 한줄형태의 텍스트 / [29:10] 글자수제한 / [29:22] 입력칸의 길이 / [29:30] 기본입력텍스트 / [29:47] 확인 / [30:28] 여러줄의 텍스트 / [30:40] 확인 / [31:26] 전화번호 항목 / [31:39] 설정값 입력 / [32:14] 취미항목 / [32:38] 첨부파일 항목 / [33:04] 확인 / [33:38] checkbox와 radio / [34:20] 입력필수항목 지정 / [34:49] 확인 / [35:17] 기본선택지정 / [35:34] 확인 / [36:06] 다른메뉴에서의 기본선택 / [36:21] 확인

05 보드관리설정과 테크노트의 구성

php실행코드추가/테이블의 상단과 하단내용/자동메일SMS/실명인증/계좌이체/new item/쇼핑몰연동/설정항목추가&수정&삭제/테마활용/테크노트의 파일들/iboard.php

36분

책갈피 : [00:00] php실행 코드추가1 / [00:31] 코드추가2 / [00:50] 코드추가3 / [00:59] 본문기본내용입력 / [01:21] 내용입력후 확인 / [02:07] 다른내용입력후 확인 / [02:40] 태그입력후 확인 / [03:25] border값 변경 / [04:21] 테이블상단내용 / [04:53] 텍스트추가후 확인 / [05:25] align값 변경 / [06:27] style변경 / [06:56] 테이블하단내용 / [07:35] 자동메일과 SMS / [08:28] 새글통보 / [09:40] 설정경로 / [10:31] 소스보기 / [11:21] 다른소스 / [11:49] 실명인증 / [12:05] 회원등록 확인설정 / [12:48] realname_form.php / [13:36] 계좌이체 / [13:53] 포인트설정 / [14:40] point_up_card.php / [15:35] 결재모듈방식 / [15:51] new item / [16:05] 쇼핑몰 연동 / [16:48] 설정항목추가생성 / [17:39] 글목록출력스킨 / [18:29] 기능연결스위치 / [19:18] 항목추가예제 / [19:56] 확인 / [20:52] main_html.php / [21:34] 소스수정 / [22:01] 업로드 / [22:45] 풀다운설정항목생성 / [23:50] 추가된 항목확인 / [24:05] 소스에 입력 / [24:38] 업로드후 확인 / [25:32] 추가설정변수 / [26:08] 설정항목 수정과 삭제 / [26:18] 설정적용 / [26:32] 변경값적용 / [26:40] 기본값적용 / [26:48] 적용항목 / [27:04] 설정값복사적용 / [27:33] 테마활용하기 / [28:05] 경로확인 / [28:45] 테마선택 / [29:04] 테마등록 / [29:38] 테마삭제 / [30:31] 보드설정항목 / [30:55] 테크노트의 구성 / [31:23] php파일설명 / [32:20] 원격열기 / [32:32] util_iboard.php / [33:45] 기본값설정코드 / [34:17] 설정셋트생성 / [35:03] 출력시작코드 / [35:26] 상단출력코드

06 iboard의 구조 파악

Table_Default_set, Notice_style_set, html 출력시작, table_head

36분

책갈피 : [00:08] 글목록 테이블 시작 / [00:33] 글목록 테이블 종료 / [00:46] 글목록 각 라인에 적용 / [01:11] 보드 카운타 정보 출력 / [01:32] 로그인/로그아웃 폼 태그 / [01:49] 글목록의 td 태그 출력 / [02:58] 실행 function / [04:08] 회원 로그인폼 삽입 보기 / [04:30] 카운타 정보 출력 예 / [07:09] i보드 설정 옵션 / [07:26] TABLE_open_function / [08:01] TABLE_head_function / [08:26] TR_function / [08:39] TD_function_set / [09:33] TABLE_close_function / [10:16] index_many / [10:33] cols_repeat / [11:09] new_icon_time / [11:31] album_click_after / [12:18] notice_print / [12:48] index_reverse / [13:16] category / [14:09] config / [14:30] mysql_where / [15:18] mysql_orderby / [16:03] cache_sec / [17:21] util 살펴보기 / [19:37] onlinelist.php / [20:33] loginform.php / [21:21] rank_b.php / [21:56] rank_m.php / [22:25] login_output.php / [22:56] recommend_id.php / [23:22] util_rss.php / [24:18] 폴더 살펴보기 / [25:07] skin_board / [26:37] skin_board 하위 메뉴 / [27:14] skin_member / [27:33] skin_member 하위 메뉴 / [28:55] skin_shop / [29:22] skin에 대해 살펴보기 / [30:11] 다른 보드 적용 / [31:03] 폴더 업로드 / [31:52] 스킨 설정 / [32:37] 다른 스킨으로 변경 / [33:05] 변경 값 적용

07 회원관리를 체계적으로!

메일 보내기, 기초설정, 회원등록양식 설정, 회원등록 제한

36분

책갈피 : [00:05] 두개 보드관리-통합의 다른점 / [02:04] 두개 보드관리-통합 같이 사용하기 / [02:23] 메일 팝업창 / [03:12] 메일 팝업창에 제목과 본문 작성 / [04:00] 메일 창에 테이블 만들기 / [05:15] 셀 안쪽 여백 설정 / [05:46] 라인 두께 입력 / [07:15] top 바탕색 / [07:46] left 바탕색 / [08:41] 라인색 / [09:30] 표 선택 후 확인 / [10:28] 분할발송 단위 보기 / [11:07] 백업 / [12:00] 치료 / [12:37] 복사 / [13:13] 보드 비움 / [13:46] 점검,순서변경 / [15:00] 보드 리스트 점검,변경 / [15:22] 보드 생성 / [15:58] 회원관리-통합 / [16:17] 회원관리 설정 / [16:41] 기초 설정 / [18:22] 회원관련 페이지 스킨 및 등록양식 설정 / [18:47] 회원관련 스킨확인 / [19:03] 새 스킨 작성하기 / [21:11] 회원등록폼 입력양식 구성 확인 / [22:18] 보기 버튼으로 회원등록 양식 확인 / [22:44] 입력란 출력 / [23:41] 입력란 출력 체크 해제 후 확인 / [25:11] 회원등록폼 출력전 확인단계 설정 / [25:48] 회원등록폼-입력항목 추가 / [27:02] 회원등록폼-입력항목 추가2 수정 / [27:37] 저장 후 보기 / [28:26] 회원등록폼-입력항목 추가3 입력 / [29:30] 회원등록폼 상단,하단에 내용 삽입 / [30:41] 회원등록 제한 설정 및 등록내용 체크 / [31:51] 외부등록, 자동등록기 차단 지정 / [33:22] 아이디에 영문자, 숫자 외 글자제한 / [33:43] 나이제한 / [34:53] 등록차단 아이디와 비번 지정

08 회원관리를 체계적으로!Ⅱ, 테크샵

php 실행코드 추가, 메일, SMS 발송, 기타 통제

37분

책갈피 : [00:02] 회원등록 과정에 php 실행코드 추가하기 / [00:31] 회원등록 초기값 설정 / [01:07] 회원등록과 동시에 자동 로그인 상태로됨 예제 보기 / [02:38] 회원등록, 수정후 출력될 페이지 URL / [03:12] 회원등록시 메일,쪽지,SMS 자동발송 / [05:25] 로그인, 로그아웃 관련 설정 / [08:07] 권한 및 기타 통제 설정 / [09:30] 권한 설정 / [09:41] 회원 레벨 / [10:39] 적립 포인트 / [11:13] 쪽지 기능 사용 권한의 예 / [13:13] 1일간 문자전송 허용 횟수 / [13:48] 회원탈퇴시 회원정보를 다른 보드로 복사 / [14:33] 회원 탈퇴시 회원정보 삭제 처리 / [15:13] 관리자 확인 후 회원정보 삭제 / [16:51] 설정 적용 / [18:00] 쇼핑몰 / [18:11] 쇼핑몰 프레임 생성하기 / [19:32] 주문 현황 / [20:11] 회원 등록 현황 / [20:33] 상품평, 사용후기 보기 / [21:59] 품질 만족도 / [22:11] 상품 후기 눌러 상품정보보기 / [23:07] 주문접수 추이 / [23:29] 주문접수 상세페이지 / [24:59] 실제로 주문해보기 / [25:30] 장바구니 목록 / [25:45] 주문서 작성 / [26:40] 주문 완료 / [27:03] 주문관리 보기 / [27:26] 선택대상 수정 / [28:03] 마이페이지 보기 / [28:15] 주문 목록 확인 / [28:41] 처리상태 배송 완료로 변경 / [29:10] 다른 상품 주문 / [29:51] 마이페이지에서 주문 확인 / [30:25] 주문자 명으로 찾기 / [31:21] 주문번호로 찾기 / [31:45] 선택한 주문자에게 메일 전송 / [32:35] 선택한 주문자에게 문자 전송 / [33:37] 주문 목록 엑셀 다운로드 / [34:22] 엑셀 파일 열기 / [35:45] 주문서 확장 목록 / [35:54] 관리및 업무처리 상황 변경

09 테크샵 파고들기

주문관리, 가격설정, 배송설정, 스킨 복사본 만들기

38분

책갈피 : [00:06] 주문서 통합목록 / [01:11] 일괄 수정 / [02:00] 확장 통합 목록 / [03:07] 일괄수정 모드 / [03:49] 통계 / [04:29] 매출 통계 / [04:43] 주문 상품 순위 / [04:57] 접속 통계 / [05:15] 퀵메뉴 / [06:00] 품절된 상품으로 수정 / [07:09] 가격 변경 / [07:58] 가격 변경 확인 / [08:26] 상품 진열 수정 / [09:09] 선택 수정 / [10:31] 매장 출력 설정 / [11:33] SHOP 스킨 설정 방법 / [12:03] 스킨 보기 / [12:26] 새 스킨 추가 / [13:15] 레이아웃 / [13:54] view_body / [15:52] pay / [16:15] s_img / [16:33] test / [17:00] 홈페이지 레이아웃 보기 / [17:56] 입력한 스킨 확인 / [18:48] 레이아웃(상) / [20:33] t-shop 보드 설정에 html 스킨 보기 / [21:44] twindow / [23:03] iwindow와 twindow의 차이 / [23:45] 테크노트 스킨 제작 / [24:00] 스킨의 개념 / [24:29] 스킨의 용도 / [24:59] 보드관리-스킨설정 / [25:30] 스킨 파일의 구성 보기 / [26:18] 보드 관련 스킨 작업 / [27:45] 새 스킨 제작하기 / [28:51] 보드 설정 / [29:21] 스킨 설정 / [30:11] 전체 레이아웃의 구성 스킨 파일보기 / [32:14] 보드의 본문 스킨 파일 열기 / [33:52] write.php 열기 / [34:37] 본문편집기 코드 보기 / [35:29] main_html.php 더 추가하는 방법 / [36:30] index 추가하기 / [37:06] 본문에 대한 스킨 복사 / [37:31] 글쓰기 폼 스킨 생성

10 스킨제작하기 Ⅰ

스킨 제작시 발생되는 오류사항을 해결하고 글쓰기폼 용량을 늘리는 방법에 대해 강의합니다.

36분

책갈피 : [00:08] 스킨 오류 확인 / [00:35] 에디트플러스로 접속해 오류 보기 / [01:49] c_homepage 파일 불러오기 / [02:46] 두 파일의 다른점 / [03:15] 오류 수정 / [03:51] 새로고침 / [04:14] 오류 수정후 확인 / [04:30] 보드 스킨 파일 내의 경로 보기 / [05:00] 상대 경로 표현 / [05:15] 스킨 소스 내에서 자신의 경로를 표현하고 싶을때 / [05:55] 스킨 파일 소스 내에 이미지 파일태그 삽입 / [08:13] 직접 아이콘 변경 / [09:48] 새로고침 / [10:20] 다른 아이콘 이미지 변경 / [11:39] 새로고침 / [11:54] 인클루드 경로 살펴보기 / [12:43] 인클루드 시키는 php 파일 찾기 / [13:22] 다른 스킨에서 php 파일 사용 확인 / [15:20] 스킨 파일 추가할때의 예 / [15:43] 스킨 폴더 추가후 보드 출력 상단에 삽입시키기 / [17:26] include this_skin 입력 / [18:22] footer_layer 메인 html에 삽입시키기 / [19:56] 스킨파일 분할 / [21:22] 테크노트 파일로 저장 / [21:45] 코드 입력 / [22:45] 본문에 대한 용량 늘리기 / [23:33] 본문글 최대 허용 용량 지정 / [24:00] 보드 관련 테이블 / [25:02] tbody에서 변경 / [26:15] utf-8버전인데 한글이 깨질 경우 / [28:11] 디렉토리 삭제 / [29:10] 파일 첨부가 2m 이상 안될 경우 / [29:41] 일반 첨부파일 용량 제한 설정 / [30:17] php 버전에서 업로드 파일 사이즈 보기 / [31:00] 소스 수정시 문제 생길 경우 / [32:15] 최상위 경로 파일 보기 / [32:52] 기본 설정 / [33:36] 일반회원에게 모든글 수정권한을 주고 싶을 경우 / [35:36] 관리자 권한을 갖게 되는 회원레벨

11 스킨제작하기 Ⅱ

게시판의 제목부분을 수정하고 이미지를 이용해서 메뉴를 변경합니다.

37분

책갈피 : [00:04] 스킨 수정 / [00:35] 에디트플러스에서 원격으로 스킨 수정하기 / [02:46] 글목록 테이블 / [02:59] text-decoration 속성 / [03:34] text-decoration:underline / [04:15] text-decoration:overline / [04:30] text-decoration:line-through / [06:26] color / [06:55] html 도구모음 / [07:00] 글자 색 변경 / [09:05] 마우스 오버 시 글자에 밑줄 넣기 / [09:39] 마우스 오버 시 글자에 윗줄 넣기 / [10:52] 메인 인덱스 테이블 / [11:03] head / [11:26] height 매소드 / [12:45] border값 입력 / [14:37] color 설정 / [15:30] 백그라운드 이미지 url / [15:56] ftp로 접속해 이미지 확인 / [16:30] 이미지 바꿔 사용하기 / [16:52] 새로고침 / [18:52] 이미지 border값 확인 / [19:22] border에 픽셀값 적용 / [20:03] visited 부분에 컬러 적용 / [21:07] list_check / [21:37] border에 테두리 입력 / [22:52] text-align / [23:18] text-align:left / [23:52] text-align:right / [26:18] list_no / [27:51] border의 속성 / [29:06] solid 값 dotted로 변경 / [29:41] dashed / [30:29] solid / [31:00] double / [32:30] groove / [34:22] ridge / [35:30] inset / [36:28] outset / [36:46] hidden

12 스킨제작하기 Ⅲ

border의 속성, 글꼴의 속성, 게시판의 글꼴을 전체적으로 변경해봅니다

36분

책갈피 : [00:02] border의 속성 / [00:48] border-top / [01:34] border 속성 적용 / [02:22] border-left / [03:23] border-bottom / [04:00] border-right / [04:15] border-bottom 추가 / [05:15] 그림자 효과 넣기 / [06:46] 색 변경 / [07:25] 폰트사이즈의 여러가지 표현 / [08:13] 폰트 사이즈 변경 / [09:00] 폰트 사이즈 small 입력 / [10:09] font-famliy 속성 / [11:37] 글꼴 적용 / [12:18] 맑은 고딕체 적용 / [13:15] 글꼴 입력시 주의할 점 / [14:18] serif와 sans serif 의 차이점 / [16:00] serif 입력 / [18:00] 삐침이 없는 서체 보기 / [18:45] sans serif 입력 / [22:07] 맑은 고딕체 입력 / [23:11] 색 변경 / [24:00] 마우스 오버시 밑줄 생성 / [24:30] 가독성과 판독성 / [26:36] 작성일 부분 글자 변경 / [27:22] font-famliy 변경 / [28:26] 영문 서체로 변경 / [29:18] georgia체 / [29:55] sans serif체로 변경 / [30:47] 글쓴이 부분 수정 / [31:30] font-famliy 입력 / [31:41] text-align:center / [32:15] 폰트 사이즈 수정 / [32:45] 글자체 변경 / [33:52] 조회수 글자 변경 / [34:50] 조회수, 작성일 폰트 크기 맞추기 / [35:16] 폰트 컬러 적용

13 스킨제작하기 Ⅳ

padding에 대해 공부하고 게시판의 스타일을 변경해봅니다.

30분

책갈피 : [00:27] list_subject / [01:21] width 값 숫자로 정의 / [02:07] word-break / [02:30] word-break:break-all / [03:53] padding / [04:46] padding 값의 기준 / [05:46] padding 방향 지정 / [06:26] padding-top / [06:56] padding-bottom / [07:30] 두 군데 공백 넣기 / [08:39] padding-left / [09:33] padding 에 방향별 픽셀 값 입력 / [11:05] 픽셀 값 순서 보기 / [12:24] 픽셀 값 두개 지정 / [13:15] 픽셀 값 단독 지정 / [14:01] font_repcnt / [14:28] 컬러 변경 / [14:48] 폰트 사이즈 변경 / [15:41] font-family 입력 / [16:36] 밑줄 넣기 / [17:22] text-decoration 입력 / [18:03] border 입력 / [19:03] border에서 색상 지정 / [19:30] border에서 픽셀 입력 / [20:02] text-decoration과 border의 차이점 / [21:03] list_name / [21:59] text-align 방향 변경 / [22:33] letter-spacing / [24:00] letter-spacing 마이너스 값 입력 / [24:56] border 값 보기 / [26:41] 가로길이 늘리기 / [27:45] 작성일 부분 테이블 늘리기 / [28:22] list_hit / [28:40] list_category

14 스킨제작하기 Ⅴ

padding/magine/border를 사용해 게시판의 스타일을 변경하고 페이지 번호 스타일을 변경해봅니다.

34분

책갈피 : [00:05] 픽셀 값 넣어 살펴보기 / [01:03] right 에 픽셀 값 입력 / [01:19] left 에 픽셀 값 입력 / [01:56] top에 픽셀 값 입력 / [02:15] 모든 값 0으로 입력 / [02:43] margin값 보기 / [03:23] margin값 설정 / [04:46] padding 값 설정 / [05:09] margin값 설정 / [06:00] padding과 margin의 차이점 / [08:13] margin에 마이너스 값 입력 / [10:24] 본문 출력 상태인 글 제목엔 밑줄 / [11:22] margin-left / [11:35] mainbutton / [12:05] margin-left 설정 / [12:26] 목록 부분 살펴보기 / [12:58] 백그라운드 컬러 입력 / [13:35] height 값 입력 / [14:37] border 값 입력 / [15:50] border 값 속성 수정 / [17:14] page_number / [17:45] 컬러 변경 / [18:02] 폰트 사이즈 픽셀값 입력 / [18:48] 폰트 패밀리 입력 / [20:18] border 값 색 입력 / [21:17] 백그라운드 컬러 입력 / [21:37] 백그라운드 색 만으로 구분하기 / [22:22] padding과 margin의 차이점 / [24:07] border 값 설정 / [24:40] padding과 margin 응용 / [25:32] 게시판 꾸미기 / [26:18] css 수정 / [27:07] 제목 색 변경 / [27:56] text-decoration 없애기 / [28:51] 마이스 오버시 제목 굵게 색 넣기 / [29:03] font-weight / [29:48] font-weight:bold / [30:18] font-weight:bolder / [31:15] 컬러 입력 / [31:44] head 보기 / [33:15] 이미지 설정

15 게시판 만들기 Ⅰ

css를 활용해 게시판 스타일을 변경해봅니다.

25분

책갈피 : [00:00] css 수정 / [01:41] 체크박스 살펴보기 / [02:07] text-align:center 입력 / [02:28] 체크박스 border 입력 / [03:07] 확인 / [03:15] list_no / [04:10] 폰트 패밀리 설정 / [04:53] list_subject / [05:14] width 값 보기 / [06:00] word-break / [07:38] border-right 입력 / [08:39] font_repcnt / [08:58] 댓글 속성 변경 / [10:07] 제목과 같은 속성으로 서체 입력하기 / [10:48] list_name / [11:43] 글자 간격 좁히기 / [12:58] 제목에 맞게 간격 조정 / [13:35] 소스 내용 수정 / [14:39] list_hit / [15:18] list_category / [16:52] lisr_hr_line / [18:15] 위쪽 스킨 수정 / [19:29] 하단 메인버튼 / [19:55] margin-left로 변경 / [20:18] page_number 수정 / [21:11] 테크노트 php 에서 컬러 수정 / [22:48] 스타일 입력 / [24:00] 안내 부분 수정 / [25:26] 글꼴 변경 / [26:15] 폰트사이즈 설정 / [26:52] 본문 작성 / [27:52] text-align 생성 / [29:29] 하단 부분 css 보기 / [30:18] css 커서 변경 / [31:33] 진행 모양 커서 입력 / [32:21] text 커서 입력 / [32:37] s-resize / [33:00] w-resize / [34:00] 다른 속성값 주기 / [35:15] 보더값 입력 후 확인

16 게시판 만들기 Ⅱ

메뉴 아이콘의 이미지를 변경하고 배경을 변경해봅니다.

35분

책갈피 : [00:09] 아이콘 이미지 변경 / [00:17] 경로 확인 / [00:52] sh_subject 다운 / [01:18] ftp 업로드 / [01:49] 본문 아이콘 이미지 수정 / [02:38] 이름 아이콘 이미지 수정 / [04:23] 툴바 아이콘 변경 / [05:30] 아이콘 크기 변경 / [06:00] 제목 부분 수정 / [07:12] 원격 파일 열기 / [07:43] 스타일 CSS 보기 / [08:22] 스타일 CSS 변경 / [08:48] 작성자, 홈페이지 출력부분 색 변경 / [10:31] 컬러와 백그라운드 컬러의 차이점 / [10:50] 색 변경 / [10:56] 확인 / [11:50] 가로길이 픽셀값 입력 / [12:07] 패딩값 변경 / [13:03] text-align 값 입력 / [15:46] 확인 / [16:03] detail-right 설정 / [18:25] 폰트 사이즈 입력 / [19:18] 줄 맞추기 / [19:45] 패딩 left 값 확인 / [20:30] 본문 수정 / [21:07] 폰트 변경 / [21:55] bgcolor 변경 / [23:03] 백 그라운드 컬러와 bgcolor 직접 사용 / [23:52] 확인 / [24:41] color 보기 / [25:44] color 회색 변경 / [25:56] 본문 절대값 높이 정하기 / [27:02] 글자크기 버튼 / [28:03] 버튼에 문장 입력 / [28:44] 글자 크기 설정 / [30:26] 글 제목 / [30:41] 글꼴 하나로 설정하기 / [31:11] 확인 / [32:19] 폰트값 픽셀로 입력 / [33:07] 글자 간격 / [33:34] 제목 부분에만 밑줄 긋기 / [33:43] border값 입력 / [34:34] 묶어서 스타일 지정 / [34:52] 밑줄 형태 변경

17 메인페이지 만들기 Ⅰ

메인페이지의 전체적인 디자인을 변경해봅니다.

37분

책갈피 : [00:20] 복잡한 홈페이지 수정하기 / [01:03] 수정할 PHP 파일 열기 / [01:55] 일괄 저장 / [02:20] 배경 이미지로 변경 / [02:53] 이미지 삽입 / [04:15] 이미지 경로 찾기 / [04:59] 이미지 미리 보기 / [05:15] 홈페이지에서 새로 고침 / [05:54] TOP 메뉴 부분 수정 / [06:30] ftp로 버튼 확인 / [07:00] 다른 이미지로 저장 / [07:40] 확인 / [07:54] 메뉴 위쪽으로 테두리 생성 / [08:22] border 설정 / [08:58] 색깔 적용 / [09:22] 활성상태에도 border 값 적용 / [09:41] 밑 부분에 border 값 입력 / [10:22] 확인 / [10:45] 위쪽 부분 컬러 변경 / [10:58] 비활성화 상태 컬러 변경 / [11:24] 부속 메뉴 변경 / [11:48] home 부분 보기 / [12:05] css 보기 / [12:37] 글씨 색상 변경 / [12:52] 확인 / [13:05] 글씨 색상 변경 / [13:26] 확인 / [13:48] 글꼴 설정 / [14:30] 폰트 사이즈 설정 / [15:03] 윗 부분 글씨체 변경 / [16:15] 최상단 우측 메뉴 살펴보기 / [16:37] 색상 변경 / [17:37] 확인 / [17:48] 폰트 사이즈 변경 / [18:48] 백그라운드 컬러값 입력 / [19:30] width 값 수정 / [20:11] 마진값 입력 / [21:48] 우측 메뉴 border값 보기 / [22:02] 색상 변경 / [23:06] 모서리 둥글게 만들기 / [24:45] 우측 메뉴 밑으로 내리기 / [25:21] 확인 / [25:33] 다른 형태로 만들기 / [27:11] 우측 상단 메뉴에 이미지 올리기 / [29:02] 확인 / [29:21] 이미지 위치 변경 / [29:48] 전체 부분에 이미지 삽입 / [30:17] 확인 / [30:48] 이미지 크기 조절 / [31:48] 배경화면 이미지 변경 / [32:36] 스킨 분위기에 맞게 로그인 폼 수정 / [34:45] 확인 / [35:15] 패딩 탑 값 입력 / [35:45] 검색창과 아이콘 수정 / [37:14] 확인

18 메인페이지 만들기 Ⅱ

검색창/상단 메뉴/하단 이미지/로그인창/메인 메뉴바를 변경해봅니다.

37분

책갈피 : [00:20] 검색창 분석 / [01:07] bottom 부분에 css 수정 / [01:56] 색상 지정 / [02:42] 돋보기 부분 동일하게 적용 / [03:28] border 값 입력 / [04:00] border 생성 확인 / [05:30] border-left 입력 / [05:46] 검색 폼 늘리기 / [06:15] 모서리 둥글게 만들기 / [07:45] border-radius 값 4면 입력 / [08:28] border-radius 각 방향 확인 / [10:50] border-radius 값 수정 / [11:22] 반대쪽 모서리 수정 / [12:03] 확인 / [12:26] 돔 형식 만들기 / [13:33] border-radius 값 입력 / [14:39] 검색폼, 메뉴 수정 / [15:50] 이미지 변경 / [16:30] 바꿀 부분 찾아보기 / [17:14] border 값 제거 / [17:52] 검색 바 오른쪽으로 이동 / [19:03] 상단바와 바디 함께 움직이기 / [19:26] 코드 정리후 살펴보기 / [20:14] 확인 / [21:11] footer부분 이미지 변경 / [22:26] 확인 / [22:37] 둥근 테두리 만들기 / [22:55] style 지정 / [24:03] 확인 / [24:22] 로그인 창 변경 / [24:56] 파일 보기 / [25:44] 파일 ftp 업로드 / [26:18] css 수정해 이미지 변경 / [28:14] 스타일 정의 확인 / [28:44] border-radius 값 입력 / [29:59] border 값으로 밑줄 삽입 / [30:25] style 입력 / [31:56] 확인 / [32:15] 서체 확인 / [32:45] 서체 변경 / [33:42] 확인 / [34:07] 메뉴 바 이미지 변경 / [35:00] 탭 메뉴 색상 통일 / [36:51] 확인

19 모바일 홈페이지 제작하기 Ⅰ

모바일 홈페이지를 제작하고 수정하는 방법에 대해 알아봅니다.

32분

책갈피 : [00:07] 알맞은 위치에 파일 업로드 / [01:18] 스킨 빌더 보기 / [01:38] 새로 생성된 게시판 확인 / [01:53] 빌더 실행 / [02:15] 보드관리 통합 보기 / [02:30] 모바일 홈페이지 접속과 출력상태 확인 / [03:14] 업로드 파일 제거 / [03:46] call과 tmob 파일 업로드 / [04:53] 모바일 홈페이지 확인 / [06:00] 메뉴 설정 페이지 접속 / [06:55] 메뉴 설정 페이지 구분 / [07:15] 서브메뉴 생성 / [09:16] 메뉴 설정 페이지 보기 / [09:26] 기본지정 / [09:52] 연결 대상 / [10:20] 연동 게시판 지정 / [11:45] 게시판 형태 지정 / [13:35] 내부파일(파일명) / [14:28] 외부 경로 / [15:20] 프론트 페이지 등록 / [16:33] 주요 / [16:48] 메인/SUB / [17:36] 그림표시 / [18:10] 메뉴 명칭 / [19:37] 다른 이미지 저장 / [20:18] 게시판 타이틀 / [21:52] 터치 아이콘 / [23:00] 상단에 삽입/하단에 삽입 / [23:44] HTML 태그 입력 / [24:44] 테크트윗 설정 / [25:29] CSS 파일 열기 / [26:07] 폰트 변경 / [26:52] 새로고침 / [27:40] 홈페이지 상단 변경 / [28:11] 컬러 변경 / [30:21] 이미지 입력 / [31:30] 새로고침

20 모바일 홈페이지 제작하기 Ⅱ

모바일 홈페이지를 제작하고 수정하는 방법에 대해 알아봅니다.

51분

책갈피 : [00:07] css 수정 / [01:37] 로고 변경하기 / [01:57] 변경할 이미지 보기 / [03:00] home logo 확인 / [03:46] title_home 수정 / [04:25] 확인 / [05:10] home_logo 수정 / [05:30] 확인 / [06:28] 공지사항에 알맞는 이미지 넣기 / [07:14] 파일 업로드 / [08:05] 확인 / [08:35] 다른 이미지로 대체 / [09:11] 확인 / [09:35] 탑메뉴 수정 / [09:58] 코드보기 / [10:20] 백그라운드 컬러 확인 / [11:11] 확인 / [11:46] 컬러 변경 / [12:28] webkit-gradient / [13:58] from과 to 위치 변경 / [14:37] 배경에 맞는 색으로 변경하기 / [15:22] webkit 이란 / [17:00] 파이어폭스로 보기 / [17:36] 모질라 입력 후 확인 / [18:26] webkit과 moz 입력방식 / [19:11] 확인 / [21:00] moz에 ms적용 / [21:07] webkit에 ms적용 / [21:56] text-shadow / [23:32] text-shadow 픽셀값 입력 / [26:48] x축에 양수 입력 / [27:11] 블러 값 지정 / [28:37] 색깔 지정 / [29:00] 필수값과 옵션값 지정 / [29:56] 색을 지정하지 않았을 경우 / [30:11] 여러개의 쉐도우 지정하기 / [31:33] 확인 / [32:30] gradient의 자세한 속성 / [34:06] bottom과 top 바꾸기 / [35:22] 시작 색과 끝 색 지정 / [36:14] 확인 / [37:59] 주황색 라인 변경 / [39:22] 백그라운드 컬러 지정 / [40:22] 헤더 간격 넓히기 / [40:45] margin값 보기 / [42:13] border값 보기 / [43:00] height값 보기 / [43:59] footer 부분 보기 / [44:07] footer 코드 변경 / [45:35] 확인 / [45:52] moz에서 gradient 적용 / [47:12] 높이 만들기 / [48:07] display:inline-block / [49:29] inline-block 속성 보기

샘플확인 : 알지오 검색후 -> 강의검색란 -> 테크노트