모바일 제작 [실무]

책갈피[00:00] 강의진행방식/[02:26] 작업시 유의사항/[03:51] 기본 숙지 사항/[05:46] 제공 소스/[11:25] ANSI를 UTF-8로 변경/[14:33] 모바일 기본사항/[20:02] body 선언/[29:40] 꿀팁/[35:11] overflow:hidden/[35:13] 꿀팁

책갈피[00:38] logoimg/[05:51] webkit-box-shadow/[11:35] 꿀팁/[16:27] white-space:nowrap/[21:12] 꿀팁/[26:19] top_navtab_c/[32:20] .top_navtab_c/[36:14] margin/[38:12] 꿀팁

책갈피[01:48] 셀렉트 만들기/[06:13] .lec_intitle/[09:39] 꿀팁/[16:23] .yes_lec_intitle select /[23:35] 꿀팁/[28:35] .header 직접적용/[35:58] .search_a/[40:24] 꿀팁/[46:02] .top_navtab_a/[48:53] select/[49:06] 꿀팁

책갈피[03:15] div/[11:38] .min_menuline/[16:32] 꿀팁/[22:51] .min_menuline_abc_on/[27:28] section/[32:49] 꿀팁/[37:50] div id=“tong”/[42:09] div class/[44:45] section 설정값/[47:52] li class=“listone”/[48:31] a class=“listone_a”

책갈피[00:26] font-size/[05:23] .twitter_baner span/[10:30] .htitle/[10:39] 꿀팁/[16:13] .htitle_ul li img/[17:38] 꿀팁/[26:19] 꿀팁/[26:49] ul class=“htitle_ul”/[30:21] .htitle_ul li img/[33:50] 꿀팁

책갈피[01:43] 꿀팁/[01:57] div로 notable세팅/[05:52] notable 정의/[11:22] 꿀팁/[11:23] display:table/[18:09] vertical-align:top/[23:26] 꿀팁/[24:47] .notable ul li a span/[34:27] div class=“notable”/[36:58] 꿀팁/[38:20] span 상속관계

책갈피[00:37] 꿀팁/[00:39] section 로그인폼/[06:07] width와 padding/[17:20] 로그인 바/[24:06] 꿀팁/[29:56] #id.bgon/[33:09] 상속 관계/[39:13] p class=“aone”

책갈피[00:30] .atwo 로그인버튼/[05:30] css3 버튼/[09:32] 꿀팁/[16:29] margin/[21:38] 이미지 같은 버튼 디자인/[26:25] 꿀팁/[30:46] 로그인유지 상속관계/[34:00] “foota”상속관계

책갈피[02:32] .login_comc/[06:06] .buttonup_a a/[11:05] 꿀팁/[16:59] buttonup_a/[24:14] .mum_list/[31:15] .mum_list .category .tic/[32:37] 꿀팁/[38:37] .mum_list .momtxt strong/[40:22] 꿀팁

책갈피[00:27] price .num/[05:27] price .prodc/[09:32] period, buy/[12:59] li 상속관계/[17:54] momtxt strong 상속관계/[25:16] .mum_list/[32:42] onec/[37:33] class="alist" 상속관계/[39:30] 꿀팁

책갈피[00:56] 목록유형 NO3/[05:28] mum_listsam li/[10:19] display:block/[14:19] Helvetica/[20:24] li 상속관계/[23:17] 꿀팁

책갈피[01:21] span/[05:06] pagess a, .pagess em/[09:30] a, em 여백주기/[12:41] 꿀팁/[18:53] pagess em/[21:27] pagess a.lr_ic/[25:54] pagess a.next span span/[29:26] 꿀팁/[32:24] em 상속관계/[33:08] 꿀팁

책갈피[04:01] mainwrap/[06:50] wrap_title .subjec/[12:00] subjec .cp/[15:00] 꿀팁/[19:59] sns 블록 제작/[23:13] text-align:center/[26:09] gradient (linear)/[30:15] twitter 버튼/[38:29] 꿀팁/[45:16] h1 상속관계/[50:30] 꿀팁/[51:48] snsbgic 상속관계/[52:18] 꿀팁

책갈피[01:21] footer/[05:49] overflow:hidden/[13:27] 꿀팁/[21:45] footer address/[27:30] 꿀팁/30:28] a 상속관계

책갈피[00:02] 실전웹페이지 제작/[07:58] #wrap/[22:19] 우측로고위치/[33:34] keyword_box input /[43:19] 상단메인메뉴/[51:54] 창너비 축소/[58:43] 모바일특가 section/[01:03:47] 출력값확인/[01:10:21] 상품이미지정의/[01:16:47] 상품가격정의

책갈피[00:13] @media /[09:22] display:table-cell/[18:54] 고객센터 베너/[27:37] 출력값확인/[36:53] .bestPrice_banner img/[42:56] 상품이미지축소/[56:48] 출력값확인/[01:02:54] 좌우버튼삭제/[01:11:56] overflow:hidden 삭제/[01:17:58] .carouselSet2 ul li:after /[01:23:28] 출력값확인

책갈피[00:31] 모바일 특별혜택/[10:52] .carouselSet a/[22:38] 금주의 하이라이트/[33:46] .slide ul li a/[45:44] 스페셜 쇼핑 CSS/[51:45] 높이 버그처리/[01:00:41] 이미지원본확인/[01:09:01] @media/[01:16:12] 버튼참조해서 생성/[01:20:13] li:nth-of-type(4)

