HTML Codes

Posted 12 16, 2009 20:32, Filed under: Language/Html

HTML Codes
Again, nothing to do with ASCII really, but has been requested by a number of you out there. To get special characters to show on an HTML web page, special codes can be used (ascii code or word) and are interpretted by the web browser

사용자 삽입 이미지
12 16, 2009 20:32 12 16, 2009 20:32

Trackback URL : http://develop.sunshiny.co.kr/trackback/356

Leave a comment

검색 로봇 제어

Posted 05 28, 2009 11:05, Filed under: Language/Html

# 참고 사이트
http://www.robotstxt.org/meta.html

# 검색로봇 제어
일부 페이지별 검색로봇에 대한 명령은 <meta name="ROBOTS" />라는 형식으로 지정한다.
(모든 검색엔진에 유효한 명령은 아님)

<head>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />

<title>웹 구조의 이해</title>

# content 속성에는 아래와같은 값을 지정할수 있고 복수지정할때에는 콤마로 구분한다.
    검색로봇은 대소문자를 구분하지 않는다.

#    ALL : 'INDEX, FOLLOW'를 지정한것과 같다.
#    NONE : 'NOINDEX, NOFOLLOW'를 지정한것과 같다.
#    INDEX : 그 페이지를 수집대상으로 한다.(검색결과에 나타남)
#    FOLLOW : 그 페이지를 포함해 링크가 걸린곳을 수집대상으로 한다.
#    NOINDEX : 그 페이지를 수집대상에서 제외(검색결과에 나타나지 않음)
#    NOFOLLOW : 그 페이지를 포함해 링크가 걸린곳을 수집대상으로 하지 않는다.
#    NOARCHIVE : 그 페이지를 캐시하지 않는다.
#    NOIMAGEINDEX : 그 페이지에 포함된 이미지를 검색대상에서 제외한다.
#     NOIMAGECLICK : 그 페이지에 포함된 이미지에의 링크를 방지한다.


# 구글의 검색 로봇만 제어
<meta name="GOOGLEBOT" content="NOINDEX, NOFOLLOW" />

# 구글에서 검색된 페이지 삭제 요청
http://www.google.co.kr/support/webmasters/bin/topic.py?topic=8459


## Robot.txt 이용 하여 검색로봇 제어

robots.txt 로 파일을 생성하여 사이트의 루트 디렉토리 가장 위에 위치하는 폴더에 저장한다.

# robots.txt 내용
Uesr-agent:*                -> 모든 검색엔진을 막음. 구글만 막으려면 : User-agent: Googlebot
Disallow: /                   -> 모든 위치를 막음.
-> 특정 주소, 디렉토리만 막고자 할경우 Disallow: / 없애고 아래와 같이
Disallow: /selected      
Disallow: /reports/stat

-> User-agent:* 에서 *은 모든 검색로봇에 대하여를 의미

05 28, 2009 11:05 05 28, 2009 11:05

Trackback URL : http://develop.sunshiny.co.kr/trackback/221

Leave a comment


컨드롤러를 거쳐 데이타 값을 가져온후에는
해당 페이지로 디스파칭 된후 그 페이지를 타겟으로 넘겨준다.
var objForm = eval('document.eventForm');
window.open('', 'HappyNewYear', 'width=684, height=527, scrollbars=no'); // 팝업을 먼저 띄운후
objForm.target="HappyNewYear";    // 타겟을 이용하여 열린 팝업창에 값을 넘김
objForm.action = 'controller.do';
objForm.submit();
01 8, 2009 12:22 01 8, 2009 12:22

Trackback URL : http://develop.sunshiny.co.kr/trackback/75

Leave a comment

Div 태그 속성

Posted 12 25, 2008 23:05, Filed under: Language/Html

태그의 속성
id 를 이용하여 컨트롤(각각의 id 별로 속성을 변경 가능함)

