Dreamweaver에서 일반적으로 사용되는 코드

저자：Eve Cole 업데이트 시간：2009-06-01 01:01:32

1. 수평 및 수직 스크롤 막대의 가시성을 제어합니까?
<body style="overflow-y:hidden"> x축 제거
<body style="overflow-x:hidden"> y축 제거
<body scroll="no">표시하지 않음

-------------------------- - ---------------------------
2. 형태 변색
<TD onmouseover="this.style.BackgroundColor='#FFFFFF'"
onmouseout="this.style.BackgroundColor=''"
style="커서: 손">
------------------------------------- ----------------------------------
3. 복사 금지, 마우스를 드래그하여 선택
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
------------------------------------- ----------------------------------
4. 일반 iframe 페이지
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

--------- -- ------------------------------------------------ -- ------
5.iframe 적응형 높이
<iframe name="pindex" src="index.asp" 프레임border=false 스크롤="자동" width="100%" height="100%" 프레임border=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
------------------------------------- ----------------------------------
6. IE 주소 표시줄을 자신의 아이콘으로 변경하면 아이콘이 즐겨찾기에 표시될 수 있습니다.
<link rel="바로가기 아이콘" href="favicon.ico">
<link rel="북마크" href="favicon.ico">
------------------------------------- ----------------------------------
7. 글꼴 크기 조정 점점 더 많은 사람들이 인터넷 서핑에 많은 시간을 보내고 있으며, 안경의 인기도 점점 높아지고 있습니다.
<스크립트 유형="텍스트/자바스크립트">
함수 doZoom(크기)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">지정된 크기의 텍스트</span>
<a href="javascript:doZoom(16)">대형</a> <a href="javascript:doZoom(14)">중형</a> <a href="javascript:doZoom(12)">소형 </a>
------------------------------------- ----------------------------------
8. 간단한 점프 웹페이지 코드. 페이지가 3초 동안 표시된 후 점프하도록 하려면 html 코드의 <head></head> 부분에 다음 코드를 추가하면 됩니다.
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
------------------------------------- ----------------------------------
9. iframe(임베디드 프레임) 적응형 높이로 채워진 임베디드 주소는 이 페이지와 동일한 사이트에 있어야 합니다. 그렇지 않으면 "액세스가 거부되었습니다!"라는 메시지가 표시됩니다. 도메인 간 참조에 권한 문제가 있습니다. 기타 정보를 확인하세요.
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%"frameborder=no onload="document.all['guestbook'].style.height= guestbook.document.body.scrollHeight"></iframe>
------------------------------------- ----------------------------------
10. 점프 메뉴 새 창
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<옵션 값=" http://www.microsoft.com/ie ">인터넷 익스플로러</옵션>
<옵션 값=" http://www.microsoft.com "> 마이크로소프트 홈</option>
<option value=" http://msdn.microsoft.com "> 개발자 네트워크</option>
</select>
------------------------------------- ----------------------------------
11.플래시 투명도 옵션
<param name="wmode" value="투명">
------------------------------------- ------------------

12. 즐겨찾기 추가 및 홈페이지로 설정
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">홈페이지로 설정</a>

<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">이 사이트를 즐겨찾기에 추가</a>

------------------------------------- ----------------------------------
13. 웹 페이지의 마지막 수정 시간을 기록하고 표시합니다.
<스크립트 언어=자바스크립트>
document.write("마지막 업데이트 시간: " + document.lastModified + "")
</script>
------------------------------------- ----------------------------------
14. 휴일 카운트다운
<스크립트 언어="자바스크립트">
var timedate= new Date("2002년 10월 1일");
var times= "국경일";
var now = new Date();
var 날짜 = timedate.getTime() - now.getTime();
var time = Math.floor(날짜 / (1000 * 60 * 60 * 24));
만약 (시간 >= 0)
document.write("이제 다음이 있습니다: "+times+"에서 "+time +"days")
</스크립트>
------------------------------------- ----------------------------------
15. 캐싱을 비활성화하려면 HEAD에 추가하세요.
<meta http-equiv="만료" CONTENT="0">
<meta http-equiv="캐시 제어" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">

