본문 바로가기

전체 글

 (116)
[웹지식]시멘틱한 웹 시멘틱 웹 [ semantic web ] 컴퓨터가 정보자원의 뜻을 이해하고, 논리적 추론까지 할 수 있는 차세대 지능형 웹. 현재의 컴퓨터처럼 사람이 마우스나 키보드를 이용해 원하는 정보를 찾아 눈으로 보고 이해하는 웹이 아니라, 컴퓨터가 이해할 수 있는 웹을 말한다. 즉 사람이 읽고 해석하기에 편리하게 설계되어 있는 현재의 웹 대신에 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현해 기계들끼리 서로 의사소통을 할 수 있는 지능형 웹이다. 원리는 사람들이 이해할 수 있도록 자연어 위주로 되어 있는 현재의 웹 문서와 달리, 정보자원들 사이에 연결되어 있는 의미를 컴퓨터가 이해할 수 있는 형태의 언어로 바꾸는 것이다. 이렇게 되면 컴퓨터가 정보자원의 뜻을 해석하고, 기계들끼리 서로 정보를 주고받으면서 자..
[CSS가이드] 개념 1.스타일 시트란? -HTML문서에 CSS를 적용하면 깔끔해진다. -계단형 스타일 시트(Cascading Style Sheets)이다. -그림이나 레이어에 적용하여 웹 페이지를 동적으로 다이나믹하게 구성 할수있다. 1.1 스타일 시트로 가능한 작업 -스타일 시트는 일정한 기능들을 미리 지정하여 여러 부분에서 동일하게 사용할수 있다. -반복되는 속성을 일괄적으로 지정하기 때문에 수정하기 수월하다. *스타일 시트로 가능한 작업 -HTML 문서 내에 글자의 글꼴 종류, 크기, 색, 여백 등을 지정. -글자의 정렬 방식을 결정하거나 글자에 그림자를 지정하는 등 다양한 효과를 줄 수 있다. -박스에 다양한 효과를 줄 수 있다. -사용자의 웹 브라우저 환경에 상관없이 일정한 화면을 보여줄 수 있다. 2.스타일 시트..
퍼블리셔들의 지침서 리스트업~! 상식 & 팁-웹표준교과서-웹 접근성 & 웹 표준 완벽 가이드-읽기 좋은 코드가 좋은 코드다 : 더 나은 코드를 작성하는 간단하고 실전적인 테크닉-웹사이트 해부하기 : 실무에 적용하는 인터랙션 디자인 프레임워크 실무 마크업-HTML & CSS(실전 홈페이지 제작을 위한 파워테크닉)-웹표준 핵심가이드북 XHTML+CSS(웹 접근성에서 크로스 브라우징까지)-만들면서 배우는 HTML5 + CSS3 + jQuery -실력이 탐나는 드림위버 CS5 HTML CSS (2011) 실무 구현-다이내믹한 웹표준 사이트를 위한 DOM스크립트-자바스크립트 완벽 가이드-거침없이 배우는 자바 스크립트-jQuery Mobile-사전처럼 바로 찾아 쓰는 jQuery 모바일-모바일 애플리케이션 UX & UI 디자인 프로젝트 -HTML..
[자바스크립트]마우스 onblur() onfocus() 간단한거 같으면서도 어려운 객체이다. -onblur 클릭전 기본 세팅-onfocus 마우스클릭했을때 *스크립트 안쓸때html *스크립트 쓸때javascripthtml
[HTML5] Markup – Form Controls 반응형이 너무 어렵다. 사실 하던것과 달라서 무서운 것이겠지 ㅠㅠㅠㅠㅠㅠㅠ 하아 어렵다............... 이글을 읽고 내가 조금이라도 이해할수 있는것인가. HTML5 Markup – Form Controls HTML5 Form의 위력은 아이폰을 사용하는 분들이면 쉽게 체감할 수 있습니다. 제 블로그에서는 다음과 같은 타입의 Form Control을 사용 했습니다. 제 블로그의 End-user 페이지에서 Form Control 이라고 해 봐야 검색창과 글쓰기창 뿐인데요. 적용 결과는 다음과 같습니다. 검색창의 인풋 타입이 search 입니다. 댓글 쓰기 창에서 웹 사이트 주소 입력 인풋 타입이 url 입니다. 이 밖에도 HTML5에는 새롭게 추가된 다양한 input type이 있습니다. 아래 항목..
[Jquery]tab구현-버젼2 Jqueryfunction branchSubMain(){var branchNum = jQuery(".lecture_cont").length;//목록 갯수var branchUnitW = jQuery(".lecture_cont").width();//목록 넓이var branchUnitNum = jQuery(".lecture_list_test .lecture_cont").length;//목록 갯수var branchArea = jQuery(".recom_lecture_menu");//페이징 버튼 ulvar branchContSet = jQuery(".lecture_list_test");//목록 부모박스if(branchUnitNum > 2){ //두개 이상부터 버튼 생성for(var i=1; i[1송파점] 트니트니..
[Jquery]tab구현-버젼1 Jquery$(function() {//인기/추천강좌 상단 배너롤링$(".lecture_cont").hide();$(".lecture_cont").eq(0).show();$(".recom_lecture_menu li a").each(function(i){$(this).bind("click",function(event){$(".recom_lecture_menu li").removeClass("on");$(this).parent().addClass("on");});var num = i;$(this).bind("click",function(){$(".lecture_cont").hide();$(".lecture_cont").eq(num).show();});});return false;}); Html인기/추천강좌..
[자바스크립트]4-4.내장객체(Array) 4-4.자바스크립트 내장객체(Array) *달력만들기

티스토리툴바