style -
overflow: ######;
          visible : 레이어 크기를 키워서 출력.
          hidden : 레이어 크기만큼 출력.
          auto : 내용에 따라 자동 스크롤.
          scroll : 스크롤바 생성.
     ex) overflow-x:값; overflow-y:값; overflow:값;
 
position: ######;
          static : 기본값.
          relative : 하위에 div가 있을 경우엔 하위의 div를 absolute 배열.
          absolute : div에 top, right, bottom, left 값을 지정해서 원하는 위치에 고정.
          fixed : 스크롤에 상관없이 지정한 위치에 고정.
          inherit : 상위에서 지정한 값을 상속.

visibility: ######;
          visible : 보임.
          hidden : 감춤.

z-index: #;         :: #값에 따라 우선순위 정의. (값이 높을 수록 위로)
left: ##px;
top: ##px;
width: ###px;
height: ###px;
text-align: center;
          center , left, right ...
background-color: #######;
border-style: ######;
          solid , dotted .....
border-color: ######;
border-width: ##px;
border: ###px;

12 25, 2008 23:05 12 25, 2008 23:05

Trackback URL : http://develop.sunshiny.co.kr/trackback/61

Leave a comment


DIV 태그 속성
http://develop.sunshiny.co.kr/entry/Div-태그-속성?category=37

<!-- div 태그 안에 iframe 태그를 이용하여 원하는 페이지를 링크시킴-->

<div id="disEvent" style="visibility:visible;position:absolute;border-width:0;z-index:999;top:140px;left:0px;width:100%;align:center;">
<iframe src="http://develop.sunshiny.co.kr" style="border:0" scrolling="no" frameborder="0" align="center" width="642" height="510"></iframe>
</div>


if(getCookie("Popup") != "checked") {
 //goPop();
 
  disEvent.style.display = '';
 
}



function setCookie( name, value, expiredays )
{
        var today = new Date();
        today.setDate( today.getDate() + expiredays );
        document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";";
}
function closeWin() {
    if ( document.popUpChk.setChk.checked ) {
        setCookie( "FreeSite_Event", "checked" ,1 ) // 1은 하루 동안 새창을 열지 않게 함
}
   parent.document.all.disEvent.style.display='none';

}

<td align="center" width="230" class="white"><form name="popUpChk"><input type="checkbox" name="setChk" value="">오늘은 이창을 다시 열지 않습니다.</td></form>
<td><a href="javascript:closeWin();"><img src="/pop_close.gif" alt="" height="16" width="41" border="0"></a></td>


function getCookie( name ){
   var nameOfCookie = name + "=";
   var x = 0;
   while ( x <= document.cookie.length ){
        var y = (x+nameOfCookie.length);
        if ( document.cookie.substring( x, y ) == nameOfCookie ) {
             if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
                  endOfCookie = document.cookie.length;
             return unescape( document.cookie.substring( y, endOfCookie ) );
        }
        x = document.cookie.indexOf( " ", x ) + 1;
        if ( x == 0 )
            break;
    }
return "";
}



12 25, 2008 22:55 12 25, 2008 22:55

Trackback URL : http://develop.sunshiny.co.kr/trackback/60

Leave a comment


## 기본 형식 ##
 <img src="bannerImage.gif" usemap="#ImageMap1">
 <map name="ImageMap1">
  <area shape="rect" coords="26, 161, 195, 195" href="http://develop.sunshiny.co.kr" alt="페이지 이동하기">
 </map>
-------------------------------------------------------------

이미지 맵을 지정하는 영역의 모양이 사각형일 경우, 원형일 경우, 다각형일 경우에 따라 coords속성의 좌표값이 달라진다.

**이미지 맵을 지정하는 영역의 링크 모양이 사각형일 경우**
형식

