Blog Content

  • CSS레이아웃-가운데 정렬하기

    Category HTML/CSS/SCRIPT on 2014. 10. 5. 02:37

    와이드 모니터가 보급되면서 웹사이트 대부분이 화면 가운데 배치를 하는데 방법은 두가지가 있다.첫번째는 auto마진을 이용한 방법이고, 두번째는 포지션과 마진에 음수값을 지정하는 방법이다. 1. auto마진 이용전체를 감싸는 DIV가 수평 중앙에 오도록 하는 레이아웃 이다. html css #wrap { width:500px; margin:0 auto; background:#9eeff4; height:20px;} 2. 포시션과 음수 마진값 이용가로 폭을 지정하고 position 속성값을 relative로 지정한다. left 속성에 50%를 지정하면 왼쪽 끝에서 중간에 오게 된다.하지만 왼쪽 끝을 중간에 놓으려는게 아니고, 가운데 지점이 페이지 중앙에 와야 한다. 이를 위해서 전체너비를 반으로 나눈 값을 음..

    Read more
  • Aptana Studio 3 설치하기

    Category HTML/CSS/SCRIPT on 2014. 3. 12. 01:51

    Aptana Studio 3 설치하기 압타나 스튜디오(Aptana Studio)는 이클립스 기반으로 만들어진 무료 에디터 입니다.HTML, PHP, CSS등을 지원하며, 이클립스가 설치되어 있다면 이클립스 플러그인(Plugin)으로도 설치가 가능합니다. 1.Aptana Studio를 설치하기 위해 http://www.aptana.com 홈페이지로 이동합니다. 화면 중간에 'DOWNLOAD APTANA STUDIO 3' 버튼을 클릭합니다. 2.개별 프로그램(Standalone Version), 이클립스 플러그인버전(Eclipse Plug-in Version)중 무엇으로 설치할지 선택한 후 아래쪽에 "DOWNLOAD APTANA STUDIO 3" 버튼을 클릭합니다.이클립스 버전은 이클립스가 설치되어 있어야 ..

    Read more
  • 배경이미지 설정

    Category HTML/CSS/SCRIPT on 2013. 2. 19. 01:34

    스타일시트 배경이미지 설정 엘리먼트의 배경 엘리먼트의 배경에 색상을 부여하거나 이미지를 표시하고 싶을 때 background 효과를 사용한다. 이 효과를 이용하면 배경에 사용된 이미지의 위치를 지정하거나, 반복 할 수 있다. 배경색 background-color:색상값background-color 속성은 요소의 배경색을 설정하는 속성이다. Hex 16진수로 색상 값을 표현, #ff0000(레드), #00ff00(그린), #0000ff(블루) RGB 레드, 그린, 블루의 값을 조합하여 색상 값을 표현, RGB(255,0.0), RBG(0,255,0), RGB(0,0,255) 고유색 red, green, blue등 컬러코드보기 배경이미지 background-image('이미지 URL') background-..

    Read more
  • 오른쪽 마우스 금지 스크립트

    Category HTML/CSS/SCRIPT on 2012. 11. 26. 01:26

    오른쪽 마우스 버튼을 클릭하면 아무 반응도 하지 않도록 하는 스크립트 입니다. 오른쪽 마우스 메뉴조차도 볼 수 없도록 합니다.

    Read more
  • 즐겨찾기 추가 버튼달기

    Category HTML/CSS/SCRIPT on 2011. 4. 6. 16:26

    function bookmark(){ window.external.AddFavorite('홈페이지주소','홈페이지이름')}//스크립트 끝-->

    Read more
  • 주소표시줄에 아이콘넣기

    Category HTML/CSS/SCRIPT on 2008. 6. 17. 00:27

    파비콘(favicon)이란 인터넷 웹브라우저의 주소창 옆에 붙은 조그마한 아이콘을 말합니다. 웹사이트나 웹페이지를 대표하는 아이콘으로 볼 수 있습니다. 인터넷 익스플로러 6버전에서는 제대로 보이지 않는 경우가 많으나 7 버전이나 기타 웹브라우저의 경우는 이 파비콘이 제대로 보입니다. 1.일단 파비콘으로 넣을 아이콘이미지를 만들어야 합니다. 포토샵등..그래픽툴에서 16x16픽셀 크기로 이미지를 만들고 저장합니다.(JPG, GIF, PNG...) 2.저장한 이미지파일을 'ICO'라는 파일형식을 변환합니다. 변환할때는 ArtIcons Pro등의 프로그램을 이용하거나, 포토샵플러그인을 설치하면 됩니다.포토샵에서 .ico, .cur 파일 처리 플러그인 3.저장까지 하셨으면 파비콘을 넣을 문서에 사이에 요렇게 넣어..

    Read more
  • 브라우저에서 PNG파일 투명하게처리하기

    Category HTML/CSS/SCRIPT on 2007. 10. 30. 11:32

    1.스타일선언 2.자바스크립트선언 3.이미지에 스타일적용

    Read more
  • <META> 태그 설명 및 기본형식

    Category HTML/CSS/SCRIPT on 2007. 10. 28. 22:31

    태그 설명 및 기본형식 META태그는 태그에 입력하는 특수 태그입니다. 화면상에 직접 나타나지 않지만 많은 기능을 가지고 있습니다. ① : META태그의 이름을 입력하는 부분 ② : META태그의 값을 입력하는 부분 META태그의 여러기법 한글 폰트로 페이지 나타내기 웹 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됩니다. 홈페이지를 만들때 우리가 자주 사용하는 태그에서 글자체를 돋움으로 지정해도 브라우저에서 한글속성을 인식못해 아무 반응도 나타나지 않는 경우가 있는데 이 경우 사용합니다. 그리고 자바애플릿 실행시 한글이 깨져 나올때도 이 태그를 사용하여 해결하기도 합니다. 만약 깨지지 않을 경우 이 태그 사용시 반대의 결과가 발생하기도 합니다. 검색엔진 키워드 검색에서 내 사이트 맨 위에 뜨게 하기..

    Read more
  • 나모에서 백업파일을 만들지 않기

    Category HTML/CSS/SCRIPT on 2007. 9. 10. 19:06

    이미 저장된 파일을 수정한 후 다시 저장하면 이전에 만든 문서는 '*.bak' 형태의 백업 파일로 만들어집니다. 간혹 백업 파일이 유용하게 쓰일 때도 있지만 평소에 귀찮을 때가 더 많죠? 이럴 때 백업 파일을 만들지 않고 저장할 수 있는 방법은요. 1.[도구]메뉴의 [프로그램 설정]을 클릭합니다. 2.[프로그램 설정] 대화 상자에서, [문서 저장] 탭을 클릭한 후 [백업 파일 만들기]의 체크 표시를 없앤후 확인하시면 됩니다

    Read more
  • 절대경로 알아보기

    Category HTML/CSS/SCRIPT on 2007. 4. 25. 21:37

    절대경로 알아보기 아래소스를 test.php로 저장하고 자신의 계정에 올리고 실행하면 절대경로를 알수있습니다. 단, 계정이 php를 지원해야함.

    Read more