--------------------------------- - ------------------------------------------------- -
16. IFRAME 프레임 내 문서의 배경을 투명하게 만들기
<iframe src="about:<body style='Background:transparent'>" 허용투명성></iframe>
------------------------------------- ----------------------------------
17. 창을 열 때 최대화하기
<스크립트 언어="자바스크립트">

</script>
------------------------------------- ----------------------------------
18. 배경음악 추가
<bgsound src="mid/windblue[1].mid" loop="-1"> IE에만 적용됩니다.
<embed src="music.mid" autostart="true" loop="true" Hidden="true"> Netscape 및 IE 모두에 적용 가능
------------------------------------- ----------------------------------
19.스크롤
<marquee 방향=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>스크롤 정보
</marquee>
------------------------------------- ----------------------------------
20. 빈 링크 클릭 시 원래의 "#" 표시 대신 페이지 상단의 "javascript:void(null)" 코드로 페이지가 재설정되는 것을 방지합니다.
------------------------------------- --------------------------

21. 텍스트나 그림이 지정된 크기의 창으로 팝업되어 본문에 추가됩니다.
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
함수 MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
팝업 코드
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">사진 또는 텍스트</a>

------------------------------------- ----------------------------------
22.점프 페이지 코드
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
------------------------------------- ----------------------------------
23. 얇은 라인 분배기
<hr noshade 크기=0 color=#C0C0C0>
------------------------------------- ----------------------------------
24. 웹 페이지의 자동 줄 바꿈
<td style="word-break:break-all">그렇습니다.
완전한 것은
style="table-layout: 고정;WORD-BREAK: 모두 중단; WORD-WRAP: 중단-단어"
------------------------------------- ----------------------------------
25. ie6에 자동으로 나타나는 이미지 도구 모음을 제거하고 GALLERYIMG 속성을 false 또는 no로 설정합니다.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
------------------------------------- ----------------------------------
26. 페이지 본문 내용 선택 금지
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">

----------------------- ---- --------------------------------- ----
27. 마우스 오른쪽 버튼을 클릭할 수 없고 CTRL+A가 필요하지 않으며 복사할 수 없습니다!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
------------------------------------- ----------------------------------
28.IE 브라우저는 배경이 스크롤되는 것을 방지할 수 있는 Body 속성 bgproperties를 지원합니다.
<Body Background="이미지 파일" bgproperties="고정">
------------------------------------- ----------------------------------
29. 배경 이미지를 랜덤으로 변경 (기분을 상쾌하게 해주는 특수 효과)
<스크립트 언어="자바스크립트">
image = new Array(4); //이미지를 그림 번호의 배열로 정의 image [0] = 'tu0.gif' //배경 이미지 경로 image [1] = 'tu1.gif'
이미지 [2] = 'tu2.gif'
이미지 [3] = 'tu3.gif'
이미지 [4] = 'tu4.gif'
숫자 = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+이미지[번호]+">");
</스크립트>

-------------------- - ----------------------------------
30. 이미지 양식 버튼
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
------------------------------------- ----------------------------------
31. 왼쪽, 오른쪽 그림자 배경 CSS 정의 방법
몸 {
텍스트 정렬:가운데;
배경 반복: 반복-y;
배경 위치: 중앙;
배경 이미지: url(../images/bg.jpg);
}
------------------------------------- ----------------------------------
32. 링크 핸드 마우스 크로스
스타일="커서:손"
------------------------------------- ----------------------------------
33. 레이어를 끄는 방법
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">레이어 닫기</a>
------------------------------------- ----------------------------------
34. 창을 닫는 스크립트
<a href=javascript:close()>[창 닫기]</a>
------------------------------------- ----------------------------------
35. 텍스트가 너무 길면 너무 긴 부분이 타원으로 표시됩니다.
<DIV STYLE="너비: 120px; 높이: 50px; 테두리: 1px 파란색 실선;오버플로: 숨김; text-overflow:ellipsis">
<NOBR>예를 들어, 너무 길어서 표의 한 줄에 표시할 수 없는 텍스트 줄이 있습니다.</NOBR>
</DIV>
------------------------------------- ----------------------------------
36. 홈페이지 진입 후 자동으로 최대화
<스크립트>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

