본문 바로가기

기술자료 (KB)/HTML58

JQuerymobile 리스트 메뉴 만들기 나름 간단한 리스트 메뉴를 만들었습니다. 아이폰에서도 잘 됩니다. Jquerymobile.com 여기 사이트 자료 많네요. 제가 평상시 생각하는 에러를 쉽게 검색할 수 있다면 좋겠죠. 나름 한번 만들어 볼려고 했습니다. 아이폰에서도 잘 되더군요. 아직 메뉴만 만들었으니.. 기대는 마시구요. 해드 부분 설명 ß HTML5 선언 태그 입니다. 바디부분 설명 하나의 html 문에 여러 개의 페이지를 구성하여 각 구성된 페이지에 연결 및 뒤로 가기가 가능하게 구성 함. ß JQuerymobile 테마 변경 기본테마는 a형으로 검정색이어서 파랑색 테마로 변경 함. 테마 설명을 jquerymobile.com 사이트를 참고 ß 각 페이지는 Header, Content, Footer 3부분으로 구성 함. header .. 2011. 6. 13.
JQuery로 모바일 웹사이트 만들기 HTML 5 공부를 시작한 이유가 모바일 환경에서의 표현을 하고 싶어서겠죠. 그러다 보니 JQuery에 대한 것을 알게 되었답니다. 아래 린트님 블로그에 자세히 설명이 되어 있어 참고해서 만들어 봤습니다. http://rintiantta.blog.me/40115867745 아이폰에서 잘 나오더군요. ㅎㅎ JQuery 사이트에 가시면 http://jquerymobile.com/ 사이트의 내용대로 아래 내용을 복사하여 붙여 넣기 하시면 됩니다. 이제 화면에 나타날 내용을 넣으면 되겠죠. 전 IIS6.0에서 사이트 하나 만들고 실행했는데 잘 되더군요. 2011. 6. 8.
HTML Heading tag 와 Style 사용 방법 화면은 분할 화면을 이용하면 편리합니다. Express Tool을 최대한 활용해서 Tag를 쉽게 넣는 방법에 대한 예제 입니다. Heading Tag , , … 를 명령어거 아닌 메뉴로 이제 테그도 타이핑 하기 싫어서 메뉴로 간단히 하려는 생각을 간단하죠. 다들 잘 아시는 제목에 대한 정의를 간단하게 넣은 겁니다. 이제 미리 정의되어 있는 Style로 넣어 보죠. 아래에 정의 되어 있는 글자 스타일 정의가 있네요. 글자를 쓰고 블록 지정해서 xx-large로 지정하면 자동으로 스타일이 만들어 지고 지정이 되네요. 하나 더 추가해 보죠. 기존 정의된 건 쉽게 적용이 되네요. 이제 욕심을 내서 스타일을 하나 만들고 넣어보죠. 궁서체에 18pt 녹색 나름 정의를 해서 만들어 봤습니다. 블록 지정하고 만든 스타.. 2011. 6. 7.
HTML5 저작 툴 MS에는 없을까? HTML 5 공부하려고 합니다. 어떤 툴을 쓸까 하다가 역시 MS 툴을 쓰는 것이 좋겠다라는 판단에.. (그래도 MS공인강사인데.. ㅎㅎ) Microsoft Expression Web 4를 쓰기로 했습니다. HTML5 스키마를 업데이트 해야 하는 작업이 필요하더군요. 아래 사이트 가시면 자세히 설명이 나와 있습니다. 물론 Add-ins 도구 링크도 같이. http://www.expression-web-tips.com/html-5-and-expression-web/ 스키마 다운로드 링크.. 우측 하단에 녹색으로 된 다운로드를 누르면 됩니다. http://gallery.expression.microsoft.com/Web4HTML5SchemaAddIn/ 영어가 어려운 분을 위해 한글로 자세히 나와 있는 사이트.. 2011. 6. 7.