-
홈페이지 제작을 해오면서 수많은 시행착오끝에 항상 곁에두고 필요하다고 생각되는 분야별 프로그램을 뽑아보았습니다.12개 분야 19개에 해당하는 프로그램은 필자가 선호하는 프로그램이고 다른 대체 프로그램도 있으니 참고만 하시길 바랍니다.분야별로 기존 사용하던 프로그램보다 더 우수하다고 생각된것은 동종의 프로그램으로 변경했습니다.
※ 대체 프로그램은 해당분야를 네이버에서 검색하시면 됩니다.예)에디트플러스 대체프로그램 찾을시는 소스편집기로 검색하시면 됩니다.1.소스편집기 - 에디트플러스2.FTP프로그램 - 파일질라3.브라우저 - 파이어폭스…
-
이번엔 튜토리얼이 아닌 AJAX를 이용한 슬라이드 날짜 선택폼을 소개하고자 합니다.응용하기에 따라서 상당히 유용한 소스라고 생각되어 간단하게나마 소개드리고 약간의 설명을 부가하고자 합니다.사용법은 간단합니다.우선 스타일 시트를 정의해줍니다.
<style type = "text/css">label {width:45px;font-size:12px;}input {border:1px solid #000;font-size:.7em;}</style>그 다음에 해당 자바스크립트를 문서에 정의해 줍니다.
…
-
이번 튜토리얼은 이전의 "쉽게 만들어 보는 CSS페이지 레이아웃"에 이어 상단을 구성하는(검색부분,메뉴부분,로고부분,배너부분,기타를 포함하는) #top를 보기좋게 꾸며보기로 하겠습니다.
.top_left{width:150px;float:left;background:url(top_left.jpg) left no-repeat #ffffff;height:80px;}/**#top내의 왼쪽에 위치한 로고부분 등을 구성할 박스top_left.jpg(150*80)를 배경화면으로 지정하고 no-repeat로 반복방지.(없애도 이…
-
야후(www.yahoo.co.kr)의 초기 메인페이지의 상단을 보면 색상별로 작은 버튼들이 나열되어 있고 클릭시 페이지 이동없이 메인페이지의 변화가 일어나는 것을 알수 있습니다.자바스크립트와 CSS를 이용해 동적으로 CSS를 로딩해페이지에 삽입해 주고 로딩한 CSS를 쿠키로 저장하는 방법인데 샘플을 이용해 간단하게 구현해 보겠습니다. 이것을 구현하려면 3가지의 요소가 필요합니다. 먼저 CSS를 로딩해줄 문서(sample.html)와 문서에 적용할 CSS문서들(2가지정도 만들어서 적용해보겠습니다) 그리고 쿠키와 CSS삽입을 위한 자바…