| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 217363 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 261093 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 233326 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 123 |
Script
문서 열림과 동시에 팝업 창 띄우기
|
오작교 | 16195 | 20 | 2006-04-16 | 2006-04-16 22:13 |
|
<script> function popup() { window.open("/popup.html","","width=460,height=640,resizable=no,scrollbars=no,statusbar=no"); } </script> body에 onload="popup();"
|
| 122 |
CSS
움직임이 부드러운 슬라이딩 탑버튼
|
오작교 | 16191 | 22 | 2006-04-16 | 2006-04-16 21:10 |
|
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
| 121 |
Script
새창 띄우기 창닫기 -1
|
멋진그대 | 16184 | 16 | 2007-01-29 | 2007-01-29 14:52 |
|
웹서핑을 하다보면 사이트 첫페이지나 중간 중간에 작은 창을 이용하여 공지사항을 달아놓은 것을 많이 보았을 것입니다. 이해가 안되시면 여기를 한번 눌러보세요^^ 이러한 것은 자바스크립트를 이용한 브라우져 조절 기능인데.......알고 있으면 아주 유용하...
|
| 120 |
Script
상태바에 날짜, 시간 안내글 표시하기
|
오작교 | 16139 | 35 | 2006-04-16 | 2006-04-16 22:19 |
|
아래의 소스를 <body></body>사이에 넣어 주세요 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var message = " " message +="--- 여유^^*"; message +="-- 여유로운 삶은 자신이 만들어 갑니다."; message +="-- 늘 여유로운 생활이 되시기를 !"; //문구 삽입 ...
|
| 119 |
HTML
iframe 태그 -3
1
|
오작교 | 16123 | 15 | 2006-10-31 | 2006-10-31 09:59 |
|
⑤ ifram 응용 이제부턴 약간의 iframe 을 이용해서 홈페이지에서 멋찌게 사용할 수 있는 방법을 알려드리도록 하겠습니다. <body bgcolor="cornflowerblue"> <font size="3" face="돋움체">아래는 iframe 예제입니다.</font><br> <iframe src="https://tagmani...
|
| 118 |
HTML
글자에 그라이언트 효과 주기
|
오작교 | 16092 | 27 | 2006-09-14 | 2006-09-14 11:44 |
|
<span style="COLOR:#4F4F4F; FILTER:Alpha(opacity=65,finishopacity=0,style=1,startX=0,startY=10,finishX=0,finishY=450); FONT-FAMILY: 바탕; FONT-SIZE: 12pt; FONT-WEIGHT: bold; HEIGHT: 10px; LINE-HEIGHT: 200%; WIDTH: 300px"> 글자에 그래디언트 ...
|
| 117 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 16091 | 11 | 2006-04-17 | 2006-04-17 16:10 |
|
먼저 스타일을 안쓰고 문서의 여백을 0으로 만들고자 할때는 <html> <head> <title>여백 0 만들기</title> <body bgcolor="White" text="black" leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <img src="test.jpg" > </body> </html> 이렇게 하...
|
| 116 |
Script
홈페이지 접속시간 날자 표시하기
|
오작교 | 16065 | 32 | 2006-04-16 | 2006-04-16 21:42 |
|
<SCRIPT LANGUAGE="JavaScript"> <!-- Stamp = new Date(); document.write('' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '<br>'); var Hours; var Mins; var Time; Hours = Stamp.getHours(); if (Hours >= 12) { Time = " P.M....
|
| 115 |
HTML
테이블(4신) - 테두리 색상
|
오작교 | 16063 | 10 | 2007-06-19 | 2007-06-19 17:11 |
|
Table 에관하여 4신 Table 테두리 네번째 시간입니다. 스타일을 이용한 테이블 테두리(frame)색지정에 관하여 알아봅니다. 테두리 색 지정은 style내에 border-top-color:색상코드; border-right-color:색상코드; border-bottom-color:색상코드; border-left-...
|
| 114 |
CSS
이미지 위에 마우스가 올라가면 색상 변화하기
|
오작교 | 16011 | | 2008-09-08 | 2008-09-08 13:54 |
|
.
|
| 113 |
HTML
EMBED의 모든 것
|
오작교 | 15990 | 11 | 2006-12-15 | 2006-12-15 12:34 |
|
홈페이지 배경음악 태그 <embed src="음악주소 또는 동영상 파일주소나 플레시파일주소"> 예) <embed src="https://dsk114.com.ne.kr/web/iou.asf"> <embed> 태그는 음악을 실시간으로 재생 시키는데 사용되는 태그입니다. 홈이 열리면서 배경음악이 흐르게 ...
|
| 112 |
HTML
이미지에 효과를 주어보자 - 1
|
오작교 | 15985 | 14 | 2007-02-03 | 2010-08-19 13:22 |
|
filter 란 포토샵을 사용해보신 분이라면 바로 이해가 가실겁니다. 그러나 초보분들은 모르시겠죠?^^ 필터는 그림이나 글자에 효과를 주는 겁니다. 무슨 효과냐구요? 그럼 이해를 돕기위해 밑에 그림을 한번 보세요. 철도원 철도원 철도원 철도원 철도원 위에...
|
| 111 |
HTML
이미지의 맵 - 2
|
오작교 | 15966 | 5 | 2007-02-03 | 2007-02-03 20:42 |
|
③ 맵 종류/좌표값/링크주소 설정 부분 <img src="이미지주소" usemap="#맵이름"> ① 이미지 태그 부분. <map name="맵이름"> ② 이미지 맵 태그 시작부분. <area shape="맵종류" coords="좌표값" href="링크될 주소"> ③ 맵 종류, 좌표값, 링크될 곳 설정 부분. <...
|
| 110 |
Script
iframe 사용시 높이 자동조절
|
오작교 | 15914 | 12 | 2007-02-22 | 2007-02-22 15:35 |
|
iframe 사용시 iframe의 높이가 내용의 높이만큼 자동으로 조절되는 기능입니다. 아래의 내용을 <head>와 </head>안쪽에 넣는다. --------------------------------------------------------------------- <script language='JavaScript' type='text/javascri...
|
| 109 |
Script
모서리가 둥근 테이블 만들기 -2
|
오작교 | 15909 | 11 | 2007-03-28 | 2007-03-28 13:50 |
|
모서리 둥근 테이블만들기 6) radius = 6; MAX = radius * 2 + 1; Table = document.createElement('TABLE'); TBody = document.createElement('TBODY'); Table.cellSpacing = 0; Table.cellPadding = 0; for (trIDX=0; trIDX 2) { if (Math.abs(tdIDX - radi...
|
| 108 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 15888 | 8 | 2007-02-03 | 2007-02-03 20:49 |
|
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
| 107 |
일반
스위시 물결효과 만들기 동영상(펌)
|
오작교 | 15858 | 13 | 2006-01-03 | 2006-01-03 15:32 |
|
objectlaunch("");
|
| 106 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 15846 | 12 | 2006-06-03 | 2006-06-03 21:13 |
|
아 이거 안된다고 한참 고민했습니다 -_- A:link {color:#3E4773;text-decoration:none;} A:visited {color:#3E4773;text-decoration:none;} A:active {color:#3E4773;text-decoration:none;} A:hover {color:#636FAC;text-decoration:none;font-weight:bold} ...
|
| 105 |
Script
텍스트 안에서 써지는 타이핑 글씨
|
오작교 | 15811 | 9 | 2006-06-03 | 2006-06-03 21:28 |
|
<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요--> <script language="JavaScript"> var TB_msg, TB_msg_delay, TB_char_delay, TB_msg_index, TB_char_index; function TB_runBanner() { document.TB_f.t.value+=TB_msg[TB_msg_index].charAt...
|
| 104 |
HTML
홈페이지를 만들어 보자 (템플릿 -1)
|
오작교 | 15802 | 14 | 2007-02-03 | 2007-02-03 20:48 |
|
이제 준비는 다 끝났으니까... 본격적으로 홈페이지를 만들어 보겠습니다. 참고적으로 강좌에서 사용되는 툴은 메모장 딸랑 하나만 있으면 되겠심더..-_-;; 먼저 홈페이지 구도는 ①대문 - ② 메인(프레임) - ③게시판&방명록 식으로 하겠습니다. 그리고 홈페...
|