책갈피[01:09] footer 정의/[06:55] 출력값확인/[17:06] li:nth-of-type(7) a/[24:41] footer .address/[33:44] 카피라이트/[42:00] common 새파일 생성/[46:46] section class="subTitle"/[58:43] 상단 상품이미지와 버튼/[01:07:09] div class="list_btn"/[01:12:06] -webkit-gradient

책갈피[00:27] productSaleTitle/[01:54] 상품명&세일마크/[12:58] 세일가 섹션정의/[20:06] 미리계산기 디자인/[26:58] 텍스트 컬러변경/[34:28] select/[43:20] 네비게이션 탭구현/[52:29] nav a.on/[01:02:43] 동일한 배경이미지//[01:06:46] 출력값확인

책갈피[00:05] 알지오 모바일 내용/[01:26] 목록 태그/[05:12] ab_list 정의/[11:35] link와 link a 로 정의/[15:11] 중간메뉴 보기/[16:25] 각 선택자의 css와 end css/[19:52] CSS로 제작한 세개/[22:59] 항상 떠있는 배너/[24:30] 배너 이미지 따로

책갈피[00:00] 이런분들이 이용하세요/[04:02] 스마트폰 및 pc용 자동이동/[07:33] 기본 웹문서 선언/[10:49] 바로가기 아이콘/[14:53] CSS파일 기본설정/[18:26] 완성작 보기/[23:14] 모바일홈페이지 제작한 이유

책갈피[00:00] 모바일용 이동소스, 툴숨김/[04:39] vertical-align:top/[05:15] ul, dl, ol/[05:47] fieldset, legend/[10:17] container/[13:18] min-width:320px;max-width:100%/[15:30] header, logobg/[21:24] logobg img

책갈피[00:00] 아이폰 파비콘 안드로이드 NO/[03:43] body 에 많은적용/[04:34] -webkit-text-size-adjust:none/[08:14] 적용된 검색바 디자인기능/[11:37] Search, /[12:16] Search_h overflow:hidden;/[16:35] Search_w /[17:12] position:relative 필요한 이유/[18:40] Search .in_w/[21:43] Search .in/[24:15] -webkit-appearance:none

책갈피[00:00] 사파리버전업이후 변경사항/[00:49] .Search in_ic/[02:27] vertical-align:middle/[06:44] top_m/[08:03] top_m ul li/[12:18] top_m li.noo/[12:55] top_m li a/[14:54] wrap/[17:18] -webkit-border-radius: 15px

책갈피[00:00] 가로세로 비율/[01:07] 메뉴안내/[02:08] Mine position:relative/[03:25] Mine ul /[05:02] Mine li display:inline-block/[06:55] 여백주고 가운데정렬 중요/[09:48] 메뉴별 클래스 디자인/[11:11] 링크가 있다면 display:block/[14:20] Mine2 아래아이콘 배치/[15:30] Mine2 에 a가 있다면

책갈피[01:02] footer/[03:18] footer .menu/[05:50] position:relative/[10:42] footer span b/[13:55] footer menu2/[15:35] footer 내용 인쿠르드

책갈피[00:00] em으로 해야하는 이유/[09:03] logobg_sub/[10:25] logobg_sub img/[13:06] header h2/[14:43] header h1/[15:45] header h3

책갈피[00:00] wrap_sub/[01:50] sub_page_a/[03:49] sub_page_a dl/[04:06] sub_page_a dl dt/[05:25] sub_page_a dl dd/[06:00] sub_page_a dl.aw/[08:06] aw dt dd p/[13:23] sub_page_a p span h1

책갈피[00:00] login_bak1 ~ 2/[07:39] login/[10:25] id pw/[14:50] inn

책갈피[00:00] login span ~ b/[03:00] sub_page_noa p span/[10:17] sub_page_b~h1~h2~span

책갈피[00:00] menu_listA/[02:06] menu_listA ul li/[04:30] menu_listA ul li a/[07:21] menu_listA ul li .ic1

책갈피[00:00] text-align justify/[03:28] map_title_a/[04:44] table_ex ~ pakTitle/[08:59] table 선언/[13:15] header h4 ~ a/[17:43] menu_listB

책갈피[00:00] 기존게시판 에로사항/[03:41] sub_page_c/[09:44] menu_listC ~ li ~ a/[12:56] title/[17:35] sub_page_c as bs

책갈피[00:00] sub_page_c memo/[02:17] sub_page_c ~ cs ~ img/[11:28] bord_foota ~ b/[15:09] bord_footb p img

책갈피[00:00] 글 입력란 수정하기/[05:27] 스마트폰 전화링크/[07:40] 구글API 맵

책갈피[02:11] li_proj/[06:08] li_proj h1/[09:44] li_proj .asnew/[12:48] li_proj .asnew li/[16:52] li_proj .asnew li .spa/[19:05] li_proj .asnew li .spa img/[20:19] li_proj .asnew li .ac/[22:01] li_proj .asnew li .spa .ac img

책갈피[00:00] li_proja .asnew li .lopl/[03:30] li_proja .asnew li .ada/[06:07] li_proja .asnew li .pd/[07:07] li_proja .asnew li .price/[08:20] li_proja .asnew li .ic1/[10:20] li_proja li a