<area shape="rect" coords="좌측상단의 가로좌표, 좌측상단의 세로좌표,우측하단의 가로좌표,우측하단의 세로좌표" href="링크하여 이동하게 되는 html문서의 파일명">
<area shape="rect" coords="x1,y1,x2,y2" href="링크할 주소">


**이미지 맵을 지정하는 영역의 링크 모양이 원형일 경우**
형식

<area shape="circle" coords="원중심의 가로좌표,원중심의 세로좌표,원의 반지름" href="링크하여 이동하게 되는 html문서의 파일명">

<area shape="rect" coords="x1,y1,x2,R" href="링크할 주소">


**이미지 맵을 지정하는 영역의 링크 모양이 원형일 경우**
형식
<area shape="poly" coords="다각형 꼭지점의 가로좌표1, 다각형 꼭지점의 세로좌표1,다각형 꼭지점의 가로좌표2, 다각형 꼭지점의 세로좌표2,다각형 꼭지점의 가로좌표3, 다각형 꼭지점의 세로좌표3,다각형 꼭지점의 가로좌표4, 다각형 꼭지점의 세로좌표4,..."
href="링크하여 이동하게 되는 html문서의 파일명">
 
 
<area shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,x5,y5" href="링크할 주소">
 
좌표값은 포토샵, 페인트샵, 그림판을 이용하여 값을 읽을 수 있다.
부분적인 링크는 map 태그를 사용합니다.
img 태그의  usemap 속성의 값을 map의 name속성 값에 #을 붙여서 넣어줍니다.

area태그로 링크를 걸 그림의 범위를 설정해 줍니다.

href속성에 링크를 걸 URL(주소)를 넣어줍니다.

범위는 픽셀단위의 왼쪽위로부터의 좌표이고

앞에 둘은 왼쪽위 모서리 좌표

뒤에 둘은 오른쪽아래 모서리 좌표 입니다.


추가로 area태그의 alt 속성에 값을 넣어주면 해당 범위에 마우스오버시 속성 값이 나타납니다.

출처 페이지에는 이미지와 자세한 설명이 있습니다.
출처 : http://gabriel2007.hosting.paran.com/zbxe/7293

12 23, 2008 10:48 12 23, 2008 10:48

Trackback URL : http://develop.sunshiny.co.kr/trackback/58

Leave a comment


Recent Posts

  1. Linux - Telnet 서비스 비활성및 실행
  2. NT - 서버 원격데스크탑 연결
  3. NT - http와 https간에 세션 공유가...
  4. Unix - 대량 파일 이동, 삭제시 Argu...
  5. Oracle - SYS_CONTEXT 함수를 이용하...

Recent Comments

  1. 네. 고맙습니다^^ 행복한 한해 보... sunshiny 01 16,
  2. sunshiny님. 안녕하세요... 올려 주... yihans 01 16,
  3. 답글 주셔서 고맙습니다^^ 소스 복... sunshiny 01 11,
  4. 관리자만 볼 수 있는 댓글입니다. 비밀방문자 01 11,
  5. 넵 답변감사합니다^^ 좋은 하루 되... 노로링

Recent Trackbacks

  1. 윈도우 cmd 명령어 팁 월풍도원(月風道院) - Delight on th... %M
  2. 파일 압축 Like RadioHead %M
  3. Mysql - mysql 설치후 Character set... 멀고 가까움이 다르기 때문 %M

Calendar

«   02 2012   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29      

Bookmarks

  1. 위키피디아
  2. MysqlKorea
  3. Oracle All Documentation
  4. 엑셈
  5. 오라클 클럽
  6. 네이버개발자센터
  7. API - Java
  8. API - Spring
  9. Java Community
  10. Reference - Spring
  11. 스프링사용자
  12. 자바지기
  13. Ready System
  14. Solaris Freeware
  15. Linux-Site
  16. RedHat Korea
  17. 윈디하나의 솔라나라

Site Stats

TOTAL 217715 HIT
TODAY 17 HIT
YESTERDAY 115 HIT