알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>핵심 웹표준퍼블리셔>HTML5 & CSS3 [입문 + 고급]

HTML5 & CSS3 [입문 + 고급]

HTML5 & CSS3 [입문 + 고급]
54회차 속성과정
전체 : 34시간 38분|회차당 평균 : 38분28초

이용기간 2개월

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

300,000185,000



HTML5 & CSS3 인강 평생교육원 교육 안내
웹표준에서 빠져서는 안 될 HTML5와 CSS3의 관계 및 기본을 담았습니다.
  • HTML5
  • 01.26분 Chapter 1

    HTML5형식, googlecode, section, article, header, footer, nav, figure, canvas

    책갈피 : [00:04] DOCTYPE/[02:54] HTML5의 엘리먼트/[06:52] DOCTYPE 선언방식/[10:38] display/[12:01] article, header, footer/[14:59] nav/[16:06] figure, figcaption/[19:03] id 지정 및 document.getElementById/[21:58] getContext/[25:47] display:none

  • 02.54분 Chapter 2

    svg, polygon points, video, object, hspace

    책갈피 : [00:50] fillStyle/[03:28] moveTo, lineTo, stroke/[05:37] beginPath, arc/[08:26] font, fillText/[11:23] strokeText/[14:38] createRadialGradient/[17:56] svg/[24:51] opacity 설정/[27:06] 둥근 사각형 그리기/[34:54] polygon/[38:15] video/[42:56] 유튜브 소스 가져오기/[45:35] audio/[47:30] embed, object/[50:17] 사용자태그

  • 03.44분 Chapter 3

    summary, main, mark, datetime, footer, download, bdo, blockquote, form, formenctype, formnovalidate, option, datalist, dialog, fieldset, legend, iframe

    책갈피 : [00:00] details, summary/[03:29] main/[07:13] time/[08:30] html4와 html5의 엘리먼트 차이/[09:55] 간단한 웹사이트 제작/[16:39] download/[21:10] q/[25:32] formaction/[28:30] formenctype/[32:58] datalist/[36:59] fieldset/[40:08] iframe sandbox

  • 04.23분 Chapter 4

    keygen, label, meter, oninput, progress, map, download, bdi, video, track, wbr

    책갈피 : [00:00] keygen/[02:09] disabled/[05:53] meter/[06:56] oninput/[07:54] range/[09:34] output/[10:47] progress/[15:21] rel/[16:57] bdi/[21:19] wbr

  • 05.38분 Chapter 5

    언어 설정, 스타일시트, 스크립트 연동, 시멘틱 요소, hgroup, article, 그림자 효과, 레이아웃, 라운드, input type, section, text-justify

    책갈피 : [00:05] html 언어 설정/[04:11] css 설정/[08:20] hgroup/[11:49] input type/[14:09] */[20:03] css class 정의/[25:46] 스타일 이중 적용/[29:00] text-justify/[32:11] :first-of-type:first-letter/[34:16] margin: auto

  • 06.47분 Chapter 6

    range, before, !important, replace, toUpperCase, toLowerCase, addEventListener, @font-face, overflow, white-space, ellipsis, transition

    책갈피 : [00:11] range/[03:11] before/[06:39] !important/[08:46] vertical-align/[09:56] 속성선택자/[11:32] 함수 선언/[16:33] 연산자/[20:46] replace/[21:44] toUpperCase/[27:29] @font-face/[30:30] 웹용 폰트 가져오기/[37:46] transition/[41:20] click 이벤트/[44:23] document.querySelector/

  • 07.25분 Chapter 7

    캔버스, 곡선의 기본 형태

    책갈피 : [00:48] lineWidth/[03:17] arc(원 생성)/[07:32] 변수정의/[10:08] 원을 벗어난 공간/[12:45] 사선 그리기/[19:56] 좌표 정의/[23:47] 곡선을 면으로

  • 08.26분 Chapter 8

    bezier, quadratic, bezier, round

    책갈피 : [00:02] ctx.moveTo()/[04:33] beginParh/[08:15] 오른쪽 코딩/[10:48] 자유형태 사각형/[13:04] fill-stroke값으로/[16:35] 혼합색만들기/[22:23] 20*Math.PI/180/[24:00] 변수선언 (grd)/[25:24] width,height,style

  • 09.27분 Chapter 9

    캔버스, 그레이디언트, 외곽선, 도형 그림자

    책갈피 : [00:42] grd.addColorStop()/[01:11] ctx.rect()/[05:59] RadialGradient/[06:26] radiusEnd (반지름)/[08:50] ctx.lineWidth/[13:24] 컬러가다른 텍스트/[19:35] 그림자 역할/[19:57] ctx.shadowColor//[23:33] transparent/[27:02] Blur 효과

  • 10.32분 Chapter 10

    그림판, 애니메이션, 그래프

    책갈피 : [00:04] Clip 기능/[06:55] 좌표 수정/[09:45] 도형 겹침/[11:13] stroke 선언/[15:04] save/[22:13] scale/[27:24] 가로값, 세로값 (x,y)/[29:51] mirror 기능

  • 11.28분 Chapter 11

    clip, restore, save, mirror, scale, mousePos

    책갈피 : [00:02] radius/[03:11] 달걀형 생성/[05:59] ID명, 변수 변경/[08:08] message 정의/[10:24] canvas.getContext/[16:52] flage = flase/[18:55] x,y 좌표 입력/[21:47] 'round' / stroke/[23:47] input 태그 삽입/[24:07] red = function

  • 12.27분 Chapter 12

    애니메이션

    책갈피 : [00:14] New 버튼 생성/[05:02] function init/[08:21] ypos+=speed/[14:28] barswidth/[18:44] canvas id/[22:14] P태그로 정의/[25:01] ondrag,ondragend

  • CSS3
  • 13.28분 Chapter 1

    rotate, scale, skewX, skewY, box, rgba, transition, nth-child

    책갈피 : [00:14] rotate/[03:39] skewX/[05:06] box, box-orient, box-align/[08:06] *(전체선택자)/[10:49] box-flex/[12:49] box 응용 예제/[16:45] box-direction:reverse/[19:57] rgba/[21:51] box-shadow/[25:32] nth-child

  • 14.39분 Chapter 2

    css3를 이용한 웹페이지를 만들어봅니다.

    책갈피 : [00:30] 레이아웃 설명/[03:14] line-height/[07:01] position:relative/[10:35] text-decoration/[15:31] font-weight:normal/[18:43] float:left/[23:31] alpha/[26:15] class 유무에 따른 차이/[30:02] h3 스타일 정의/[35:24] footer/[38:03] html5 로고

  • 15.38분 Chapter 3

    css3를 이용한 웹페이지를 만들어봅니다.

    책갈피 : [00:28] outline/[01:18] vertical-align:baseline/[05:38] background/[10:05] li 스타일 정의/[17:32] list-style-type:none/[24:17] border-radius/[29:21] 배너 정의/[32:20] transition/[36:01] display:block

  • 16.59분 Chapter 4

    css3를 이용한 웹페이지를 만들어봅니다.

    책갈피 : [00:46] body, a 스타일 정의/04:33] position:absolute/[06:40] text-transform:none/[10:35] header 스타일 정의/[15:49] css 깊이/[22:00] fieldset/[24:11] 자식선택자/[29:23] ul, li/[35:40] dl/[42:22] border-left/border-top/[47:48] img + img/[54:26] 하단 menu 스타일 정의/[57:22] class 중첩

  • 17.36분 Chapter 5

    자식선택자, 전체선택자, 속성선택자, 가상요소에 대하여 알아봅니다.

    책갈피 : [01:17] header/[04:54] list-style:square/[08:52] header + footer/[11:07] ~ */[15:18] h, hr태그 스타일 정의/[20:07] border-bottom-left-radius/[27:43] width, margin/[35:32] footer 스타일 정의

  • 18.38분 Chapter 6

    transition, gradient, 가상 요소에 대하여 집중적으로 학습해봅니다.

    책갈피 : [00:26] 인코딩 설정/[04:14] repeating-linear-gradient 설정값/[08:09] nav 스타일 확인/[12:48] box-shadow, border-radius/[15:17] cite/[19:33] code/[24:48] border-radius/[28:48] float:left/[32:11] clear:both/[35:07] :not

  • 19.33분 Chapter 7

    인코딩 설정, opacity, transition, 외부 폰트 가져와서 쓰기

    책갈피 : [00:21] UTF-8/[03:09] border-radius/[05:05] opacity, transition/[10:54] background/[17:26] border-bottom-left-radius/[21:26] 외부 폰트 가져와서 쓰기/[25:51] position:relative/[29:08] transform:scale/[31:45] position:fixed

  • HTML완성
  • 20.49분 전문가 특강 1

    누구나 할수있게! HTML 모든tag 활용실습

    책갈피 : [00:00] html 문서/[05:02] title 삽입/[08:20] 개별로 h1 태그 지정/[11:26] html 문서 생성 방법/[13:03] 코딩 방식/[16:10] 웹 호스팅/[20:41] ftp에 업로드/[27:06] 제목글에 풍선도움말/[29:09] target="_blank"/[35:12] 글꼴색 지정/[38:42] 태그 비교/[41:58] mark 태그/[44:12] 인용부호/[47:11] cite 태그

  • 21.38분 전문가 특강 2

    누구나 할수있게! HTML 모든tag 활용실습

    책갈피 : [00:00] 주석처리/[04:51] body 태그에 배경/[08:01] 링크 (link)/[09:32] 텍스트 정렬, 사이즈/[11:25] table 태그/[15:03] 순서 있는 목록/[20:11] span 태그/[22:39] 레이아웃 방법/[26:06] padding/[27:54] 아이디 값 설정/[32:46] width 값 계산/[34:37] section 정의/[36:48] footer 정의

  • 22.42분 전문가 특강 3

    누구나 할수있게! HTML 모든tag 활용실습

    책갈피 : [00:00] 반응형 웹/[05:54] 문자셋/[08:36] 공백/[10:16] > (>)/[14:53] 잘못된 태그/[18:48] 빈요소 제거/[22:11] input type="submit"/[26:59] selected/[30:17] value 값 지정/[35:22] max, min 값 지정/[40:38] search/[41:23] url

  • 23.38분 전문가 특강 4

    누구나 할수있게! HTML 모든tag 활용실습

    책갈피 : [00:15] readonly (읽기전용)/[03:37] 유효성 검사/[06:59] input type="file"/[10:09] 링크 단축키/[15:27] font-family/[20:14] 클릭했을때 동작/[25:15] 이미지 좌표 링크/[29:54] (테이블 나뉨)/[35:43] list-style-type:none/[36:32] ol type

  • 24.23분 Html 태그 - 편집툴 및 웹문서에 대하여

    에디트플러스, 웹호스팅, 문서 실시간 반영

    책갈피 : [00:00] 웹표준/[04:47] 실제접속자/[08:15] 에디트플러스/[11:08] 웹호스팅 ftp/[17:02] title 태그//[19:01] (Keywords,Author)/[20:43] 메타태그(Generator)

  • 25.32분 Html 태그 - 웹문서, 기본 태그구성

    홈페이지 소스

    책갈피 : [00:26] EditPlus/[01:13] title 태그/[03:31] 새 문서 만들기/[06:08] 큰따음표 태그/[10:05] html이란/[17:01] P 태그 정렬/[20:55] 금지항복 설정/[22:06] hr 태그의 정의/[27:16] h1~6 머리말/[29:51] font-size/[31:35] b 태그

  • 26.40분 Html 태그 - 주석, pre xmp blockquote, 글꼴, 이미지, 링크

    주석, 줄바꿈, face,상대 절대경로

    책갈피 : [00:00] 진행설명/[01:41] 주석처리/[03:12] pre/[05:00] xmp 태그/[06:28] xmp/[07:24] blockquote 태그/[08:20] 줄바꿈/[09:18] face/[16:01] img 태그, 정렬및 옵션/[18:16] 상대경로와 절대/[25:53] p태그/[30:15] title태그와 alt/[38:49] title 태그

  • 27.20분 Html 태그 - 링크 모든것, 책갈피, 원하는 사이즈 오픈및 옵션

    mailto, 책갈피, 팝업

    책갈피 : [00:00] 메일링크/[03:34] 일반 파일링크/[06:23] 책갈피 링크/[11:26] 자바스크립 단점//[14:57] #과 스크립 차이/[16:37] onclick, javascript/[18:55] scrollbart

  • 28.20분 Html 태그 - 텍스트 움직임, 특수문자

    direction, 인코딩

    책갈피 : [00:00] 마퀴키본/[02:32] direction/[06:20] scrollamount 속도/[12:28] 상대경로. img/[14:23] 특수문자/[15:09] 특수문자/[17:06] 인코딩/[19:05] 특수문자의 예

  • 29.12분 Html 태그 - 목록 만들기

    OL, li, DL, UL 예시

    책갈피 : [00:00] OL태그/[01:47] li태그/[05:15] DL태그/[05:45] UL태그/[10:40] UL태그 -> 변형

  • 30.31분 Html 태그 - 테이블의 모든것

    셀, 행, 표 태그 개념

    책갈피 : [00:47] 에디트로 표/[02:28] 셀, 행, 표태그/[05:16] 표, 셀사이즈 /[10:46] 표, 셀 bg컬러/[13:30] bordercolordark/[17:50] 셀 가로,세로/[22:38] 표, 셀정렬/[29:13] th 및 타이틀/[30:51] caption

  • 31.29분 Html 태그 - 프레임의 모든것

    개념정리

    책갈피 : [00:00] frameset/[00:07] 노프레임, 프레임/[04:03] 프레임셋 과 프레임/[07:07] 수치값 변경/[13:48] 종류별 분할/[17:16] 제로보드/[23:04] 상대경로와 절대경로/[25:43] target

  • 32.31분 Html 태그 - iframe, include 모든것

    iframe, include

    책갈피 : [00:00] iframe 소개/[00:40] iframe의 종류/[04:40] iframe/[07:12] align/[11:26] marginwidth/[16:24] iframe 링크타겟/[19:22] include 적용/[24:30] include소스/[27:14] include의 예

  • 33.23분 Html 태그 - 폼, 버튼 구성요소 알기

    입력폼 속성, 데이터베이스

    책갈피 : [00:00] 폼태그 역할안내/[01:42] 데이터베이스/[04:16] form의 마무리/[07:33] 폼링크 버튼실습/[09:45] post 개념정리/[12:54] input 이란?/[17:53] 제로보드 로그인/[19:08] form 태그/[20:58] 폼과 input 구성

  • 아무도 알려주지 않은 실전내용
  • 34.22분 Html 태그 - 이미지 맵, 플래시, 동영상, 실무응용

    손쉽게 수정및 추가

    책갈피 : [00:39] 이미지맵/[04:05] 맵 손쉽게/[08:40] 맵점선 삭제/[09:58] Flash/[12:35] ucc 동영상/[16:12] 도메인 호스팅/[18:30] 디렉토리

  • 웹표준 [css3 Skill Up] - CSS3 들어가기
  • 35.35분 버튼 20가지, 폼문서

    같은 링크 소스를 css3 효과로 다양하게 표현하는 방법, legend label input select 꾸미기, li를 다이얼처럼 제작하기

    책갈피 : [00:00] 버튼 제작/[04:20] border-bottom/[07:50] glow/[12:02] orange/[14:21] green/[16:27] form 속성/[20:05] label/[28:07] sortable/[34:11] captcha

  • 36.1시간 8분 12가지 메뉴

    마우스 오버시 숨김메뉴출력, input select 수정작업, fixed를 이용한 떠있는 div, 12개의 같은메뉴 소스에 전혀다른 효과주기

    책갈피 : [00:00] 간단한 메뉴 네비게이션/[05:57] ul li a/[11:03] form.register/[16:26] .infobox/[19:48] label.gender/[25:53] registration/[28:27] input/[31:06] 떠있는 레이어/[35:16] info/[39:35] 12가지 메뉴/[40:44] menu1/[44:58] menu2/[46:59] menu3/[01:04:02] menu11/[01:05:49] menu12

  • 37.43분 색다른 테이블코딩, 투명 메뉴 걸치기, 떠있는 div 2가지

    테이블 느낌이 아닌 그래픽 효과로 코딩, 떠있는 메뉴 및 마우스오버시 다른느낌의 작품 예제 실습하기

    책갈피 : [00:00] 기본 문서에 CSS3 코딩/[05:44] Table/[12:31] tbody/[20:11] tfoot td/[24:04] thead th:empty//[27:19] table3 tfoot td/[30:20] 배너 모양, 겁쳐있는 모양/[35:26] 떠있는 레이어/[39:46] span.reference a:hover/[42:31] a > span

  • CSS3 Absolute
  • 38.43분 사각에서 별모양까지, box-shadow 의 모든것

    기본사항을 학습한 후 네온에서 아쿠아버튼까지 CSS3로 완벽하게 그래픽 구현

    책갈피 : [00:00] 모양, 글자, 그림자, 박스 그림자/[04:16] triangle-bottomright/[08:06] twelve-point-star:after/[12:50] speech-bubble/[16:41] example/[24:59] stroke/[30:07] letterpress/[35:42] retro/[38:38] 테두리 점선/[39:27] shadow/[39:52] 아쿠아 버튼

  • 39.59분 animation 기능의 모든것

    transform, iteration-count, timing-function 등의 모든함수 및 벨류값을 사용하여 CSS3의 완벽한 애니메이션 연출

    책갈피 : [00:00] animation 기능/[03:41] flip-container:hover/[06:16] flipper/[12:48] front name/[17:25] transform/[25:06] animation-timing-function/[31:03] ease-in.test_box/[36:35] timings_demo:hover/[39:57] delay_demo/[45:35] dd2~dd8/[50:03] border-radius/[56:52] property, duration, delay

  • 40.29분 animation 기능의 모든것 2

    rotateX Y Z, rotate, scale, preserve-3d, linear, transition opacity, alternate 등 상황별 애니메이션 연출

    책갈피 : [00:00] animation 기능/[05:30] transDemo4/[10:28] webkit-keyframes resize/[19:11] button/[24:22] cf img.top:hover/[28:29] f3_container

  • 41.60분 3D Animation 큐브, CSS3 뛰어난 메뉴반응

    perspective, rotateY, translateZ, infinite, ease-in-out, spinCubeWebkit, background:hsl, hsla, gradient, transition: margin ease, last first-child, opacity ease-in

    책갈피 : [00:00] 원근법/[06:53] webkit-perspective/[10:00] cube/[10:47] translateZ/[19:17] cube .back/[26:26] button a,p/[35:05] 이미지 화/[40:39] 버튼 오버 효과/[42:31] one/[48:43] css3tutorial.menu/[51:51] css3tutorial.menu li a/[53:53] a span/[59:19] li:hover a span

  • 42.50분 주기적으로 갱신되는 갤러리, 이미지마다 다른메뉴 출력

    마우스오버시 숨김 출력 애니메이션, 폼속성 인풋클릭시 애니메이션 퍼짐컬러, 5개의 이미지가 순환되며 해당이미지 마우스 오버시 지정배너 출력

    책갈피 : [00:00] 숨김메뉴/[00:43] navMain/[06:29] li:hover ul/[07:59] 에니메이션/[12:25] hongkiat-form/[20:04] textarea:focus/[24:12] buttons/[29:33] #submitbtn/[32:57] clearfix/[38:40] relative/[40:43] 10초 간격으로 무한반복//[43:03] 다섯개의 tooltip/[48:52] fullexpand

  • 43.56분 종류별 이미지 갤러리

    로딩시 본문이 내려와 한번 튕기고 멈춤, 라디오버튼 클릭시 다른 내용이 서서히 보이게 하거나 튀어나오게 작업, 작은이미지 메뉴 클릭시 실제 이미지 상황별 애니메이션 반응

    책갈피 : [00:00] 에니메이션/[04:27] bounceInDown/[10:00] :hover/[15:42] 4개의 메뉴/[21:40] tabs label:after/[27:06] .input.tab-selector-1/[32:25] 이미지에 에니메이션 삽입/[33:05] ul, li, div, img, a/[40:25] ul.s-thumbs a:hover/[45:13] radius, shadow, transition/[49:19] slideLeft/[51:12] slideRight/[53:49] zoomIn/[55:17] rotate

  • 44.54분 풍선도움말, 그래픽같은 버튼메뉴

    마우스 오버시 숨김 내용이 키프레임 설정대로 출력되고 사라짐, 마우스 오버시 움푹 들어가고 나오는 버튼, 상황별 입체버튼 누르는 듯한 두가지 효과

    책갈피 : [00:00] 버튼/04:13] wrap button span/[11:03] wrap button/[14:07] 돌출 버튼/[17:09] navigation ul/[21:38] {margin-bottom:0;}/[25:27] 마우스 오버시 효과/[29:47] 마우스 오버시 에니메이션 효과/[36:44] info-lynch p/[42:11] info-lynch//[44:14] 원형 버튼/[49:58] nav li/[51:39] z-index: -1/[52:58] nav a:active

  • 45.51분 종류별 애니메이션 적용된 버튼 만들기

    인풋버튼을 체크하면 눌린상태에서 다시 체크하면 원상태 되돌림, 실제 클릭과 오버시 상황별로 애니메이션 준 버튼 확인

    책갈피 : [00:00] 인풋 버튼/[05:49] label:after/[10:15] icon-off:after/[12:10] input/[16:37] background-image/[21:26] button:active/[25:48] 링크 효과/[28:49] btn-instagram:before/[36:05] 마우스 오버시 로딩바/[43:41] done/[46:40] button/[49:31] button:after

  • CSS3 웹사이트 분석 (현직 실무자s 요청강의)
  • 46.38분 웹사이트 분석 실무 페이지 유형 1

    상단메뉴 및 메인메뉴 등의 오버시출력반응, 마우스오버시 메뉴가 위아래 이동되며, 숨겨있던 서브트리 출력, 서브트리에 또 서브트리 제어

    책갈피 : [00:00] 고객요청사이트 분석/[04:14] container/[08:12] header img:hover/[10:39] background/[17:43] tab_nav ul a:hover/[20:34] mainNav a:hover/[26:23] mainNav li:hover ul/[30:20] mainNav li:hover ul ul/[33:05] footer/[35:37] ul.footer_nav a:hover/[37:26] cf:after

  • 47.45분 웹사이트 분석 실무 페이지 유형 2

    배경이미지 중첩된 페이지와 메뉴 오버시 서브출력 하단의 또다른 스타일, 일반적인 페이지이지만 배경을 기본으로 하고 메뉴배경 하단의 배경으로 색다른 연출, 배경이미지만 가지고 버튼으로 만들고 오버시 배경만으로 효과

    책갈피 : [00:00] 고객요청사이트 분석/[01:08] * {}/[06:38] navigationTopFlyout/[07:19] #navigation/[11:30] box-shadow/[13:51] header img/[18:06] cf 정의/[18:48] .cf:before, .cf:after/[23:58] content p/[30:07] facebook_sidebar_button/[35:09] pre_footer_links/[39:05] footer_site_map/[42:16] li.hasChildren ul.level2/[44:00] footer_contact_info a

  • 48.1시간 5분 웹사이트 분석 실무 페이지 유형 3

    한페이지에 여러 메뉴와 이미지 포지션으로 오버효과, 스크롤이 되어도, 고정된 상단메뉴와 페이지 본문배경 이미지 및 하단 배경이미지 마우스 오버시 숨겨진 목록 출력방식

    책갈피 : [00:00] 스크롤 되어도 고정된 메뉴/[05:03] .cf:before, .cf:after/[10:20] mylinks_tab/[15:26] mylinks_tab:hover/[20:32] prospective_tab/[25:23] li.tab_name/[30:32] header_content h1/[35:51] ul.mainNav li a/[40:26] inner_content_wrap/[46:11] hover/[50:32] link_box/[54:20] a#events_sidebar_link/[01:00:46] h1, h2, h3, h4/[01:03:47] footer_contact ul li

  • 49.44분 웹사이트 분석 실무 페이지 유형 4

    해상도마다 적용되는 고정적인 값을 유지

    책갈피 : [00:00] two-column/[04:05] width/[08:24] search label/[14:22] main-nav li/[19:17] main-nav .apply/[24:07] featured-image/[29:24] main-content/[32:24] h1,h2,h3,h4,h5,h6/[37:33] contents ul li/[40:25] suggestion-box:hover/[43:10] li.twitter a

  • 50.47분 웹사이트 분석 실무 페이지 유형 5

    배경이미지, 상단메뉴 고정, 투명한 이미지로 중복 겹침효과, 메뉴 마우스 오버시 애니메이션 효과, 이미지 중첩

    책갈피 : [00:00] * {}/[05:10] cursor:pointer :active :link/[07:18] bodyWrapper/[09:36] min-width/[12:03] siteContainer/[15:24] padding/[18:45] logo a/[22:39] a li a:link a:visited/[27:27] section.threeCol/[31:03] fatFooter/[39:36] footerBox/[42:54] footerNavigation/[46:03] a:focus a:hover

  • 51.56분 웹사이트 분석 실무 페이지 유형 6

    마우스 오버시 색다른 메뉴 출력 방법, 배경 중첩 이미지 효과

    책갈피 : [00:00] link/[00:53] html, body/[06:20] bodyInside/[12:35] #header #contactTop/[16:51] #header #navBox/[21:13] li.selectedPage a/[26:12] feature/[29:16] imageLinks/[30:45] buttonA/[34:44] a_rollover_img a/[36:37] a:hover span/[39:53] #twitter_div li/[43:50] footer/[47:42] footerLinkBox/[49:31] footerLinksA/[52:53] searchInput/[55:58] searchButton:hover

  • 52.51분 웹사이트 분석 실무페이지 유형 7

    내부 그림자 효과, 마우스 오버시 숨김 및 출력 종류, 마우스 오버시 배경 이미지 출력

    책갈피 : [00:00] html/[06:21] wrapper/[13:40] li a/[22:44] input/[29:56] container a/[38:35] widget-bottom/[44:15] footer-column/[47:09] footer-column a/[47:28] end/[47:53] column.right/[48:21] important-links li/[50:09] blog-feed

  • 53.28분 웹사이트 분석 실무 페이지 유형 8

    로고 본문 이미지 배경값으로 처리, 메뉴 라운드 효과

    책갈피 : [00:00] html/[05:12] navWrapper/[11:09] bodyWrapper/[16:56] li a:hover/[20:41] mainColumn a/[25:51] ul li/[27:50] ul.outbox

  • 54.38분 웹사이트 분석 실무 페이지 유형 9

    풍선도움말 같은 배경 중첩, 메뉴의 효과적인 처리방식

    책갈피 : [00:27] 기본적인 정의/[05:50] logo/[11:18] a:hover/[16:06] a.twitter-link/[22:02] subnav li ul/[28:43] searchButton/[33:46] blockquote/[37:18] main-aside width






주소 : 경기 의정부시 시민로122번길 41-46, 2F|e-mail : help@alzio.co.kr|호스팅 제공자 : SK브로드밴드
회사명 : 알지오|대표 : 채명수|개인정보관리자 : 박진엽|사업자등록번호 : 217-90-17793|통신판매 제2008-0312호
SSL발급자 Equifax Secure Global eBusiness CA-1|Copyright since 2003ⓒalzio.co.,Ltd all rights reserved. SNS

* 중소기업진흥공단 신기술밴처지원

* 서울기술보증 제 20031501호