-------------------- ---- ---------------------
37. 음각 텍스트
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; 글꼴 크기:12px; 줄 높이:18px; 배경색:# 에에에에에;">
<글꼴 비활성화>
어때요, 나 찌그러졌나요? <br>
시도해 보고 싶지 않으세요? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
------------------------------------- ----------------------------------
38. 실행 코드 상자
<스크립트>
함수미리보기()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60rows=15></textarea>
<br>
<버튼 onclick=Preview() >실행</button>
------------------------------------- ------------------

38. 양식 연결
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</table>

------------------------------------- ----------------------------------
39. 팝업을 항상 맨 위에 표시
<body onblur="this.focus();">
------------------------------------- ----------------------------------
40.CSS 텍스트 그림자
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1) FONT-FAMILY: "宋体" FONT-SIZE: 9pt;COLOR: #ffffff;}
------------------------------------- ----------------------------------
41. 뒤로가기 및 창을 닫고 돌아가기: javascript:history.back(1)
닫기: javascript:window.close();
------------------------------------- ----------------------------------
42. 형태가 투명하다
스타일="필터: 알파(불투명도=72)"
------------------------------------- ----------------------------------
43. 다른 사람이 귀하의 웹 페이지를 프레임에 넣는 것을 방지하는 방법
<script 언어="javascript">< /script>
------------------------------------- ----------------------------------
44.Alt와 Title의 차이점
alt는 그림에 힌트를 주는 데 사용됩니다. 제목은 링크 텍스트나 일반 텍스트 힌트를 제공하는 데 사용됩니다.

------------------ ------------------------------------- ----------
45. 모든 자바스크립트 호출에 외부 호출을 사용해 보십시오.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
------------------------------------- ----------------------------------
46. 링크
응답.리디렉션"login.asp"
위치.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"

-------------------------- ------ ---------------------------

47. 기본링크 스타일
a:link는 링크의 스타일을 나타냅니다.
a:active는 현재 활성 연결의 스타일을 나타냅니다.
a:hover는 마우스가 그 위로 지나갈 때의 스타일을 나타냅니다.
a:visited는 방문한 링크 "link-visited-hover-active"의 스타일을 나타내며

"lvha"로 축약됩니다. 즉, "love"+"hate"

-------------- -- ------------------------------------------------ -- ---------------
48. 같은 페이지에서 다양한 텍스트 링크 효과로 스타일 설정
<스타일 유형="텍스트/css">
.green {색상: #309633}
.green A:링크 {색상: #309633; 텍스트 장식: 없음}
.green A:방문함 {색상: #309633; 텍스트 장식: 없음}
.green A:hover {색상: #309633 텍스트 장식: 밑줄}
.green A:활성 {색상: #309633; 텍스트 장식: 없음}
</style>
<a href="#" class="green">텍스트</a>

-------------------------------- ------------------------------------- ------
49. 드롭다운 점프 메뉴
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<옵션>----선택해주세요----</옵션>
<option value=" http://www.devdao.com ">웹마스터 디자인 네트워크</option>
<옵션 값=" http://www.fontchina.cn/" >글꼴</option >
</select>
------------------------------------- ----------------------------------
50. div를 차단하는 솔루션을 선택하고 div에 다음 코드를 추가하고 필요에 따라 조정합니다.
<iframe src="javascript:false" scrolling="no"frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>

--------------------------------- - ----------------------------------
51. 전체 페이지의 모든 링크는 _blank입니다. 새 창이 열립니다.