알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>홈페이지 빌더>테크노트

테크노트

테크노트
20회차 속성과정
전체 : 12시간 3분|회차당 평균 : 36분8초

이용기간 2개월

전문강사 : 김성진

200,000125,000



테크노트 사용법 강좌
게시판과 빌더형태를 가진 웹사이트 제작 솔루션으로 일반홈페이지 제작이나 쇼핑몰제작을 원한다면 웹프로그램에 대한 지식이 없어도 사이트를 구현할수 있습니다. 하지만 웹에 대한 기초적인 지식을 가지고 있어야 원활하게 다룰수 있으므로 고급기능의 활용을 원한다면 PHP 웹관련 학습을 하기를 권장합니다.
  • 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 속성 보기