반응형 분류 전체보기558 반응형 웹디자인의 조건 글꼴 크기 출처 : http://demun.tistory.com/2212 반응형 웹디자인을 적용하려면 제일 먼저 글꼴 크기를 정해줘야 한다.예전에 방탄웹에서는 키워드를 사용하는 방법을 말했다. 이유는 키워드는 어떤 브라우져에서 봐도 동일하나는 결론이였죠. 하지만 이제는 환경이 좀 변했습니다.바로 반응형이죠. 브라우져의 크기, 보는 기기의 크기에 따라 웹페이지가 변해야 한다는 점입니다.그 조건에 가장먼저 적용해야 하는 것이 바로 글꼴의 크기 입니다.글꼴의 크기에 따라서 컨텐츠의 크기도 달라지고, 여백도 달라집니다.즉 모든 것이 달라지기 때문에 레이아웃이 변합니다. 기존의 px 로 되어 있는 크기를 em 으로 변환해야 합니다.그런 어떤식으로 변환해야 올바른 것일까?? 특별히 다른 값을 명시하지 않는 한 모든 최신 브라.. 2013. 5. 28. 반응형 웹디자인의 조건 너비 width 출처 : http://demun.tistory.com/2213 반응형 웹디자인의 첫번째 조건인 글꼴 크기를 정하는 방법에 대해서 알아봤습니다.이제 글꼴 크기를 정했으니 레이아웃에 반영되는 너비 width 를 지정하는 방법에 대해서 알아보겠습니다. 예를들어 아래와 같은 px 로 지정한 css 설정이 있다고 가정합니다. header content sidebar footer 기본만 정했으니 참고하시고 여기서도 타킷 ÷ 컨텍스트 = 결과 공식을 사용해서 width를 반응형으로 수정해보겠습니다. css#wrapper { width: 96%; /* 가장큰것이 100%라고 가정하고 96%로 지정합니다. */ margin: 0 auto; } #header { width: 97.9166667%; /* 940 ÷ 960 .. 2013. 5. 28. 웹매트릭스 단축키 (Web Matrix Shot Cut Key) CommandShortcutSwitch to Sites workspaceCTRL-SHIFT-1Switch to Files workspaceCTRL-SHIFT-2Switch to Databases workspaceCTRL-SHIFT-3Switch to Reports workspaceCTRL-SHIFT-4Close siteCTRL-SHIFT-F4Focus on search box (in a dialog)CTRL-EClose currently open tabCTRL-W or CTRL-F4Maximize WorkspaceF11Add Existing FileALT-SHIFT-ACutCTRL-X | SHIFT-DelCopyCTRL-C | CTRL-InsPasteCTRL-V | SHIFT-InsRefreshF5Ren.. 2013. 5. 21. isDeveloper 프로그래밍을 하기 위해서는 이런 과정이 필요하다. 0. 이산수학1. 자료구조2. 알고리즘3. 논리회로설계4. 논리회로실험5. 디버깅 ( http://kangcom.com/sub/view.asp?sku=200804300004&mcd=571 )6. 데이터베이스7. 스크립트 (서버사이드)8. 컴퓨터구조9. 객체지향 프로그래밍10. 네트워크11. 네트워크 프로그래밍12. 운영체제론13. 시스템분석과 설계14. 컴퓨터 그래픽스15. 언어론/컴파일러16. 인공지능17. 소프트웨어공학01 소개 02 프로세스 03 계획 04 요구 분석 05 설계 원리와 아키텍처 06 객체지향 설계 07 상세 설계와 UI 설계 08 코딩 09 테스팅 10 유지 보수 11 품질 12 첨단 소프트웨어 공학 기술 내가 개발을 하는 이유. 이.. 2013. 4. 26. 이전 1 ··· 87 88 89 90 91 92 93 ··· 140 다음 반응형