킴스큐

20회차 속성과정
전체 : 11시간 45분|회차당 평균 : 35분15초

이용기간 2개월

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

킴스큐 인강 평생교육원 교육 안내
국내기술의 웹사이트구축 플랫폼으로 웹제작에 대한 전문기술이 없이도 간단한 조작으로 웹사이트를 구축할수 있기 때문에 개인웹사이트를 구축하고 싶은 분들이 이용하면 좋습니다. PC나 모바일 웹사이트를 통합생성 할 수있어 가벼운 홈페이지 제작을 원하는분에게 권장합니다.

01.37분 킴스큐의 시작
킴스큐의 기본 메뉴에 대해 강의합니다.

책갈피[00:00] 킴스큐의 특징과 장점/[00:36] 메인 페이지 확인/[05:58] 최상위메뉴 만들기/[11:20] 새 테마 만들기/[17:29] 제목 폰트, 크기, 색상 변경/[23:52] 검색폼 보더색/[30:21] 광고 이미지, 링크/[36:08] 킴스큐의 장점
02.38분 멀티사이트 만들기
멀티사이트를 제작·관리하는 방법을 알아보고 메인페이지와 팝업을 만들어봅니다.

책갈피[00:00] 멀티사이트 만들기/[00:28] 어드민-홈페이지/[05:55] 시작페이지 변경/[12:18] 헤더 이미지 삽입/[17:56] 테이블 삽입/[25:53] 텍스트 입력/[31:43] 페이지 수정-소스코드 직접편집/[36:18] 소스코드 수정-박스 삽입
03.37분 기본폴더구조 살펴보기
기본폴더구조를 살펴보고 모듈생성의 기초를 강의합니다.

책갈피[00:00] 기본폴더구조 살펴보기/[05:01] 검색어 정의/[11:13] 모듈전용 변수파일/[20:58] mobile/pc 폴더 생성/[27:41] main.php 작성/[31:05] theme 폴더 생성
04.36분 모듈 생성과 패키지 구성
모듈과 레이아웃의 기초를 공부하고 패키지 구성 방법에 대해 알아봅니다.

책갈피[00:00] layouts/[00:32] blog/[01:02] 기본 레이아웃 살펴보기/07:18] name.txt 작성/[12:37] 레이아웃 추가 확인/[18:20] _main.php 살펴보기/[25:12] 레이아웃 패키지 구성 방법/[34:31] 패키지 등록시 확인
05.37분 php 다루기 part1
킴스큐에 대한 php에 대해 공부하고, 모듈을 생성하는 방법에 대해 강의합니다.

책갈피[00:00] PHP 시작 방법/[00:34] apmsetup 설치/[02:47] 정상 동작중 확인/[06:56] 기본 인코딩 변경/[14:21] var.joint.php 편집/[20:14] 비밀테이블 추가/[27:05] main.php 편집/[34:06] 위젯
06.37분 php 다루기 part2
php를 살펴보고 마켓에 대한 전반적인 부분들에 대해 강의합니다.

책갈피[00:00] 위젯/[00:20] 위젯리스트, 위젯안내/[05:32] admin.php 편집/[13:15] 메인화면 편집/[19:53] 글쓰기 동작방식/[26:52] 마켓 살펴보기/[30:25] 스위치/[35:04] 인터넷 옵션 설정
07.36분 글 작성과 게시판 생성
글을 작성하고 메뉴와 게시판 연동에 대해 알아봅니다.

책갈피[00:00] 살펴보기/[00:43] 새 페이지 만들기/[05:45] 상단 로고 변경2/[12:10] 연결주소 확인/[18:33] 사진 추가/[25:28] 패키지 설치/[31:56] 메뉴헤더 입력/[34:41] 갤러리 편집
08.39분 갤러리 게시판 설정
갤러리 게시판의 모양을 바꿔봅니다.

책갈피[00:00] 갤러리 꾸미기/[00:26] 존재하지 않는 게시판 이유/[05:59] 카테고리 등록/[12:35] 새글쓰기3/[17:39] 메뉴숨김/[23:50] WM Gallary/[30:42] 인쇄, 스크랩/[36:54] Highslide 썸네일 세로형
09.37분 쇼핑몰 테마, 페이지 생성
쇼핑몰 게시판 테마와 회원가입, 마이페이지를 생성해봅니다.

