그누보드4s & 배추빌더 & 모바일

20회차 속성과정
전체 : 17시간 22분|회차당 평균 : 52분6초

이용기간 2개월

전문강사 : 알지오 R&D [IT]

그누보드4s & 배추빌더 & 모바일 인강 평생교육원 교육 안내
<최신> 그누보드5, <강의> 그누보드4s
Open Beta 기간에는 실제 운영하는 용도로는 사용을 권해 드리지 않습니다. 정식 버전이 아직 나오지 않은 관계로 "그누보드4s"로 학습하고 웹사이트 운영하셔야 합니다. 배추빌더와 모바일까지 진행하고 있으며, 그누보드4s에서 진행하는 레이아웃의 css코딩분석으로 자신의 홈페이지를 맞춤제작을 원하는 분들이 활용하면 좋습니다.

01.29분 그누보드의 설치, 게시판 생성
putty를 이용해 그누보드를 웹호스팅에 설치해보고 게시판을 생성하고 환경설정에 대해 알아봅니다.

책갈피[00:01] 그누보드란/[01:49] 다운로드/[[05:15] 다운로드 폴더 확인/[10:07] tar 파일 업로드/[17:18] 경로 지정/[22:30] 설치 완료/[28:03] 여분필드
02.1시간 7분 그누보드를 이루고 있는 파일정의, 로고변경, 탑메뉴 생성
각각의 레이아웃의 수치와 로고를 변경하고 탑메뉴를 생성해봅니다.

책갈피[00:00] 관리권한설정/[01:04] phpinfo/[07:18] 사이트 확인/[16:28] 게시판추가/[23:10] head.php, tail.php/[31:59] 홈페이지/[39:16] 그누보드4s/[45:57] 헤드와 테일의 통합div/[50:55] 로고의 여백/[58:24] 메뉴부분/[01:03:54] 한줄 더 추가/[01:06:48] top조정 후 확인
03.52분 탑메뉴 수정, 검색창 변경, 메뉴생성, footer 수정
html로 메뉴를 생성하고 footer 부분을 자신의 기호에 맞게 수정해봅니다

책갈피[00:32] 메뉴 css 부분 찾기/[05:30] 검색바 옮기기/[13:28] 검색창 확인/[21:15] margin-right/[25:59] 메뉴 css 정의/[34:07] G4_IS_MOBILE 역할/[44:07] color 변경/[48:43] input image 생성
04.50분 로그인스킨의 완벽변신
접속자집계의 구조를 재조정하고, 드림위버로 로그인창을 생성해봅니다

책갈피[01:19] 방문자수 코드 삽입/[02:53] 접속자집계 파일 열기/[11:58] div id 생성/[18:30] outlogin.skin 내용 삭제/[20:11] 나만의 세팅값 만들기/[25:17] aside 코드/[35:45] 패스워드 오류/[41:00] 표 만들기/[45:22] 테이블 정리
05.53분 로그인스킨의 완벽변신Ⅱ
로그인 오류 해결에 대해 알아보고 드림위버로 로그인창을 생성, 이미지 파일로 로그인 스킨을 만드는 방법에 대해 강의합니다

책갈피[00:16] password 확인/[06:30] 출력되는 길이 다른 이유/[13:20] border/[19:21] 색상변경/[29:47] 자동로그인/[37:52] onclick 소스넣기/[40:37] 보안접속 만들기/[45:52] style 추가/[51:09] 회정보찾기 배열맞추기
06.49분 로그인스킨의 완벽변신Ⅲ
로그인폼의 구조에 대해 파악하고 분리시킨 후, 로그인 한 후의 스킨을 변경해봅니다

책갈피[00:57] font-weight : bold/[05:15] 생성한 div css 추가/[11:43] 관리자 모드 삭제/[18:47] 결과확인/[25:41] 가운데 정렬/[30:06] 자리정렬/[37:21] container/[41:06] 메뉴바 수정/[45:58] margin:0px auto
07.56분 사이드바도 스타일있게!
사이드바에 메뉴를 집어넣어보고, 이미지를 삽입한 후, 게시판의 스킨을 제작해 봅니다.

책갈피[00:21] ul 태그 옮기기/[05:23] hover style 변경/[10:18] 접속자 집계 삭제/[16:18] 이미지 스크립트 추가/[24:15] 회원가입 약관/[29:41] 회원가입 폼 설정/[36:37] 관리권한 설정/[44:12] 스킨 디렉토리/[51:15] 괄호넣기
08.53분 게시판을 내맘대로!
게시판 목록을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.

책갈피[00:17] 보드수정 파일 열기/[05:26] 게시판 목록 css/[12:22] 디렉터리 생성/[19:26] 상단 삭제 확인/[25:29] style 생성/[30:26] 스킨 확인/[35:22] 테이블 css 찾기/[41:45] td 태그찾기/[46:30] 공지글 삭제/[50:21] 카테고리 css 확인
09.55분 게시판을 내맘대로!Ⅱ
게시판 목록과 글이 출력되는 부분을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.

책갈피[00:30] 필요한 파일 구성/[05:41] text-align:center/[14:15] padding/[20:00] 글 작성/[28:18] 목록, 글쓰기 코드/[32:50] 관리자 코드/[37:13] view skin php 파일/[46:21] strong 태그/[52:22] 여백주기
10.53분 게시판을 내맘대로!Ⅲ
글이 출력되는 부분에 공통적인 글이나 이미지를 삽입하고 전체적인 디자인을 변경해봅니다.

책갈피[01:15] view.skin.php 파일 열기/[06:58] 버튼 순서 변경/[13:22] 변경된 id css 삽입/[20:37] 제목 크게하기/[26:52] 본문 출력 코드/[32:07] 파일출력/[37:30] 글쓰기 필드 확인/[43:29] frm tbl th css/[50:21] input type 추가
11.54분 게시판을 내맘대로!Ⅳ
게시판 테마를 다운받아 설치하고, 사진이 출력되는 게시판의 구조를 알아봅니다.

책갈피[00:41] input type 확인/[01:25] div 복사/[07:56] 필드추가/[14:58] 예제 확인/[20:41] 그누보드 사이트/[26:41] 글 추가/[29:15] 생략부호 수정/[34:43] 간격 조정/[42:06] bo img href/[48:29] font-family/[50:57] ul calss font 추가
12.49분 게시판을 내맘대로!Ⅴ
블로그 글꼴 변경, 댓글쓰기, 메뉴바, 카운트, 메뉴 구성, 스킨 변경, 타이틀 변경

책갈피[00:00] 블로그 글꼴 바꾸기/[04:23] 뷰와 뷰스킨 파일/[07:45] 폰트크기변경/[12:28] 댓글등록 부분 변경/[15:15] 재변경 후 확인/[20:55] 삭제후 확인/[31:28] 최근게시물 확인/[39:09] title부분 확인/[41:05] 색상 변경이 되지 않는 이유/[46:47] subject 부분과 comment 부분
13.53분 게시판을 내맘대로!ⅤI
블로그 글꼴 변경, 버튼, 회원관리, 웹호스팅변경, 파일백업&압축과해제

책갈피[00:00] 더보기버튼 /[05:22] fpt에서 확인/[10:28] 간격변경/[15:43] 입력창 크기변경/[20:27] 회원수정/[27:15] 스타일 적용/[30:15] 탈퇴메시지변경/[37:34] www의 내용 압축/[42:14] 데이터베이스 작업/[48:02] 폴더삭제명령어/[50:40] 백업파일업로드/[51:45] all.sql 복구
14.54분 새 호스트의 사이트에 이전 호스트의 내용들을 적용시켜보자
관리자메뉴, 레이아웃변경, head 및 main&tail 부분 변경

책갈피[00:00] 배추빌더/[01:11] 배추빌더홈페이지/[02:56] 다운로드/[06:55] data 폴더제외 삭제/[11:06] 압축파일 해제/[15:08] 레이아웃변경/[20:06] 컨텐츠부분 비교/[26:54] 변경할 로고 확인/[36:43] 링크변경/[40:33] 메뉴바이미지변경 /[45:08] 색상변경/[47:58] tail/main파일/[52:41] 스타일
15.50분 홈페이지를 변경해보자
배너변경, 메뉴이미지변경, 검색창변경, 좌우컨텐츠변경, 레이아웃변경

책갈피[00:00] 컨텐츠부분/[00:45] 메인파일 수정/[05:48] 구조확인/[10:38] 중앙검색창/[13:34] 클래스 색상정의/[17:14] 메인메뉴들 위치이동/[22:30] 코드확인/[27:39] div class/[34:29] 그누보드와의 차이/[40:09] 로그인 전후의 파일/[46:06] login-title 클래스 확인/[48:49] width값 수정후 확인
16.54분 홈페이지를 변경해보자Ⅱ
로그인창변경, 각 메뉴들 크기변경, 관리자모드, 그룹관리, 게시판생성

책갈피[00:00] 로그인창 확인/[05:57] 로그인버튼 이동/[12:36] 우측게시판 크기변경/[18:58] point-info/[25:11] 새로고침 시간 변경/[31:35] length/[37:22] margin height 변경/[43:13] 텍스트변경/[47:21] login의 memo와 cash 비교/[50:16] 그룹관리/[52:18] 게시판그룹 생성
17.52분 홈페이지를 변경해보자Ⅲ
메뉴바의 메뉴변경, 그룹관리 코딩작업, 메뉴추가, 게시판생성, 게시판수정, 이미지및글꼴변경

책갈피[00:00] 게시판관리/[00:33] 고객센터/[05:51] 새로운메뉴 생성/[10:05] 회사소개메뉴/[15:43] 상단이미지경로 삭제 후 확인/[21:15] 이미지경로 확인/[27:27] 테일부분수정/[37:11] 클래스 삭제 후 확인/[41:50] 이미지 사용의 주의사항/[47:51] br/[51:05] 텍스트변경
18.53분 홈페이지를 변경해보자Ⅳ
정렬변경, 작성글페이지변경(버튼변경, 정렬변경, 텍스트입력, 메뉴수정, 댓글부분수정, 글쓰기부분수정, 첨부파일)

책갈피[00:00] 글쓴이 부분 변경/[01:01] 텍스트어라인/[06:19] 메뉴버튼 이동/[11:33] 삭제버튼 이미지 변경/[17:46] ftp/[24:03] 스타일부분확인/[30:35] 바만들기/[35:42] ip부분 삭제/[39:58] 비밀글 체크박스/[45:15] 텍스트입력/[50:20] 첨부파일개수
19.48분 홈페이지를 변경해보자V
회사소개메뉴 & 갤러리메뉴(로고와링크, 작성글목록, 이미지변경, 메뉴바, 관리자모드, 상단텍스트, 스타일)

책갈피[00:00] 변경된 부분 확인/[05:08] board2.php/[11:13] 로고링크 수정/[16:33] 메뉴바수정/[23:56] 주석입력/[30:34] 글목록 수정/[35:52] 체크박스 정렬 수정/[39:22] 버티컬어라인/[46:32] 상단텍스트 작성
20.58분 그누보드의 모바일버전 편집
로고변경, 검색창, 메뉴변경, 관리자모드, 외부로그인, 게시판목록

책갈피[00:00] 그누보드/[00:57] 배추빌더모바일/[05:55] 이미지변경/[10:33] ul태그 삭제 후 확인/[15:58] html도구모음/[20:05] border 변경/[28:00] 정보수정/[35:49] 텍스트부분에 복사/[42:21] 게시판목록/[47:50] index.php/[[53:55] 필드셋 붙여넣기/[57:01] skin폴더

강좌설명

강의목록

수강후기

그누보드4s & 배추빌더 & 모바일 연관학과

강좌설명

강의목록

수강후기

그누보드4s & 배추빌더 & 모바일 | 연관학과

IT전문가

그누보드4s & 배추빌더 & 모바일