- 강의구성
- (10강) 전체 : 3시간 57분|평균 : 23분41초
- 이용기간 / 강사
- 2개월 / 알지오 R&D [IT]
- 수강료
- 210,000원
- 105,000원
수강 전 자주 묻는 질문
교재 없이? 초보자도 가능 한가요?
교재 없이도 동영상과 실습 자료만으로 학습할 수 있으며, 초보자도 이해하고 따라올 수 있도록 설계된 강의입니다.
알지오의 강의특징은 무엇인가요?
알지오 강의는 단순 촬영본이 아니라, 전문 편집으로 핵심만 담아 학습 효율을 높인 강의입니다.
프로그램은 어떻게 구하나요?
알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.
수강생 여러분께 감사드리며, 납부하신 수강료 일부는 매월 사회 환원 활동에 사용됩니다. 특히 소외된 이웃들에게 라면을 기부하며 작은 나눔을 이어가고 있습니다. 자세한 내용은 아래 링크에서 확인하실 수 있습니다. 알지오 사회환원 활동
-
01.20분
기본 기능 및 CSS수정을 통한 내홈페이지 맞춤 제작
생성된 게시판 세팅 및 스킨, CSS파일 수정방법 등을 안내합니다.
기본 레이아웃 확인/스킨 확인//레이아웃 구조/레이아웃 전체 넓이/본문 바로가기/position:relative
-
02.19분
상단에 적용된 CSS
상단 레이아웃, 로고 및 웹접근성, UI에 나오지않는 텍스트, 검색, 우상단메뉴 CSS분석
상단 레이아웃/사이트 내 전체 검색/라인 색상 변경/#mb_nb li/색상 변경 후 결과 확인/#mb_nb img
-
03.23분
중앙메뉴 및 접근성 버튼수정, 로그인스킨 기능
메뉴, 따로 준비한 중앙메뉴, 크게작게기본 버튼, 로그인스킨 CSS분석
중앙 메뉴/메뉴 링크거는 방법/top 수치 변경/확인/HTML 도구모음//로그인 창/넓이,내부여백 수치 변경/확인/비밀번호 코딩 확인/설명//ol_svc 코딩 확인
-
04.23분
로그인창 메뉴 및 중간 레이아웃 및 새글
로그인 2차, 최근게시물 스킨 CSS분석
로그인 창/관리자 모드 top 수치 변경/확인/정보수정,로그아웃 margin 수치 변경/확인/li 목록 태그/베경 색상 변경/z-index:4/테두리 색상 변경/확인/크기 재조정
-
05.21분
새글 스킨수정 및 튜닝
기본적인 스킨만 사용과 각각의 홈페이지에 맞게 스킨에 적용된 CSS분석
외부,내부 여백/CSS 스타일 변경/주의점/더보기 위치 정의/배경 색상 변경/확인/접속자집계/마우스오버시 배경 색상 변경/확인
-
06.20분
하단에 적용된 스킨 및 외부로그인 스킨
인기검색어, 접속자 집계, 외부로그인 등의 스킨분석 및 CSS분석
하단 스킨/ft_catch 설명/Member 스킨/border-bottom 삭제/확인/frm_input margin 수치 변경/확인/메인으로 돌아가기(서식단계 진행)
-
07.26분
Member 관련 페이지를 튜닝
회원정보찾기, 회원가입 관련된 Member 스킨에 적용된 CSS분석
아이디 패스워드 찾기/line-height 수치 변경/확인/내부에 작성된 내용 스타일 변경//회원가입 버튼/회원가입약관 입력하는 곳/동의 체크 아래 실선
-
08.31분
각각의 스킨별로 쉽게 적용된 CSS를 찾아 수정하는 방법
최근게시물~접속자 관련, 게시판 일반 및 갤러리스킨 CSS분석
회원가입 폼/목록 테이블 코딩/콤보상자, input, 검색 버튼/댓글목록/이미지 갤러리
- 모바일 CSS 튜닝 방법
-
09.27분
기기별 적용법 및 각종 스킨과 버튼 등의 CSS
기본적용 및 상단 레이아웃, 로고, 검색, 기본MENU, 로그인 스킨, 텍스트 크기조절 CSS분석
모바일/로고/해당 파일 열기(outlogin)/아이디,패스워드/자동로그인,회원가입,정보찾기/텍스트 크기 조절(작게,기본,크게)
-
10.27분
하단 스킨 및 게시판 관련 스킨 CSS
최근게시물, 하단 레이아웃 관련된 모든기능 CSS분석
최근 게시물/배경 색상 변경/확인/방문자집계/하단 스킨 작업시 주의점/기본 테이블/게시판용 버튼
![그누보드4s [css point]](/img_file/builder/Date/201902129650Gnuboard4s.png)
![그누보드4s [css point]](/expert/img/skin_sample_play_PM_05.png)