책갈피[00:00] 게시판 테마/[00:20] 깜찍한 상품 진열대 게시판 테마/[06:49] 글 수정-상세페이지 내용 추가/[15:10] 쪽지, 메일/[19:53] 회원가입 페이지 등록정보/[24:13] 회원관리 모듈 업로드/[31:42] 회원가입 설정/[35:40] 위젯코드 추출
10.15분 홈 메뉴 설정
홈에 있는 메뉴들을 설정하고 파일 저장소를 살펴봅니다.

책갈피[00:00] 홈 메뉴 설정/[00:44] 광고 설정/[01:27] 출력 설정/[03:28] 세부 설정/[06:36] list.php 파일 내려받기/[08:23] main.css 파일 편집/[11:54] 임시파일 메모리에 저정하기/[13:09] index.php 파일 편집
킴스큐 css 분석
11.34분 킴스큐 css의 시작!
css 환경설정, potion, adminControl.abox, float

책갈피[00:00] 초기화/[00:37] 어드민 바/[00:50] 로그아웃 후 화면/[06:31] top/[16:21] border-bottom/[22:24] adminControl .abox a{color}/[26:48] 그림 예제/[30:16] padding-left/[33:33] lower-roman
12.34분 어드민 박스 속성 파헤치기 part1
adminControl.aleft, border, margin, padding

책갈피[00:00] adminControl/[06:27] border-left/[13:15] dashed와 dotted 비교/[21:04] position:static/[25:38] editpage/[30:06] 사용자 설정/ 킴스큐 설정 부분/[32:50] aright .arrow{border-right}
13.34분 어드민 박스 속성 파헤치기 part2
adminControl.aright.arrow img, cursor, amenubox, overflow

책갈피[00:00] adminControl img/[06:06] cursor:help/[12:27] 주요 관리모듈/[19:25] border-right dotted/[24:43] border 속성/[30:32] background/[33:52] padding-top
14.36분 header의 모든것 part1
border를 사용해 padding을 확실히 공부하고 logo, login, searchform 를 자유롭게 움직여봄

책갈피[00:00] header/[00:50] ftp 원격 파일 열기/[01:08] 어드민/ 홈에서 style 적용 가능/[05:23] dashed/[13:47] margin-left/[20:44] inline/[25:58] position/[34:29] search keyword
15.36분 header의 모든것 part2
hearder.search.keyword, font-size, font-family, font-weight, hearder.search.sbtn, topmenu

책갈피[00:00] padding/ margin/[06:29] font-family/[12:39] bold/[20:14] border/[25:50] 어드민 접속-게시판/[30:51] 글 작성한 것 확인/[34:11] width/ height
16.35분 킴스큐 메인박스 수정
content.mainbox.post,width, wite-space 파헤치기

책갈피[00:00] content .mainbox .post/[05:58] post0, post17/[09:54] width 변경/[14:19] pre-wrap/ pre-line/[21:23] 아무 속성 없을때/[25:27] font-weight:bold/[31:40] font-size/[34:14] text-overflow
17.36분 info 창의 완벽 변신
6content.mbrinfo, content.mbrinfo.symbol, namer, text-decoration, list-style-type

책갈피[00:00] test2/[04:50] padding/[11:19] margin/[17:43] namer padding/[22:58] border/[26:39] blink/[30:30] lower-alpha/[33:56] border-radius
18.37분 submenu의 모든것 part1
img, repeat, line-height, color, 광고글 설정, content.hotbox.tabbox

책갈피[00:00] submenu/[06:32] repeat/[15:04] hover/[21:03] 광고설정/[26:00] 많이본글/ 댓글많은글/[32:38] height/[36:00] border-bottom
19.39분 submenu의 모든것 part2, bbs의 모든것 part1
text-align, content.hotbox.hbody li.emp, font-style, font-size의 부가속성

책갈피[00:00] text-align/[00:14] text-align 속성/[06:50] hotbox .hbody li i/[12:37] font-size:mediun/[18:10] background/[26:52] 찾아바꾸기/[32:45] padding/[36:01] font-family/ font-size/[38:10] color
20.35분 bbs의 모든것 part2
bbsview.viewbox.info, scorebox, snsbox, bottom, comment, bbslist.info.article

책갈피[00:00] 글 입력/[00:41] view box 살펴보기/[05:28] 스크랩 아이콘 변경/[09:32] 기호 아이콘 특징/[14:58] text-align:left/[20:16] font-size/[26:09] 검색, 제목 태그 수정/[32:24] 사이드바 위치 변경

IT전문가

킴스큐