HTML문서 생성 - VisualStudio VisualStudio: File >> New >> File... General >> HTML Page 원하는 위치에 파일명 설정 후 저장합니다. 저장된 파일을 더블클릭 하여 브라우저로 불러오기 하면 결과를 확인할 수 있습니다.

프로젝트 생성하기-HTML5 프로젝트 생성 File >> New >> Dynamic Web Project 폴더 생성하기 File >> New >> Folder HTML 파일 생성하기 ch01-first폴더 선택 >> 마우스 우클릭 >> New >> HTML file New HTML File (5) 선택 >> Finish 소스 코드 Hello World! Hi HTML5 출처: 출력결과

Chrome 크롬 2008년 9월 2일에 공개 크롬은 인터넷 익스플로러에 비해 13년 늦게 나온 웹 브라우저 초기에는 일반 대중보다는 해커와 보안 전문가를 포함한 IT 전문가들 사이에서 사용되며 빠르게 확산되었습니다. 크롬 역시 개발자 도구 기능이 있어 보안 전문가가 웹 페이지를 손쉽게 분석할 수 있습니다. http://www.google.co.kr/chrome/ 크롬의 개발자 도구 우측 상단의 설정 아이콘을 클릭 > 도구 더보기 > 개발자 도구 클릭

Timeline of Web Broswers 년도별 각 브라우저 버전을 확인할 수 있습니다. http://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg

HTML 문서 구조 사이트의 구조는 일반적으로 생각하는 것보다 다양한 구조가 있으며, 디자인 요소에 따라 다르게 보일 뿐 일반적으로 다음 그림과 같이 크게 네 가지 형태로 구분할 수 있습니다. 블로그 형태 블로그 형태 기업 사이트 형태 e-book이나 설명서 형태

반응형 웹 디자인의 핵심 요소 반응형 웹 디자인의 핵심 요소는 CSS3 미디어 쿼리이지만, 미디어 쿼리 이 외의 CSS3 모듈을 사용하여 더욱 더 유연성을 강화할 수 있으며, 기본 CSS3의 그레디언트와 섀도, 타이포그래피, 애니메이션, 그리고 트랜스폼으로 복잡한 자바스크립트와 그래픽을 대체할 수도 있습니다. 반응형 웹 디자인에 HTML5를 사용하는데 검색 엔진에 더 많은 의미를 제공하는 HTML5의 새로운 시맨틱 요소 사용할수 있고 HTML5는 많은 리소스를 필요로 하는 자바스크립트를 사용하지 않고도 로딩이 빠르고 가벼운 코드 기반의 반응형 웹 디자인을 만들 수 있습니다 반응형 웹 사이트를 테스트 방법 방법설명원칙모든 디바이스와 스크린 크기를 설정할 수 있는 별도의 시스템을 갖추어 테스트 수행대체브라우..