그누보드4s [css point]

10회차 속성과정
전체 : 3시간 57분|회차당 평균 : 23분41초

이용기간 2개월

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

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

01.20분 기본 기능 및 CSS수정을 통한 내홈페이지 맞춤 제작
생성된 게시판 세팅 및 스킨, CSS파일 수정방법 등을 안내합니다.

책갈피[00:00] 기본 레이아웃 확인/[05:07] 스킨 확인//[10:14] 레이아웃 구조/[14:24] 레이아웃 전체 넓이/[17:23] 본문 바로가기/[19:21] position:relative
02.19분 상단에 적용된 CSS
상단 레이아웃, 로고 및 웹접근성, UI에 나오지않는 텍스트, 검색, 우상단메뉴 CSS분석

책갈피[00:00] 상단 레이아웃/[04:23] 사이트 내 전체 검색/[10:12] 라인 색상 변경/[14:10] #mb_nb li/[16:33] 색상 변경 후 결과 확인/[18:11] #mb_nb img
03.23분 중앙메뉴 및 접근성 버튼수정, 로그인스킨 기능
메뉴, 따로 준비한 중앙메뉴, 크게작게기본 버튼, 로그인스킨 CSS분석

책갈피[00:00] 중앙 메뉴/[02:08] 메뉴 링크거는 방법/[05:33] top 수치 변경/확인/[08:46] HTML 도구모음//[11:02] 로그인 창/[16:20] 넓이,내부여백 수치 변경/확인/[19:44] 비밀번호 코딩 확인/설명//[22:05] ol_svc 코딩 확인
04.23분 로그인창 메뉴 및 중간 레이아웃 및 새글
로그인 2차, 최근게시물 스킨 CSS분석

책갈피[00:00] 로그인 창/[01:13] 관리자 모드 top 수치 변경/확인/[04:54] 정보수정,로그아웃 margin 수치 변경/확인/[06:04] li 목록 태그/[10:16] 베경 색상 변경/[15:03] z-index:4/[18:09] 테두리 색상 변경/확인/[21:53] 크기 재조정
05.21분 새글 스킨수정 및 튜닝
기본적인 스킨만 사용과 각각의 홈페이지에 맞게 스킨에 적용된 CSS분석

책갈피[00:00] 외부,내부 여백/[03:48] CSS 스타일 변경/[04:12] 주의점/[07:47] 더보기 위치 정의/[11:24] 배경 색상 변경/확인/[18:48] 접속자집계/[20:24] 마우스오버시 배경 색상 변경/확인
06.20분 하단에 적용된 스킨 및 외부로그인 스킨
인기검색어, 접속자 집계, 외부로그인 등의 스킨분석 및 CSS분석

책갈피[00:00] 하단 스킨/[00:17] ft_catch 설명/[06:30] Member 스킨/[10:14] border-bottom 삭제/확인/[14:15] frm_input margin 수치 변경/확인/[18:23] 메인으로 돌아가기(서식단계 진행)
07.26분 Member 관련 페이지를 튜닝
회원정보찾기, 회원가입 관련된 Member 스킨에 적용된 CSS분석

책갈피[00:00] 아이디 패스워드 찾기/[04:54] line-height 수치 변경/확인/[09:14] 내부에 작성된 내용 스타일 변경//[17:34] 회원가입 버튼/[21:38] 회원가입약관 입력하는 곳/[25:03] 동의 체크 아래 실선
08.31분 각각의 스킨별로 쉽게 적용된 CSS를 찾아 수정하는 방법
최근게시물~접속자 관련, 게시판 일반 및 갤러리스킨 CSS분석

책갈피[00:00] 회원가입 폼/[05:39] 목록 테이블 코딩/[12:57] 콤보상자, input, 검색 버튼/[23:22] 댓글목록/[31:00] 이미지 갤러리
모바일 CSS 튜닝 방법
09.27분 기기별 적용법 및 각종 스킨과 버튼 등의 CSS
기본적용 및 상단 레이아웃, 로고, 검색, 기본MENU, 로그인 스킨, 텍스트 크기조절 CSS분석

책갈피[00:00] 모바일/[04:26] 로고/[11:41] 해당 파일 열기(outlogin)/[18:40] 아이디,패스워드/[23:48] 자동로그인,회원가입,정보찾기/[24:46] 텍스트 크기 조절(작게,기본,크게)
10.27분 하단 스킨 및 게시판 관련 스킨 CSS
최근게시물, 하단 레이아웃 관련된 모든기능 CSS분석

책갈피[00:00] 최근 게시물/[05:40] 배경 색상 변경/확인/[10:03] 방문자집계/[15:20] 하단 스킨 작업시 주의점/[20:59] 기본 테이블/[25:45] 게시판용 버튼