- 01.39분 테크노트의 시작!
putty를 사용한 설치, 관리자 모드 적응, 게시판 생성, 글작성
책갈피 : [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.38분 보드관리설정에 대해 알아보기
보드관리통합, 디렉터리만들기, main, index, body, write, align, padding, color, ftp와 edit연동, 권한설정, 포인트설정
책갈피 : [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.36분 보드관리설정에 대해 알아보기Ⅱ
테이블출력셀설정, 출력동작설정, tool, 검색폼출력스타일, 본문출력설정, 댓글설정, 추천설문투표, 보드관련테이블, 본문출력요소, 파일첨부설정
책갈피 : [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.37분 보드관리설정에 대해 알아보기Ⅲ
본문내용, 글쓰기설정, 종합관리페이지, 용량제한, 입력항목추가, 글입력형태, 입력창제한, check box와 radio
책갈피 : [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.36분 보드관리설정과 테크노트의 구성
php실행코드추가, 테이블의 상단과 하단내용, 자동메일SMS, 실명인증, 계좌이체, new item, 쇼핑몰연동, 설정항목추가&수정&삭제, 테마활용, 테크노트의 파일들, iboard.php
책갈피 : [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.36분 iboard의 구조 파악
Table_Default_set, Notice_style_set, html 출력시작, table_head
책갈피 : [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.37분 회원관리를 체계적으로!Ⅱ, 테크샵
php 실행코드 추가, 메일, SMS 발송, 기타 통제
책갈피 : [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.36분 스킨제작하기 Ⅲ
border의 속성, 글꼴의 속성, 게시판의 글꼴을 전체적으로 변경해봅니다
책갈피 : [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.30분 스킨제작하기 Ⅳ
padding에 대해 공부하고 게시판의 스타일을 변경해봅니다.
책갈피 : [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.34분 스킨제작하기 Ⅴ
padding/magine/border를 사용해 게시판의 스타일을 변경하고 페이지 번호 스타일을 변경해봅니다.
책갈피 : [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.25분 게시판 만들기 Ⅰ
css를 활용해 게시판 스타일을 변경해봅니다.
책갈피 : [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 속성 보기
'추천강의' 카테고리의 다른 글
| C＃ 6.0 강의 추천 리뷰 (0) | 2017.10.27 |
|---|---|
| 노드제이에스 강좌 리뷰 추천 (0) | 2017.10.27 |
| 킴스큐 학원 강의 추천 (0) | 2017.10.27 |
| 스칼라 리뷰 강좌 추천 (0) | 2017.10.27 |
| 제이쿼리 강좌 리뷰 (0) | 2017.10.27 |