그누보드4s & 배추빌더 & 모바일
<최신> 그누보드5, <강의> 그누보드4s
Open Beta 기간에는 실제 운영하는 용도로는 사용을 권해 드리지 않습니다. 정식 버전이 아직 나오지 않은 관계로 "그누보드4s"로 학습하고 웹사이트 운영하셔야 합니다. 배추빌더와 모바일까지 진행하고 있으며, 그누보드4s에서 진행하는 레이아웃의 css코딩분석으로 자신의 홈페이지를 맞춤제작을 원하는 분들이 활용하면 좋습니다.
-
01.29분 그누보드의 설치, 게시판 생성
putty를 이용해 그누보드를 웹호스팅에 설치해보고 게시판을 생성하고 환경설정에 대해 알아봅니다.
책갈피 : [00:01] 그누보드란/[01:49] 다운로드/[03:05] 캐릭터셋/[04:46] 다운로드 파일 확인/[05:15] 다운로드 폴더 확인/[06:15] 구성 파일 확인/[07:12] 빈 주소/[09:18] 업로드 주의점/[10:07] tar 파일 업로드/[10:37] tar 파일 압축/[11:48] 압축 시작/[12:31] ftp 업로드/[13:24] tar 파일 압축 해제/[13:56] putty 설정/[14:52] pytty 로그인/[16:00] 압축해제 암호 입력/[17:18] 경로 지정/[18:45] 압축 해제 명령어/[19:25] 해제된 파일 확인/[20:22] 그누보드 설치/[21:56] 최고관리자 정보 입력/[22:30] 설치 완료/[23:26] 로그인/[24:25] 홈페이지 기본설정/[25:22] 브라우저 탭 변경/[26:18] 회원가입 설정/[28:03] 여분필드
-
02.1시간 7분 그누보드를 이루고 있는 파일정의, 로고변경, 탑메뉴 생성
각각의 레이아웃의 수치와 로고를 변경하고 탑메뉴를 생성해봅니다.
책갈피 : [00:00] 관리권한설정/[01:04] phpinfo/[01:46] Not Found/[02:56] phpMyadmin 설치/[03:54] phpMyadmin 폴더확인/[04:22] ftp 업로드/[06:55] phpMyadmin 설치완료/[07:18] 사이트 확인/[08:42] 게시판 추가/[09:26] 게시판 그룹 생성/[10:58] 생성된 그룹 확인/[12:26] 게시판 추가/[13:22] phpMyadmin 접속/[14:42] 생성된 게시판 확인/[15:04] skin 저장 경로 확인/[16:07] 생성된 게시판 확인/[16:28] 게시판추가/[17:03] 테이블명/[17:41] 게시판관리확인/[18:01] 데이터베이스갱신확인/[19:07] 생성된그룹확인/[19:40] 게시판생성순서/[20:15] 레이아웃/[20:40] 질문답변의 테이블명 확인/[21:24] 게시판관리/[21:50] 게시판수정페이지/[21:56] 파일경로/[22:29] 상하좌우의 레이아웃/[23:10] head.php, tail.php/[23:25] ftp/[24:00] 파일경로지정/[24:30] 확인/[24:57] 경로삭제 후 확인/[25:38] 경로 삽입 후 확인/[26:18] 현재레이아웃 확인/[27:00] 에디트플러스/[27:43] _head.php/_tail.php/[28:39] 언더바/[29:52] head.php/tail.php/[30:46] head.sub.php/[31:59] 홈페이지/[32:44] 타이틀/[33:18] 자바스크립트의 변수/[34:01] 레이아웃/[34:37] default.css/[35:25] 하단레이아웃/[35:49] 전체검색부분/[36:18] 중간레이아웃부분/[36:39] 픽셀조정후 확인/[38:10] 로그인부분/[39:16] 그누보드4s/[40:22] 디자인변경/[41:03] 상단부분찾기/[41:42] 삭제 후 확인/[42:32] 정렬확인/[43:20] 테이블로 정렬/[43:50] div태그/[44:19] tail.php/[45:11] 게시판확인/[45:57] 헤드와 테일의 통합div/[47:33] html/[47:58] 저장후 확인/[49:04] 정렬삭제후 확인/[49:46] 게시판 확인/[50:14] 상단시작부분/[50:39] default.css에서의 로고/[50:55] 로고의 여백/[51:46] 로고의 왼쪽 여백/[53:06] 로고부분/[53:25] 사이즈수정/[54:36] 로고변경/[55:08] 확인/[55:25] 크기변경후 확인/[55:50] 검색바 이동/[56:31] head.php/[56:41] 스타일변경/[58:24] 메뉴부분/[59:00] 삭제후 확인/[01:00:34] 불필요한 부분 삭제/[01:01:46] 확인/[01:02:24] 삭제부분입력/[01:02:42] 확인/[01:03:14] 메뉴부분 수정/[01:03:54] 한줄 더 추가/[01:04:33] br태그/[01:05:20] 텍스트입력/[01:06:25] default.css/[01:06:48] top조정 후 확인
-
03.52분 탑메뉴 수정, 검색창 변경, 메뉴생성, footer 수정
html로 메뉴를 생성하고 footer 부분을 자신의 기호에 맞게 수정해봅니다
책갈피 : [00:32] 메뉴 css 부분 찾기/[01:29] text-decoration/[03:00] 검색바 수정/[03:53] sch_all/[04:46] /[05:30] 검색바 옮기기/[06:00] 옮겨진 검색창 확인/[07:27] 검색 글자 삭제/[08:03] 그누보드 4s검색바 달라진점/[09:46] 검색창 오른쪽 정렬/[10:09] sch_all_submit/[11:30] fieldset/[13:28] 검색창 확인/[14:37] margin-top/[14:48] 결과 확인/[16:11] relative/[16:52] 결과 확인/[17:30] margin-top/[17:33] 결과확인/[18:37] background/[19:22] border/[20:11] color/[21:15] margin-right/[21:30] 결과확인/[22:03] font-family/[23:22] input type=image/[23:47] 결과 확인/[25:26] 상단메뉴/[25:30] 웹표준 메뉴 붙여넣기/[25:59] 메뉴 css 정의/[26:52] 결과 확인/[28:11] 메뉴 이름 변경/[30:00] 콘텐츠 시작/[31:07] 결과 확인/[31:36] aside/[31:56] float:left/[32:37] container/[34:07] G4_IS_MOBILE 역할/[36:15] 하단 시작/[36:22] div id=/[37:29] 잘린 부분 설명/[38:45] ft css 삭제/[40:13] fr_catch/[41:29] 변경된 로고 확인/[42:45] p태그 삭제/[43:22] copyright 변경/[44:07] color 변경/[45:22] top 버튼 확인/[46:51] input button 생성/[47:22] 결과 확인/[48:43] input image 생성/[49:00] 결과 확인
-
04.50분 로그인스킨의 완벽변신
접속자집계의 구조를 재조정하고, 드림위버로 로그인창을 생성해봅니다
책갈피 : [01:19] 방문자수 코드 삽입/[02:06] 결과 확인/[02:29] 방문자수 위치 변경/[02:53] 접속자집계 파일 열기/[03:46] visit.skin.php/[05:00] width/[05:30] 위치 잡아주기/[06:00] 결과 확인/[07:00] background/[07:00] color/[08:11] 넓이 수정/[09:09] padding/[10:58] 접속자 집계 자리잡기/[11:58] div id 생성/[12:46] 결과 확인/[13:52] 태크 정리/[14:52] css 생성/[16:33] 외부로그인 파일 열기/[17:18] basic 파일/[18:30] outlogin.skin 내용 삭제/[20:11] 나만의 세팅값 만들기/[21:26] basic 폴더 다운/[21:48] basic 이름 변경/[22:37] 스킨변경/[24:07] 알아보기 쉬운 형태 만들기/[25:17] aside 코드/[26:40] 로그인 후 스킨 확인/[27:33] 로그아웃 창 확인/[28:52] padding 확인/[29:07] input 타입/[31:15] 패스워드 코드/[32:22] div/ol_svc/[33:30] 회원아이디/[35:45] 패스워드 오류/[36:52] input type=password/[37:35] 오류 해결/[39:07] 드림위버로 테이블 생성/[39:52] id, password,로그인 생성/[41:00] 표 만들기/[42:22] colum 나누기/[43:15] 로그인 버튼 옮기기/[45:22] 테이블 정리/[46:22] width
-
05.53분 로그인스킨의 완벽변신Ⅱ
로그인 오류 해결에 대해 알아보고 드림위버로 로그인창을 생성, 이미지 파일로 로그인 스킨을 만드는 방법에 대해 강의합니다
책갈피 : [00:16] password 확인/[01:02] dreamweaver 테이블 생성/[02:23] ol_id, ol_pw 붙여넣기/[04:46] ol_id css/[05:25] height/[06:30] 출력되는 길이 다른 이유/[07:28] 로그인폼 이동/[08:37] ol_submit/[09:31] margin-left/[10:54] margin-top/[11:31] width:100px 결과확인/[12:24] margin-top:-55px/[13:20] border/[14:41] input type 변경/[15:20] 변경된 로그인폼 확인/[16:55] 로그인폼 css/[17:41] id, pw input 넓이 다름/[18:29] style/[19:21] 색상변경/[20:17] border/[21:29] 결과확인/[22:22] id, css 연동/[23:55] 결과 확인/[24:37] id, pw 배경색 다름/[25:11] ol_id:focus/[26:15] border-color/[27:33] 결과 확인/[28:37] color/[29:47] 자동로그인/[30:45] auto_login/[31:41] letter spacing/[33:28] ol_auto 찾기/[34:05] float:left/[35:22] img src 변경/[36:22] 이미지 확인/[37:52] onclick 소스넣기/[38:30] 이미지 출력 확인/[39:20] label id/[40:37] 보안접속 만들기/[41:58] span 태그 집어넣기/[42:34] 결과 확인/[43:28] style 추가/[44:30] id 입력/[45:52] style 추가/[46:37] 결과 확인/[47:30] 줄바꿈/[48:22] password_lost.php/[50:04] 회원가입, 정보찾기/[51:09] 회정보찾기 배열맞추기
-
06.49분 로그인스킨의 완벽변신Ⅲ
로그인폼의 구조에 대해 파악하고 분리시킨 후, 로그인 한 후의 스킨을 변경해봅니다
책갈피 : [00:57] font-weight : bold/[01:11] margin-top: 0px/[02:21] margin-left/[03:28] div id=/[04:30] div 생성/[05:15] 생성한 div css 추가/[06:09] 결과 확인/[07:00] bottom color 변경/[08:41] outlogin.skin.2.php/[09:43] 회원정보 폼/[10:22] 결과확인/[11:43] 관리자 모드 삭제/[12:46] 첨부된 파일 확인/[14:18] table class=basic tbl/[16:56] footer/[17:48] 관리자모드 css/[18:33] width/[18:47] 결과확인/[19:17] text-align/[20:37] footer 이동/[21:22] footer css 확인/[22:45] margin-left/[23:37] 관리자 모드 수정/[24:32] 결과 확인/[25:41] 가운데 정렬/[26:51] 관리자 버튼 이동/[27:55] 쪽지, 포인트, 스크랩 버튼/[28:36] background color/[29:25] ol after private/[30:06] 자리정렬/[31:44] 결과 확인/[32:30] css 생성/[33:22] border color 변경/[34:27] font color 변경/[35:20] font-weight/[36:07] text-decoration/[37:21] container/[38:29] margin-top/[39:22] 메뉴 가운데 정렬/[41:06] 메뉴바 수정/[42:37] margin:0px auto/[43:15] 결과 확인/[45:22] border-bottom 삭제/[45:58] margin:0px auto/[46:05] 결과 확인
-
07.56분 사이드바도 스타일있게!
사이드바에 메뉴를 집어넣어보고, 이미지를 삽입한 후, 게시판의 스킨을 제작해 봅니다.
책갈피 : [00:21] ul 태그 옮기기/[01:26] 결과 확인/[02:51] width:190px, 결과확인/[04:00] aside css 찾기/[05:23] hover style 변경/[06:23] 결과확인/[06:58] hover style 방향 변경/[07:43] 결과확인/[08:18] margin-left 삭제/[09:18] border-color 변경/[10:18] 접속자 집계 삭제/[11:16] 코드 찾기/[12:54] 방문자 수 파일경로/[13:39] 여백주기/[14:22] 이미지 스크립트 주기/[15:31] 결과확인/[16:18] 이미지 스크립트 추가/[17:52] img 삽입/[18:25] 결과확인/[19:29] css 제작/[20:48] css 추가제작/[21:41] 결과확인/[22:52] input syle 제작/[23:29] margin-top:10px/[24:15] 회원가입 약관/[25:56] 회원가입 안내 수정/[26:33] margin/[27:17] border-bottom:1px solid/[28:22] 회원가입 설정/[28:44] 회원가입약관 변경/[29:41] 회원가입 폼 설정/[30:18] register form 파일 열기/[31:37] border 입력/[33:12] 플래시 파일 삽입/[34:15] 결과확인/[35:06] margin-left/[36:37] 관리권한 설정/[37:29] 다른회원 권한 설정/[38:14] 게시판 관리/[39:37] 권한 상세 수정/[40:37] 글쓰기 폼/[41:42] 스킨 설정/[42:14] 게시판 폭 설정/[44:12] 스킨 디렉토리/[44:58] 스킨 디렉토리 제작/[45:52] 결과확인/[46:37] 스킨 변경/[48:00] 스킨 파일 열기/[49:14] total 찾기/[50:15] total span 태그 수정/[51:15] 괄호넣기/[52:14] float 수정
-
08.53분 게시판을 내맘대로!
게시판 목록을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.
책갈피 : [00:17] 보드수정 파일 열기/[01:57] 페이지 정보 form/[02:27] 게시글 번호와 목록/[03:07] 카테고리 입력/[04:25] 카테고리 코드 찾기/[05:26] 게시판 목록 css/[06:09] padding, font-size/[07:24] 공지사항 코드 찾기/[09:41] 게시판 수정/[10:28] include 파일/[11:20] 상,하단 불러오는 파일/[12:22] 디렉터리 생성/[13:11] 파일 이름 변경/[14:01] 경로 변경 파일 확인/[14:20] 상,하단 파일 경로 수정/[15:54] 질문답변 게시판/[17:06] 파일 생성/[18:18] 게시판 수정/[19:26] 상단 삭제 확인/[20:41] 게시판 글 작성/[21:22] div id 생성/[22:45] css 생성/[23:44] div id 생성/[24:26] container2 css 생성/[25:29] style 생성/[26:15] width : 150px/[27:41] list.skin.php 파일열기/[28:22] margin-bottom/[29:36] style.css 파일열기/[30:26] 스킨 확인/[31:56] 게시판 목록 시작/[32:37] bo cate ul/[33:37] bo list total/[34:45] table class/[35:22] 테이블 css 찾기/[35:57] 추천, 비추천/[36:30] 입력한 글 확인/[38:15] 글자 크기 변경/[39:30] background 변경/[40:13] font size/[41:45] td 태그찾기/[42:22] td 태그삭제/[43:15] 결과확인/[44:44] 제목부분 따로 수정/[45:27] 결과확인/[46:30] 공지글 삭제/[47:15] text-align/[48:07] subject/[49:04] 카테고리1 삭제/[50:21] 카테고리 css 확인
-
09.55분 게시판을 내맘대로!Ⅱ
게시판 목록과 글이 출력되는 부분을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.
책갈피 : [00:30] 필요한 파일 구성/[01:30] 메뉴 순서 변경/[02:15] css 수정 코드 찾기/[03:14] font-size:20px/[04:00] font-weight/[05:41] text-align:center/[06:00] 결과 확인/[07:00] td num 삭제/[08:07] color 변경/[09:31] td css 생성/[10:58] td 태그 삭제/[11:22] 오류 수정/[12:41] 결과 확인/[13:48] basic tbl/[14:15] padding/[15:11] width:30px/[16:52] td date/[17:45] td name 수정/[18:48] font-weight/[19:26] 결과 확인/[20:00] 글 작성/[21:26] input css/[21:41] btn bo adm/[22:26] ul class 수정/[23:22] height/[24:41] background/[25:03] border/[26:40] border color 변경/[28:18] 목록, 글쓰기 코드/[29:44] height 변경/[30:33] 결과 확인/[31:47] line-hight/[32:50] 관리자 코드/[33:52] 관리자 css/[34:30] line-hight/[35:28] text-decoration/[37:13] view skin php 파일/[38:27] article id=bo v/[39:35] info css/[40:37] bo v table css 삭제/[41:15] 상단부분 수정/[42:00] 페이지정보 수정/[44:15] 결과 확인/[45:30] margin/[46:21] strong 태그/[47:22] 결과 확인/[47:52] margin-left/[48:28] 결과 확인/[50:52] margin-left/[51:22] border-top/[52:22] 여백주기/[52:31] 결과 확인
-
10.53분 게시판을 내맘대로!Ⅲ
글이 출력되는 부분에 공통적인 글이나 이미지를 삽입하고 전체적인 디자인을 변경해봅니다.
책갈피 : [01:15] view.skin.php 파일 열기/[02:20] 다음글 버튼 확인/[03:44] ul 태그 삭제/[04:46] 버튼 수정/[05:00] class 확인/[06:30] line height/[06:58] 버튼 순서 변경/[07:23] 결과 확인/[08:03] 태그 삭제/[09:03] 버튼 위치 변경/[10:09] 결과 확인/[11:07] background color/[11:46] 버튼 class/[12:13] class id 변경/[13:22] 변경된 id css 삽입/[14:20] border/[15:52] border-bottom 삭제/[16:22] margin-top/[17:15] 결과 확인/[18:22] bo v top css 생성/[19:32] padding/[20:37] 제목 크게하기/[21:22] bo v title/[22:32] 글제목 출력 삭제/[23:10] 제목 출력 형식 변경/[24:11] font-size/[25:18] color/[26:52] 본문 출력 코드/[27:07] bo v con/[28:03] bo v con css 생성/[29:15] margin/[31:10] 이미지관련 주석 제거/[32:07] 파일출력/[32:58] 여분필드/[33:20] 필드란/[34:15] 필드 코드찾기/[35:13] php My admin 필드/[36:14] 저장된 필드 확인/[37:30] 글쓰기 필드 확인/[39:22] 필드 관련 파일 열기/[40:22] 글쓰기 페이지/[41:51] 필드 코드 확인/[42:00] 필드 추가/[42:29] 결과 확인/[43:29] frm tbl th css/[44:15] autosave wrapper/[45:37] value/[46:58] 결과 확인/[47:22] width/[48:21] 설정 오류 확인/[49:14] width 추가/[50:21] input type 추가
-
11.54분 게시판을 내맘대로!Ⅳ
게시판 테마를 다운받아 설치하고, 사진이 출력되는 게시판의 구조를 알아봅니다.
책갈피 : [00:41] input type 확인/[01:25] div 복사/[02:15] fontsize: 13px/[03:12] 결과확인/[04:08] br태그 입력/[05:30] 제목코드찾기/[06:54] div태그 입력/[07:56] 필드추가/[08:33] 필드 제목추가/[09:11] 필드 name 변경/[10:18] wr_2/[11:03] 목록 확인/[12:18] color/[13:20] 결과 확인/[14:58] 예제 확인/[15:39] 여분필드 추가/[16:33] 생략글 나타내기/[17:47] div style 추가/[18:47] 생략 코드 추가/[19:11] 결과 확인/[20:41] 그누보드 사이트/[21:07] 스킨찾기/[22:14] 웹진형 게시판 다운/[23:15] ftp 업로드/[24:25] 결과 확인/[25:15] 한글깨짐 현상/[26:41] 글 추가/[27:17] 추가한스킨 파일 열기/[28:22] 기본스킨과 비교/[29:15] 생략부호 수정/[30:18] bo list title/[30:52] css style 입력/[31:26] 결과 확인/[32:28] bo list total/[33:00] margin-left/[34:43] 간격 조정/[36:37] div id 생성/[37:37] ul css 확인/[38:43] margin-top/[39:30] css 생성/[40:20] 갤러리 코드/[42:06] bo img href/[42:45] style 정의된 부분 확인/[43:13] border/[44:30] width/[45:15] color/[46:22] checkbox/[47:15] 글꼴 변경/[48:29] font-family/[49:15] style에 font 추가/[49:52] 결과 확인/[50:12] 본문 수정/[50:57] ul calss font 추가
-
12.49분 게시판을 내맘대로!Ⅴ
블로그 글꼴 변경, 댓글쓰기, 메뉴바, 카운트, 메뉴 구성, 스킨 변경, 타이틀 변경
책갈피 : [00:00] 블로그 글꼴 바꾸기/[00:56] default.css/[01:53] id검색/[02:23] 확인/[03:01] 폰트크기 변경/[04:23] 뷰와 뷰스킨 파일/[06:05] 댓글출력부분 확인/[06:51] 댓글목록부분 폰트변경/[07:45] 폰트크기변경/[08:30] 댓글쓰기부분 변경/[09:20] 폰트변경/[10:51] 댓글목록 부분 변경/[11:29] 색상 변경/[12:28] 댓글등록 부분 변경/[13:44] 확인/[14:11] 변경되지 않는 이유/[14:34] div와 input의 연결/[15:15] 재변경 후 확인/[15:35] 메뉴바의 변경/[16:37] 확인/[18:01] 아래메뉴 변경/[18:37] submit의 변경 방법/[19:31] 재변경/[20:26] 댓글수 부분 찾기/[20:55] 삭제후 확인/[22:01] 카운트 부분 삭제/[23:13] 글사이의 간격 변경/[24:33] 확인/[25:25] 세로부분 간격 변경/[26:30] 이미지 테두리 설정/[28:09] 이미지 부분만 변경/[28:54] 테두리 색 변경/[30:24] 테두리의 간격변경/[31:28] 최근게시물 확인/[32:38] 사용방법부분 변경/[34:00] 메뉴구성 변경/[35:30] 스킨변경 후 확인/[37:12] skin.php파일 확인/[39:09] title부분 확인/[40:22] padding 값 조정/[41:05] 색상 변경이 되지 않는 이유/[42:26] 오버부분 색상변경/[43:29] 타이틀 크기 변경/[44:09] width값 변경/[44:49] height값 변경/[46:47] subject 부분과 comment 부분/[47:23] count부분/[47:55] 파일 추가후 확인
-
13.53분 게시판을 내맘대로!ⅤI
블로그 글꼴 변경, 버튼, 회원관리, 웹호스팅변경, 파일백업&압축과해제
책갈피 : [00:00] 더보기버튼 /[00:26] 더보기항목변경/[01:17] 폰트변경/[01:47] 확인/[02:23] div태그 삭제/[03:04] count/[03:19] link/[04:15] icon/[05:22] fpt에서 확인/[06:21] 이미지변경/[07:25] 첨부파일icon/[07:47] 링크icon/[08:38] 밑줄 넣기/[09:41] border값 넣기/[10:07] 색변경/[10:28] 간격변경/[11:44] 정보수정부분 변경/[12:27] member_confirm/[13:49] 입력가능한 폼 만들기/[14:50] 패스워드/[15:43] 입력창 크기변경/[16:05] maxlength/[17:17] submit의 글꼴/[18:26] default.css/[19:15] register_form/[20:03] 관리자회원관리/[20:27] 회원수정/[21:11] accesskey/[22:15] 회원과 관리자/[23:29] 탈퇴수정/[25:25] 확인/[25:48] class삽입/[27:15] 스타일 적용/[27:48] default.css/[28:15] 색상변경/[28:33] 확인/[28:43] 정렬수정/[29:34] member_leave/[30:15] 탈퇴메시지변경/[30:58] 회원가입/[31:25] 탈퇴메시지재확인/[32:01] 로그인/[32:17] 관리자모드/[32:32] 탈퇴사항확인/[33:16] admin.lob/[34:00] 웹호스팅/[35:36] 웹호스팅 회사변경/[37:11] ftp/[37:34] www의 내용 압축/[38:32] putty/[39:29] 압축할 위치 이동/[40:49] 압축/[41:17] all.tar/[41:33] 다운/[42:14] 데이터베이스 작업/[43:06] 압축명령어 입력/[44:39] all.sql/[44:56] 백업/[45:25] phpmyadmin/[46:18] 비우기/[46:38] 삭제/[47:10] 확인/[48:02] 폴더삭제명령어/[48:47] 확인/[49:11] 백업파일옮기기/[49:38] putty/[49:55] 새호스팅서버/[50:40] 백업파일업로드/[51:10] 압축해제/[51:37] 압축파일삭제/[51:45] all.sql 복구/[52:43] 확인
-
14.54분 새 호스트의 사이트에 이전 호스트의 내용들을 적용시켜보자
관리자메뉴, 레이아웃변경, head 및 main&tail 부분 변경
책갈피 : [00:00] 배추빌더/[01:11] 배추빌더홈페이지/[01:48] 로그인/[02:35] 배추빌더탭/[02:56] 다운로드/[03:57] 확인/[04:35] ftp에 업로드/[05:24] fpt 삭제/[06:09] 빌더만 옮기기/[06:55] data 폴더제외 삭제/[07:57] 확인/[08:22] 실행후 확인/[09:10] 배추빌더 파일 압축/[10:04] install/[10:26] 삭제/[10:46] 다시압축/[11:06] 압축파일 해제/[11:30] putty/[12:32] 압축파일 삭제/[12:54] 확인/[13:51] 도메인업그레이드/[14:11] 확인/[15:08] 레이아웃변경/[15:35] 관리자페이지/[17:37] 스킨설정/[17:47] index설정/[18:43] 설정변경/[19:27] 설정재변경/[20:06] 컨텐츠부분 비교/[20:43] 환경설정메뉴/[21:04] 배추빌더메뉴/[22:18] index 가로크기/[23:29] 그룹관리/[23:48] 캐쉬메뉴/[24:35] 로고/[25:10] 경로확인/[26:18] 로고변경방법/[26:54] 변경할 로고 확인/[27:22] 파일이름변경/[27:45] 로고업로드/[28:35] 덮어쓰기/[29:02] 확인/[29:45] skin폴더/[30:10] index.head.skin/[30:44] 삭제후 확인/[31:29] 로고부분찾기/[32:07] 로고부분변경/[32:57] 경로 재설정/[33:18] 확인/[34:19] 스타일 확인/[35:45] 상단메뉴 변경/[36:22] 배추빌더 공식홈 확인/[36:43] 링크변경/[37:14] 확인/[37:41] 메뉴부분 삭제 후 확인/[38:04] 메뉴바 부분 확인/[38:59] 클래스확인/[39:43] 스타일 확인/[40:33] 메뉴바이미지변경 /[40:40] 확인/[41:39] 메뉴바확인/[41:54] 백그라운드변경/[42:41] 검색창/[43:02] 스타일수정/[43:54] 높이재설정/[44:50] 버튼설정 확인/[45:08] 색상변경/[46:32] tail파일/[46:50] main파일/[47:25] 하단부분수정/[47:58] tail/main파일/[48:08] main파일 삭제후 확인/[49:07] 하단부분확인/[49:49] 배너/[50:06] 텍스트부분/[50:24] 하단삭제 후 확인/[51:32] 내용변경/[52:41] 스타일/[53:07] 확인
-
15.50분 홈페이지를 변경해보자
배너변경, 메뉴이미지변경, 검색창변경, 좌우컨텐츠변경, 레이아웃변경
책갈피 : [00:00] 컨텐츠부분/[00:45] 메인파일 수정/[01:24] 이미지 삽입/[01:54] index.mail.skin/[02:13] 본문의 구조/[02:45] 배너/[03:20] 수정/[04:01] 메인화면 부분/[04:33] tr/td/[05:48] 구조확인/[06:05] 상단에 줄 추가/[06:31] tr추가/[06:50] 확인/[07:03] 이미지추가/[07:40] 확인/[08:17] 공백추가/[08:29] 확인/[09:09] 검색바부분/[09:36] 색상변경/[10:00] 확인/[10:38] 중앙검색창/[10:55] 색상변경/[11:08] 확인/[11:29] 메뉴바/[11:46] 이미지삭제/[12:20] 백그라운드 추가/[12:26] 확인/[12:48] 남은부분 수정/[13:15] 확인/[13:34] 클래스 색상정의/[14:21] 확인/[14:53] 메뉴수정/[15:31] 클래스 수정/[15:45] 확인/[16:04] 인기검색어/[16:36] 클래스 삭제후 확인/[17:14] 메인메뉴들 위치이동/[18:03] index.main.skin/[18:16] 정의된 스타일 확인/[18:42] 하단부분 삭제/[19:04] 확인/[19:32] 치우친 부분 해결/[19:57] 스타일 수정/[20:53] align 입력/[21:14] 확인/[21:28] 메인내용들 분석/[22:30] 코드확인/[23:05] 코드수정/[24:02] 확인/[24:44] 공백처리/[25:10] 소스수정/[25:23] 확인/[26:10] 메인부분 레이아웃 정리/[26:26] 이미지변경/[26:54] index.main.skin/[27:39] div class/[28:03] 수정후 확인/[28:32] 이미지변경/[29:16] 링크변경/[30:07] 확인/[31:06] 삭제부분확인/[31:37] 삭제 후 확인/[31:56] 레이아웃 변경/[32:21] outlogin/[32:46] 클래스명 설정 /[33:42] 클래스내용 확인/[34:01] 수정/[34:29] 그누보드와의 차이/[35:20] width값/[35:29] 확인/[36:12] 보더값 적용/[36:22] 확인/[36:46] 게시판내의 여백 수정/[37:04] 클래스내용 확인/[37:55] 수정 후 확인/[38:46] 로그인 창 수정/[39:18] outlogin/[39:56] outlogin4/[40:09] 로그인 전후의 파일/[40:57] outlogin.skin1/[41:14] 삭제후 확인/[41:52] 소스확인/[43:04] 스타일 확인/[43:50] title 삭제/[44:01] 확인/[44:53] input 확인/[45:26] 체크박스 버튼 삭제 후 확인/[46:06] login-title 클래스 확인/[46:37] login-button/[46:54] login-membership/[47:25] 이미지 수정/[47:47] 확인/[48:22] 디자인 레이아웃/[48:39] 정의된 스타일 확인/[48:49] width값 수정후 확인
-
16.54분 홈페이지를 변경해보자Ⅱ
로그인창변경, 각 메뉴들 크기변경, 관리자모드, 그룹관리, 게시판생성
책갈피 : [00:00] 로그인창 확인/[00:30] width값 수정/[01:04] margin값 수정/[01:18] 확인/[01:38] height 값 수정/[01:55] 확인/[02:58] 로그인타이틀 /[03:34] 여백수정및 확인/[04:06] id password 마진값 수정/[04:32] 확인/[05:01] width값 수정/[05:26] 확인/[05:57] 로그인버튼 이동/[07:50] height값 수정/[08:32] 마진값 수정/[09:01] padding 수정/[09:46] 로그인멤버십부분 변경/[10:54] 텍스트변경/[11:31] strong /[11:58] 마진값 변경/[12:36] 우측게시판 크기변경/[12:43] 소스확인/[13:30] 우측width 계산/[14:12] 넓이수정 및 확인/[14:45] 소스확인/[15:41] 확인/[16:40] width수정후 확인/[17:47] 게시판소스확인/[17:57] width값 입력후 확인/[18:58] point-info/[19:17] 삭제 후 확인/[20:07] lib.php/[20:37] 스타일 확인/[21:00] width변경 후 확인/[21:52] 상단실선 변경 후 확인/[22:19] 최근게시물/[23:14] 소스확인/[23:31] 마진변경 확인/[24:18] 텍스트변경 확인/[25:11] 새로고침 시간 변경/[26:20] 게시내용 삭제/[27:02] 스킨변경/[27:37] 텍스트수정/[28:50] 확인/[29:39] rows/[30:11] 변경후 확인/[30:43] image-count/[31:35] length/[31:42] 수정후 확인/[33:56] 로그인/[34:17] 레이아웃 확인/[34:52] outlogin.skin.2/[35:41] 소스확인/[36:28] 스타일 확인/[37:05] width 변경/[37:22] margin height 변경/[37:35] 확인/[38:25] 쪽지부분 확인/[39:05] 마진값 변경/[39:48] 캐쉬마진값 변경/[40:47] border-buttom solid/[41:18] width 변경/[42:35] 텍스트부분 width변경/[43:13] 텍스트변경/[44:35] strong /[45:18] span/[46:27] a태그/[47:21] login의 memo와 cash 비교/[47:47] 변경후 확인/[48:46] 관리자페이지/[49:05] 그룹관리/[49:29] 배추빌더홈페이지/[50:16] 그룹관리/[50:37] 중메뉴관리/[51:55] 게시판만들기/[52:18] 게시판그룹 생성/[53:14] 그룹관리
-
17.52분 홈페이지를 변경해보자Ⅲ
메뉴바의 메뉴변경, 그룹관리 코딩작업, 메뉴추가, 게시판생성, 게시판수정, 이미지및글꼴변경
책갈피 : [00:00] 게시판관리/[00:33] 고객센터/[01:09] 소스확인/[01:27] 삭제후 확인/[02:03] 그룹메뉴/[02:33] 게시판그룹관리/[02:56] 코딩작업/[03:22] 소스삭제/[03:52] 링크설정/[04:00] 에러확인/[04:17] 확인/[04:35] 텍스트입력/[05:02] 링크확인/[05:51] 새로운메뉴 생성/[06:10] 확인/[06:37] 공백입력/[07:18] 게시판생성/[07:30] 게시판그룹생성/[07:58] 게시판상세설정/[08:35] 게시판연동/[08:58] 게시판링크/[09:13] 확인/[09:34] 메뉴명변경/[10:05] 회사소개메뉴/[10:25] 공백입력/[10:44] 링크설정/[11:02] 확인/[11:50] 질문답변 게시판 수정/[12:09] board.php/[12:46] 수정부분확인/[13:59] 소스복사/[14:44] 소스이동/[15:01] board-head.php/[15:37] 상단파일경로 삭제 후 확인/[15:43] 상단이미지경로 삭제 후 확인/[15:51] 상단내용 삭제 후 확인/[16:22] 수정 후 확인/[17:13] css수정/[18:00] 스타일 입력 /[18:31] 스타일 수정/[19:26] 로고수정/[20:09] 소스수정후 확인/[21:15] 이미지경로 확인/[21:58] 경로수정 후 확인/[22:38] 헤더시작 부분 수정/[23:17] 확인/[23:37] 로고경로 변경/[24:19] 상단내용삭제후 확인/[24:52] 헤드에 마진값 적용/[25:27] 로고링크설정/[26:00] 확인/[26:39] br/[27:27] 테일부분수정/[28:20] board_tail.php/[28:48] 확인/[29:08] 소스수정/[29:59] 오류확인/[30:01] 오류수정 후 확인/[30:21] 팝업창 삭제/[31:10] br/[31:52] 글작성/[33:01] 공지글작성/[33:15] new 이미지/[33:28] 이미지 변경방법/[33:57] ftp/[34:30] 이미지변경/[35:04] 이미지변경 소스확인/[35:30] list.skin.php/[36:07] 소스변경/[37:11] 클래스 삭제 후 확인/[37:47] 관리자모드/[38:19] total 삭제/[38:50] 이미지 삭제후 확인/[39:27] 이미지변경 후 확인/[40:09] 버튼 이미지 변경/[40:51] 소스확인/[41:18] 위치확인/[41:50] 이미지 사용의 주의사항/[42:28] ftp/[42:58] 소스변경/[43:20] 확인/[44:27] 글쓰기 버튼 위치 확인/[44:55] ftp/[45:00] 이미지변경 후 확인/[45:41] 텍스트 입력 위치 확인/[46:29] 텍스트 입력/[47:51] br/[48:18] 스타일 입력/[48:53] 색상변경/[49:43] br/[51:05] 텍스트변경
-
18.53분 홈페이지를 변경해보자Ⅳ
정렬변경, 작성글페이지변경(버튼변경, 정렬변경, 텍스트입력, 메뉴수정, 댓글부분수정, 글쓰기부분수정, 첨부파일)
책갈피 : [00:00] 글쓴이 부분 변경/[00:37] 확인/[01:01] 텍스트어라인/[01:31] 확인/[02:28] 날짜부분 변경/[02:59] 조회부분 변경/[03:35] 작성된 글 부분 변경/[03:48] view.skin.php/[04:25] div 스타일/[04:42] 삭제후 확인/[05:31] 댓글작성/[06:06] 상단텍스트 추가/[06:19] 메뉴버튼 이동/[06:53] 소스확인/[07:20] 삭제 후 확인/[08:00] 변경부분 확인/[08:38] 정렬변경/[08:48] 확인/[08:54] 글쓰기부분 변경/[09:42] 메뉴버튼 위치 변경/[10:04] align 변경/[10:53] 이미지변경/[11:25] 확인/[11:33] 삭제버튼 이미지 변경/[11:52] 그외의 버튼 이미지 변경/[12:23] 확인/[13:14] 복사 이동 버튼 이미지 변경/[14:05] 소스위치 확인/[14:42] 텍스트입력/[15:03] 스타일 입력/[15:51] 본문간격 조정/[16:10] br태그/[16:56] br태그 수정및 확인/[17:17] 메뉴버튼 변경/[17:46] ftp/[18:12] 확인/[18:37] 아이콘 변경/[19:15] 확인/[19:43] ip주소부분 삭제/[20:10] 아래쪽 메뉴버튼 변경/[20:42] view_comment/[21:37] 링크버튼/[22:04] 삭제 후 확인/[22:26] 링크부분 소스확인/[23:12] 소스수정/[23:26] 확인/[24:03] 스타일부분확인/[24:31] 소스위치확인/[24:58] 소스수정/[25:39] margin-top/[26:22] 소스수정/[26:50] 확인/[27:10] 다음글 이미지 변경/[27:48] 댓글부분/[28:21] 코멘트부분 작성/[29:10] 스타일입력/[29:47] 확인/[30:26] 이미지 입력/[30:35] 바만들기/[31:01] 확인/[31:20] 코멘트 시작줄 삭제/[32:00] 정렬/[32:49] 폰트사이즈 변경/[33:24] 마진부분 변경/[34:18] 댓글부분 소스확인/[34:44] 작성자부분 확인/[35:15] datetime 삭제/[35:42] ip부분 삭제/[36:03] 댓글입력/[36:13] 코멘트입력부분/[36:41] 테이블 부분 확인/[37:20] 색변경후 확인/[38:10] 로그아웃시의 댓글입력부분 확인/[38:43] 소스삭제 후 확인/[39:27] 자동등록방지/[39:58] 비밀글 체크박스/[40:51] 이미지변경/[41:15] 확인/[41:34] 댓글폼 변경/[42:03] 삭제 후 확인/[42:37] 보더값 적용 후 확인/[42:51] 색상변경/[43:38] 입력창 부분의 이미지/[44:10] 이전글/[44:50] 글쓰기부분/[45:02] write.skin/[45:15] 텍스트입력/[45:41] 옵션부분 체크박스/[46:22] 소스확인/[47:51] 파일첨부/[48:16] line-height수정/[48:45] style.css/[49:13] height 변경/[50:20] 첨부파일개수/[51:01] 수정 후 확인
-
19.48분 홈페이지를 변경해보자V
회사소개메뉴 & 갤러리메뉴(로고와링크, 작성글목록, 이미지변경, 메뉴바, 관리자모드, 상단텍스트, 스타일)
책갈피 : [00:00] 변경된 부분 확인/[00:23] 회사소개/[00:40] 수정사항 확인/[01:06] board.php/[01:22] 파일확인/[02:11] 소스삭제 후 확인/[02:31] 링크파일 변경/[04:11] ftp/[04:34] 링크 수정 후 확인/[05:08] board2.php/[05:41] 텍스트 입력 후 확인/[06:45] 소스복사/[06:56] 확인/[07:31] 오류확인/[07:38] 개별페이지 접근불가 부분 삭제/[08:14] 로고경로수정/[08:51] 질문답변 게시판/[09:05] 로고/[09:57] 로고링크설정/[10:28] 확인/[11:13] 로고링크 수정/[11:35] 본문부분 확인/[12:11] 이미지 입력/[12:30] ftp/[13:02] 확인/[13:30] 텍스트입력/[13:58] 스타일 입력/[14:38] 이미지스타일 적용/[15:14] 스타일추가/[15:47] 확인/[16:33] 메뉴바수정/[17:15] 확인/[17:34] 소스수정/[18:18] 메뉴바 위치 수정/[19:09] 로고부분 스타일 수정/[19:50] 확인/[21:01] 링크수정/[21:32] 회사소개 링크 수정/[21:44] 확인/[22:03] 하단부분 확인/[22:27] board-tail.php/[22:38] 삭제 후 확인/[23:08] 스타일입력/[23:56] 주석입력/[24:12] 확인/[24:44] 관리자모드/[24:57] 그룹생성/[25:52] 메뉴생성/[26:00] 링크설정/[26:27] 확인/[26:57] board에도 추가/[27:39] 다른화면에서도 메뉴설정/[28:02] board.head/[28:32] 확인/[29:22] 메뉴바위치 수정/[30:34] 글목록 수정/[31:05] 확인/[31:32] 스킨설정/[31:55] 확인/[32:17] style.common.css/[32:58] 삭제후 확인/[33:34] list.skin.php/[33:47] 삭제 후 확인/[34:36] 소스확인/[34:55] 썸네일 스타일 확인/[35:52] 체크박스 정렬 수정/[36:37] div삭제 후 확인/[37:16] 스타일확인/[37:40] border입력 후 확인/[38:01] 텍스트어라인 수정/[39:22] 버티컬어라인/[40:41] 보더색상변경/[41:46] 크기설정/[42:22] 확인/[43:16] 스타일 삭제 후 확인/[43:43] 스타일 확인/[45:02] height수정/[45:44] 텍스트/[46:32] 상단텍스트 작성/[47:05] 확인
-
20.58분 그누보드의 모바일버전 편집
로고변경, 검색창, 메뉴변경, 관리자모드, 외부로그인, 게시판목록
책갈피 : [00:00] 그누보드/[00:22] 화면확인/[00:57] 배추빌더모바일/[01:09] 모바일빌더/[01:50] 그누보드모바일/[02:07] 모바일버전으로보기/[02:25] mobile폴더/[03:14] head.php/[03:39] 삭제 후 확인/[04:26] tail.php/[04:55] 로고부분/[05:21] 삭제 후 확인/[05:55] 이미지변경/[06:45] 확인/[07:14] 크기변경/[07:42] 검색창 소스확인/[08:10] 검색어글자개수/[09:40] 접속자수/[10:33] ul태그 삭제 후 확인/[11:27] 새글/[11:54] 그외의 메뉴/[12:27] 소스확인/[13:08] aside/[13:56] 삭제 후 확인/[14:52] aoutlogin/[15:43] style.css/[15:58] html도구모음/[16:14] strong태그 삭제/[16:53] 관리자모드 스타일/[17:29] width 수정/[18:21] mobile.css/[19:18] 배경색변경/[20:05] border 변경/[20:31] important/[20:51] 수정할부분 확인/[21:16] 소스확인/[21:57] width수정/[22:50] ol-after-hd/[23:09] width 수정/[23:55] 외부로그인부분/[24:14] 소스수정/[24:42] 확인/[25:13] ul태그 /[25:28] 확인/[25:56] 스타일 확인/[26:26] 크기조정/[26:59] 확인/[27:38] 메뉴버튼/[28:00] 정보수정/[29:01] 로그인/[29:35] 수정사항 확인/[30:11] tail.php/[30:17] 삭제후 확인/[30:55] 인기검색어 방문자수 삭제/[31:38] 텍스트변경/[32:22] mobile.css/[32:33] 배경색상변경/[33:16] copy 부분확인/[33:52] 색상변경/[34:40] 텍스트 입력후 확인/[35:26] aside 부분 수정/[35:49] 텍스트부분에 복사/[36:29] 소스삭제 후 확인/[37:24] 다시 되돌리기/[37:58] width 수정/[38:19] 마진입력/[38:59] 텍스트입력후 위치확인/[39:21] ftp/[39:34] 이미지입력/[40:34] 메뉴확인/[41:06] board 폴더/[41:34] list.skin.php/[41:53] 삭제 후 확인/[42:21] 게시판목록/[43:22] 수정할 부분 확인/[43:48] 관리자모드/[44:22] head.php/[44:55] 소스확인/[45:41] 소스수정/[45:59] 확인/[46:19] 헤드부분 삭제 후 확인/[47:00] 로그인 후 확인/[47:26] 글목록 변경/[47:50] index.php/[48:08] 메인화면 최신글 삭제 후 확인/[48:37] 수정할 사항 확인/[49:02] 검색창 수정/[49:33] 스타일/[50:15] 검색창 확인/[50:35] 이미지 크기 변경/[51:16] 스타일 입력/[51:57] 색상변경/[52:34] width 변경/[53:22] height 변경/[53:55] 필드셋 붙여넣기/[54:29] 확인/[55:17] 위치확인/[55:43] 소스수정/[56:03] mobile.css/[56:07] 위치소스 삭제/[56:37] 이미지폴더/[57:01] skin폴더
테크노트12시간 3분
킴스큐11시간 45분