본문 바로가기

잡기113

[HTML 5 반응형 웹디자인_2015.03.26] 4. 미디어 쿼리 [ 들어가면서...] ㅇ 미디어쿼리 - 화면의 크기에 반응하는 페이지 배치 => 화면의 크기에 반응하는 디자인에 필요 - CSS3 모듈 중 하나 - device의 display 능력에 따라 CSS3 스타일 지정 - CSS 파일내의 가장 마지막에 기술 ㅇ CSS파일의 작성 순서 1. 공통사항을 작성 2. 특정태그에만 적용하는 사항을 작성 3. 미디어쿼리를 작성 - 특정태그가 화면크기에따라 달라지는 부분을 작성 [ 미디어 퀴리 구문 작성 위치 ] ㅇ CSS파일(.css)에 @media로 기술 화면의 크기에 따라 자연스럽게 흐르듯이 배치 -> 화면의 크기에 따라 한줄에 배치되는 메뉴의 수의 달라짐, 다음줄로 나머지 메뉴가 마저 배치됨 * float 사용 ① float 지정 - float : 방향(left/ri.. 2015. 3. 31.
[HTML 5 반응형 웹디자인_2015.03.25] 3. 반응형 웹의 개요 [ 들어가면서...] ㅇ HTML5 웹페이지 기술방식 - HTML5 : 를 사용해 영역을 구분하고, 자바스크립트가 담당하던 처리의 일부를 HTML태그의 속성에서 처리, 한글 인코딩utf-8 - CSS3 : 화면에 HTML의 태그를 표현 및 자바스크립트가 담당하던 처리의 일부를 담당 - JavaScript : 처리나 서버에 페이지요청 + HTML5, CSS에서 처리할 수 없는 기능등을 담당, 캔버스(Canvas)에서 사용하면 게임의 작성도 가능. [ 반응형 웹] (1) 반응형 디자인 예시 http://eclipse.org/ ... 배치 변경... 유동형 레이아웃 사용...확대, 축소... 미디어쿼리 + 유동형 레이아웃 사용 (2) 반응형 웹사이트를 참고하기 좋은 사이트 http://mediaqueri.es.. 2015. 3. 31.
[HTML 5 반응형 웹디자인_2015.03.25] 2. 작업 환경 설정 [ 들어가면서...용어 짚어보기 ] ㅇ 미디어 쿼리 - device에 따라 전체적인 layout 구성이나 size가 유동적으로 반응하는 것을 말한다. - 유동형 레이아웃 .... 비례형 레이아웃 : 과거에는 %로 조정했으나 pixel로.... 다시 현대에는 %로 적용 유동형 이미지, 유동형 그리드... 논란이 많은 부분이라고... 교재 저자도 설명을 아끼는... 나랑 상관은 없음 ㅇ HTML5 특징 - 시맨틱 : 예를 들면 태그와 태그로.... 코딩을 위해 선택된 태그만 봐도 뒤에는 구문이 오고 뒤에는 숫자가 오겠구나 하는 의미를 추론할 수 있도록 코딩하는 것을 말한다. - WAI-ARIA : 웹접근성 (Web Accessibility Initiative - Accessible Rich Internet .. 2015. 3. 31.
[HTML 5 반응형 웹디자인_2015.03.25] 1. 오리엔테이션 e-book만 다운 받아놓고 해야지 해야지 하던 HTML5 교육을 이제 시작하게 되었다. 서울시 인재개발원 HTML5로 구현하는 반응형웹사이트.... 3일 교육으로 만족스럽지는 않겠지만 항상 그렇지만 기본적인 것만 배우고 나머지는 본인의 노력.... 노력....이 관건이라능 나에게는 새로운 분야라 미리 예습도 하고 기대가 크다. 웹프로그래밍 입문은 미리 읽었고 모던 웹디자인은 교육 중에 읽어 나갈 계획... 교육 교재는 반응형 웹디자인(HTML5와 CCS로 작성하는) 거금 3마넌짜리... 책 표지도 산뜻하고... 외국저자라 군더더기 없는 깔끔한 내용편집이 눈에 띈다. http://book.naver.com/bookdb/book_detail.nhn?bid=7013962 이해를 돕기 위한 전반적인 개괄 설명.. 2015. 3. 31.
뒷뜰에 골칫거리가 산다. 황선미 사계절 2014. 3월 출간 동화같은 이야기로 설명되어 있지만 나에겐 한편의 드라마 같은 이야기 강대수! 어린 시절 상처로 더 더욱 성공에 매달린 인생. 성공했으나 머리의 종양(암)으로 버찌고개 작은 마을로 들어오게 된다. 어린 시절 멸시 당했던 마을.... 그때 아버지와 살았던 창도 없는 창고가 있는 주인집. 성공 후 복수심으로 사 놓은 집으로... 이곳에서 왜곡됐던 기억의 실타래를 하나하나 풀어간다. 주인집 딸 생일날 그네를 매기 위해 나무에 올랐다가 떨어져 앓다 돌아가신 아버지. 하지만 이미 아버지는 지병이 있어서 그로 인해 돌아가셨다고... 몹시 괴롭히던 경수. 하지만 불우한 가정과 똑똑해서 어른들의 칭찬을 받는 강대수에 대한 열등감 때문이었다고... 공주로 모시라는 주인집 딸 송이, 그에 다른 동네 친구처럼 굽히지 못한 강.. 2015. 3. 25.
<2015 DIY리폼박람회> 뻔뻔(fun fun)한 우리가족의 Fun니처 만들기 이벤트! 2015 DIY리폼박람회 이벤트에 여러분을 초대합니다~ 행복한 우리가족이 함께 만드는 Fun! Fun!한 Fun니처 만들기 이벤트에 총 40가족을 초대합니다! 매년 다양한 이벤트와 체험행사, 교육이 함께하는 DIY리폼박람회는 올해도 많은 이벤트를 준비하고 있습니다. 하나하나 놓치지 마시고 함께 하셔서 좋은 시간 되셨으면 좋겠습니다. 그럼, 첫번째 이벤트! 뻔뻔(funfun)한 우리가족의 Fun니처 만들기 이벤트 소개합니다~^^ * 이벤트 내용 - 가족이 함께 만드는 우리가족 퍼니처~ 2인 이상 가족이라면 누구나 응모가 가능합니다. * 체험 내용 - 반제품 가구 조립 및 페인트, 스테인을 이용한 도색 (체험 완료후 완성된 작품은 가지고 가시면 됩니다) * 체험 일시 - 행사 기간 4일간, 매일 오전 11시.. 2015. 3. 23.
나와 함께한 아보카도... 2014.02.13 이제 아보카도도 길러 보려고요. 아보카도 살은 먹고 안에 큼직한 씨가 숨어 있네요. 씨는 요구르트에 구멍내서 고정하고 크린싱크림 통에 넣은 후 씨가 2/3 잠기게 수경재배했어요. 아가야! 건강하게 자라렴 2014.03.20 새 식구가 생길 것 같다. 1달하고 일주일 전에 물에 담궈 두었던 아보카도씨가 쩍 갈라지고 안에 아가씨가 보이기 시작! 역시 너 살아있는 생명이었구나... 하지만 내가 해줄께 없구나. 그저 발아하고 뿌리 내리고 잎이 나고.... 할때까지 그저 예쁜 화분 하나 사놓고 기다릴 뿐... 새 식구가 생길 것 같다. 1달하고 일주일 전에 물에 담궈 두었던 아보카도씨가 쩍 갈라지고 안에 아가씨가 보이기 시작! 역시 너 살아있는 생명이었구나... 하지만 내가 해줄께 없구나. 그.. 2015. 3. 16.
프레지 교육.. 곧 죽어도 중급 [2015.02.28 너무너무 추운 토요일 저녁에 눈이 올까?] 프레지 전문교육을 받으려 왔다. 프레지 라이센스가 있으면 정기적인 교육이 있는 것 같다. 물론 라이센스 없는 분도 들을 수 있는 교육도 있다능.... 1. 강사님께서 프레지에 유용한 사이트를 정리해 주셨다. http://goo.gl/kcEb83(대소문자 구분) 2. 그리고 파워 단축키... 나 그동안 너무 불편하게 살았다. crt +d.... 복사 기능 shift ....실행 s..... 도형.... 반복해서 눌러 도형 변경 단축키 안되면 설정에서 단축키 켜야 된 3. 다양한 폰트로 바꿀 수도 있다 하단의 Use the Prezi CSS editor를 클릭하면 편집할 수 있다. 폰트명은 직접 입력해야 하는데 폰트명은 별첨했다. 4.다른 게시물에 삽입하는 방법은 임배드 태그를 복사하면 된다 기대 안 했었는.. 2015. 2. 28.
청년에게 고하라 세번째 이야기[2015.02.26,목 점점 추워지는 날에] "인생에는 공식이 없다." 청춘에게 고하라 세번째 이야기는 와일드플라워 린넨 영송 마틴 대표가 주인공이다... ^^ 사회는 관악구 독서 홍보대사 김을호교수님이 전속으로 보고 있다. 또, 기획은 관악구 독서문화진흥위원회 위원으로 오늘 신규 위촉되신 새빛 에듀넷 전익균 대표님이... 마틴 영송대표 특집을 준비하는 MBC 취재진도 보인다. 58년 개띠. 정말 어려운 시절에 태어나 어려운 가정에서 미국 유학을 감행... 성공신화를 만든 작지만 강인한 여성이었다. 요즘 청춘들이 좋은 대학, 스팩, 직장 등 공식에 얶매여 있다. "옛날에는 누구나 사장을 꿈꿨지만 지금은 월급쟁이만 되려 한다." 스팩으로 자격증만 만연해 있고 자기 실력에 대한 자신감, 스스로에게 주는 자격에는 인색하다는... Believe yours.. 2015. 2. 26.
오디세이아 관계도 2015. 2. 23.
준비운동 - 스트레칭 http://cafe.daum.net/IRONGYM/mu0Z/112호흡 : 힘을줄때 내쉬고, 힘을 뺄때 들이쉰다... 1. 38번 상,하체 좌우로 비틀기 2. 발을 쭉 뻗어 트레이너 어깨에 얹고 버텨서 힘주기 3. 37번 한발 대두근 늘리기 4. 30-31-32 연속동작 2014. 8. 31.
마무리와 유산소 운동 운동을 마치고 숨이 가뿐 상태에서 유산소 운동으로 이어 간다. 스텝업 5회 + 마운틴 클라이밍 5회 -> 10회씩 -> 15회씩 [ 스텝업 ] - 플랫 벤치는 무릎 바로 아래 높이 1. 오른발을 플랫 벤치에 올린다. 2. 쇄골이 위로 올린다는 기분으로 오른쪽 발꿈치에 중심을 두고 줄~~ 올라가 왼발을 플랫 벤치에 올려 선다. 3. 오른발을 내리고 4. 쇄골이 위로 올린다는 기분으로 왼쪽 발꿈치에 중심을 두고 줄~~ 올라가 오른발을 플랫 벤치에 올려 선다. [마운틴 클라이밍]- 동영상 그대로다. 하면 죽는다. 1. 상체를 구부리고 오른발을 가슴쪽에 붙인다. 2. 이 자세를 오른발을 뒤로 쭉 뻗으면서 왼발을 가슴쪽을 당겨온다. 3. 다리를 교차할 때 점프하듯이 한다. [유산소 운동] 런닝머신을 이용하여 시작.. 2014. 8. 31.
728x90

티스토리툴바