000(CSS3) prototype portfolio boxModeling templateModuleSource (step_01~05)

HTML5 Semantic Tag - CSS 그룹핑

 

 

 

 

[CSS 포지셔닝 레이아웃 - 박스모델링 플롯(float) 속성 실습]

01_CSS_화면설계_레이아웃(포지셔닝)-개별실습과제1_91xxxx.hwp

0.02MB

prototype_rawData_94x.vol1.egg

10.00MB

prototype_rawData_94x.vol2.egg

10.00MB

prototype_rawData_94x.vol3.egg

7.36MB

 

 

 

 

02_CSS_화면설계_레이아웃(포지셔닝)-개별실습과제2_91xxxx.hwp

0.03MB

 

 

CSS Mouse Pointer / cursor:pointer; [YoonSemCom]

 

 

[bg_pattern_img]

https://www.toptal.com/designers/subtlepatterns/

 

 

 

 

+++ 박스 모델링 응용 - 문제해결능력 키우기!! +++

210125_css_add_floatLayout.html

다운로드

 

 

 

+++++++

 

hardcoding prototype portfolio

 

 

 

 

+++ CSS layout box modeling template +++

(w960 & w1200 / float & position & box-sizing:border-box)

v210127_cssLayout_boxModeling_w960_01_box-sizing(x).html

다운로드

v210127_cssLayout_boxModeling_w1200_02_box-sizing(x).html

다운로드

 

v210128_cssLayout_boxModeling_w960_w1200_YoonSemCom_94xxxx.zip

다운로드

v210128_cssLayout_boxModeling_w1200_05_box-sizing3(o).html

다운로드

 

 

 

+++++++

[YoonSemCom template module  source]

 

step_01_YoonSemCom_GNB_moduleSource_01_94xxxx.zip

다운로드

v210127_cssLayout_boxModeling_w1200_03_gnb.html

다운로드

 

v210127_cssLayout_boxModeling_w1200_05_gnb.html

다운로드

 

v210127_cssLayout_boxModeling_w1200_06_gnb.html

다운로드

+++++++

step_02_94xxxx.zip

다운로드

+++++++

step_03_94xxxx.zip

다운로드

v210128_cssLayout_boxModeling_w1200_05_box-sizing3(o).html

다운로드

v210128_cssLayout_boxModeling_w1200_01_gnb_2depth.html

다운로드

v210128_cssLayout_boxModeling_w1200_02_gnb_3depth.html

다운로드

v210128_cssLayout_boxModeling_w1200_03_gnb_3depth.html

다운로드

 

+++++++

step_04_94xxxx.zip

다운로드

 

v210129_cssLayout_boxModeling_w1200_gnb_naverSearchForm1.html

다운로드

v210129_cssLayout_boxModeling_w1200_gnb_naverSearchForm2.html

다운로드

v210129_cssLayout_boxModeling_w1200_gnb_SearchForm3.html

다운로드

[윤샘컴교실] 하드코딩 박스모델링 프로토타입 제작

 

+++++++

 

step_05_94xxxx.zip

4.82MB

Search Form [윤샘컴교실] http://edyoon.tistory.com

 

네이트 로그인 인터페이스 [윤샘컴교실] 자바스크립트

 

사이드 수직 메뉴 & 찾아오시는 길(지도) iframe 박스 구조로 삽입

[윤샘컴교실] http://edyoon.tistory.com

[윤샘컴교실] http://edyoon.tistory.com

v210201_cssLayout_boxModeling_w1200_04_iframe_sideMenu_end.html

0.02MB

 

화면 좌/우측 사이드에 aside 박스 추가 / 우측 사이드 박스 세로 고정

[윤샘컴교실] http://edyoon.tistroy.com

cssLayout_boxModeling_w960_w1200_sideBox_fixed_YoonSemCom_94xxxx.zip

1.07MB

+++++++

0

http://edyoon.tistory.com [윤샘컴교실] NCS 프로토타입 제작 / 기초데이터 수집

비주얼 인트로 박스에 동영상(video) 삽입

video_add_rolex_91xxxx.vol1.egg

10.00MB

video_add_rolex_91xxxx.vol2.egg

8.38MB

video_add_lg_tv_91xxxx.vol1.egg

10.00MB

video_add_lg_tv_91xxxx.vol2.egg

9.65MB

 

 

 

 

 

 

+++++++

 

[템플릿 모듈소스 종류 및 구매 가격 참고]

- HTML / CSS / Javascript / jQuery -

 

 

 

 

 

 

 

 

 

+++++++

과거 웹사이트 인터페이스 변화

[네띠앙 / 야후 / 네이버]

icon_site(netian_empas)_94x.zip

2.70MB

 

 

 

▣ 윤샘 [http://edyoon.tistory.com] 컴교실 ▣