[PHP] VS.Php 3.2 for Visual Studio 설치 방법 (jcx.software 로고 - 출처: http://www.jcxsoftware.com/) - jcs.software의 VS.Php 3.2 for Visual Studio Microsoft(마이크로소프트)의 Visual Studio에서 PHP 개발을 하기 위해서는 적당한 툴이 뒷받침되어야 개발이 편리합니다. 이러한 툴은 마이크로소프트에서 직접 만들지 않는데요. 아래에 소개하는 툴은 jcx.software사에서 만든 'VS.Php for Visual Studio'입니다. 아래는 그 설치 방법을 안내합니다. 단, VS.Php for Visual Studio는 유료 프로그램이며, 아래의 방법은 시험판(Trial 버전) 다운로드와 설치를 설명합니다. VS.Php for Visual Studio의 시험판은 30.. 더보기 [HTML5] CSS3 선택자 - 후손 선택자와 자손 선택자 [후손 선택자와 자손 선택자] - 자손: div 태그를 기준으로 한 단계 아래에 위치한 태그. - 후손: div 태그를 기준으로 아래에 위치한 모든 태그. [후손 선택자] - 후손 선택자는 특정한 태그 아레에 있는 후손을 선택할 때, 사용하는 선택자. [후손 선택자 예제 소스] 제목1 Navigation 제목2 후손 선택자는 특정한 태그 아레에 있는 후손을 선택할 때, 사용하는 선택자 - (실행 결과) [후손 선택자 주의 사항] 제목1 Navigation 제목2 후손 선택자는 특정한 태그 아레에 있는 후손을 선택할 때, 사용하는 선택자 - #header의 h1 태그와 #header 태그의 후손에 위치하는 h2 태그를 선택하고 싶다면, 위와 같이 사용해야만 한다. [자손 선택자] - 자손 선택자는 특정한 .. 더보기 [HTML5] CSS3 선택자 - 클래스 선택자 [클래스 선택자] - 특정한 클래스를 가지고 있는 태그를 선택할 때 사용하는 선택자. - 웹페이즐 개발할 때 가장 많이 사용하는 선택자. [클래스 선택자 예제 소스]select 클래스설명select 클래스설명 - (실행 결과) [여러 개의 클래스 선택자 사용]item header - (실행 결과) [태그 선택자와 클래스 선택자]item header리스트1리스트2리스트3리스트4 - class 속성이 서로 다른 태그에 적용된다면, 태그 선택자와 클래스 선택자를 함께 사용해 더 정확하게 태그를 선택해야만 한다. - (실행 결과) 포스팅 끝. 2013년 5월 1일, 수요일 더보기 [HTML5] CSS3 선택자 - 태그 선택자 [태그 선택자] - 태그 선택자는 HTML 페이지 내부에서 특정한 종류의 태그를 모두 선택할 때, 사용. [전체 선택자 예제 소스] - h1 태그의 color 속성에 red 키워드를 적용합니다. - p 태그의 color 속성에 blue 키워드를 적용합니다. - (실행 결과) [여러 개의 선택자 적용] 포스팅 끝. 2013년 5월 1일, 수요일 더보기 [HTML5] CSS3 선택자 - 전체 선택자 [전체 선택자] - 전체 선택자는 모든 웹 페이지에서 빠지지 않고 사용하는 선택자. [전체 선택자 예제 소스] - 전체 선택자를 사용해 모든 태그의 color 스타일 속성을 red로 변경. - (실행 결과) [전체 선택자의 범위] - 전체 선택자는 html 태그를 포함해 head 태그, title 태그, style 태그까지 선택한다. [jQuery를 사용해 전체 선택자로 선택된 모든 태그에 스타일을 적용하는 코드] 포스팅 끝. 2013년 5월 1일, 수요일. 더보기 [HTML5] 시멘틱 구조 태그 [시멘틱 구조 태그] - 시멘틱: Semantic - '의미론적인' - 시타일시트를 적용하고 사용자가 눈으로 볼 때 "이것은 제목이고, 이것은 본문이다"라는 식으로 구분할 수 있다. - 시멘틱 태그는 idv 태그와 같은 기능을 수행하는 태그. - 하지만 태그의 의미로 인해 검색 엔진 등의 기계적인 동작들이 웹 페이지를 보다 쉽게 이해하도록 만든다. [기존의 공간 분할 방식을 이용한 웹페이지 소스] [HTML5 시멘틱 태그를 사용한 웹페이지 소스]HTML5 Header메뉴1메뉴2메뉴3제목1시타일시트를 적용하고 사용자가 눈으로 볼 때 "이것은 제목이고, 이것은 본문이다"라는 식으로 구분할 수 있다.제목2태그의 의미로 인해 검색 엔진 등의 기계적인 동작들이 웹 페이지를 보다 쉽게 이해하도록 만든다. 인천광역시.. 더보기 [HTML5] div 태그와 span 태그 [공간 분할 태그] - 공간을 분할하는 이유: 공간을 분할해야 CSS를 사용해 개발자가 원하는 레이아웃을 구성할 수 있기 때문입니다. * 창고 - 다음 메인페이지의 div 태그 - 약 196개의 div 태그 사용 [div 태그와 span 태그] [div 태그 - 예제 소스] 공간 분할 태그공간 분할 태그공간 분할 태그공간 분할 태그공간 분할 태그 - (실행 결과) [span 태그 - 예제 소스] 공간 분할 태그공간 분할 태그공간 분할 태그공간 분할 태그공간 분할 태그 - (실행 결과) [display 속성] - block 형식과 inline 형식 - block 형식 태그 : div 태그, h1-h6 태그, p 태그, 목록 태그, 테이블 태그, form 태그 - inline 형식 태그 : span 태그, .. 더보기 [HTML5] Track 태그 [Track 태그] - track 태그: video 태그에 자막을 표시할 때 사용하는 태그 [track.srt 파일] 100:00:00,000 --> 00:00:03,000윈도 기본 제공 동영상입니다.우와우와우와 200:00:03,000 --> 00:00:05,000우와2우와2우와2 300:00:05,000 --> 00:00:30,000대사 없음.. [srt 파일의 블록 형태] - 마지막 빈 줄 주의 [HTMLPage.html 파일 소스] - (실행 결과) - 직접 확인 - 포스팅 끝. 2013년 5월 1일, 수요일 더보기 이전 1 2 3 4 5 다음
