태그연습장만들기

컴.태그공부

태그연습장만들기

영지니 2011. 12. 8. 21:47

태그연습장만들기

태그연습장으로 검색해보니 초보분들에겐 어려울 것 같아

쉽게 풀어 설명합니다.

1) 먼저, 시작> 모든프로그램> 보조프로그램에서 메모장을 열어주세요.

열린 메모장에다 밑의 스크립트를 복사해서 붙여주세요.

(붙여주세요라니까 어떤 분은 '어느 벽에요?' 하시는데 아닙니다.

열려있는 메모장에다 붙여넣기하세요)

복사하기와 붙여넣기의 방법은 밑의 명령어를 <html>에서 </html>까지 마우스로 드래그(주~욱 그어서)하여

파란 색상으로 변하면 그 위에다 마우스를 대고 우클릭하여 복사를 클릭(여기까지 복사하는 방법)

열어놓은 메모장에 가서 빈곳에다 마우스 대고 우클릭하여 붙여넣기를 클릭.(여기까지 붙여넣기하는 방법)

<html>
<head>
<title>태그연습장</title>
<style type="text/css">
th,td { font-family: 돋움; font-size: 9pt; }
textarea { font-family: Fixedsys; }
</style>
<script language="javascript">
function showResult(form) {
var wopt = "menubar=yes,toolbar=yes,location=yes,scrollbars=yes,status=yes,resizable=yes";
switch (true) {
    case form.size[1].checked: wopt += ",width=640,height=480"; break;
    case form.size[2].checked: wopt += ",width=800,height=600"; break;
    case form.size[3].checked: wopt += ",width=1024,height=768"; break;
}
winResult = window.open("about:blank","",wopt);
winResult.document.open("text/html", "replace");
winResult.document.writｅ(form.body.value);
winResult.document.close();
return false;
}
</script>
</head>
<body style="margin:0px" onLoad="document.mainform.body.focus()">

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="4" bgColor="lightgrey">
<form name="mainform" onSubmit="return showResult(this)">
<tr height="20">
    <th align="left">▒ 태그연습장</th>
</tr>
<tr>
    <td><textarea name="body" style="width:100%;height:100%"></textarea></td>
</tr>
<tr height="30">
    <td>
      <input type="submit" value="결과창 보기" onClick="this.form.body.focus()">
      결과창 크기:
      <input type="radio" name="size" checked>기본
      <input type="radio" name="size">640x480
      <input type="radio" name="size">800x600
      <input type="radio" name="size">1024x768
    </td>
</tr>
</form>
</table>

</body>
</html>

그러면 메모장이 위 그림처럼 됐겠죠?

2) 이걸 저장하셔야 하는데

메모장 좌측 상단의 파일> 다른이름으로저장을 클릭하시고

위 그림처럼 창이 뜨면 알기쉽게 바탕화면에 저장하세요.

(야동폴드에다 저장하시고는 나중에 '어디갔지??' 마시고)

위의 그림처럼 좌측 상단의 바탕화면 아이콘을 클릭하여 바탕화면을 열어두고

번호 1의 동글레태그연습장까진 파일명이므로 본인 이름이나 숫자등으로 쓰시고

동글레태그영습장 뒤에는 .html이라는 확장자명을 써줍니다. (점을 빠트리지마세요)

번호 2의 파란 네모안의 v를 클릭하셔서 모든파일 혹은 모든웹페이지로 바꾸고

다시 확인하시고는 미련없이 저장을 클릭하세요.

3) 이젠 바탕화면에 보세요.

태그연습장이 만들어져 있습니다.

클릭해 여세요.

태그연습장이 위 그림 처럼 열리면

위에 '보안을 위해 어쩌고 저쩌고...여기를 클릭하십시요'라고 뜨면

그냥 시키는 대로 하세요.

클릭해 차단된 콘텐츠를 허용해 주셨다면

이제부턴 이것저것 생각지 마세요.

태그연습장이 죄다 만들어진 겁니다.

4) 그러면 시험을 해보셔야겠죠?

밑의 태그소스를 복사해 태그연습장에다 붙여 넣기 하세요.

그러면 위 그림처럼 되겠죠?

왼쪽 하단의 결과창보기를 클릭하면 새창이 뜨고

새창의 차단된 콘텐츠를 클릭해 허용해 주시면

이렇게 음악이 흐르는 작품이 완성됩니다.

이걸 좌측 위의 파일을 눌러 다른이름으로저장하거나

간단하게 내 블로그에다 올리는 방법은

위 번호 4)의 태그소스를 복사하여

포스트쓰기에서 그림처럼 HTML을 눌러 원하는 곳에다 붙여넣기하세요.

'컴.태그공부' 카테고리의 다른 글

이미지가 움직이는 태그 (0)	2012.01.04
마우스 드래그 금지 태그 (0)	2012.01.04
태그소스 (0)	2010.04.11
태그 생성기 (0)	2010.03.31
스위시 소스 (0)	2010.03.30

현재글태그연습장만들기

인생의 휴식처

ㅏ, 솜, ㅋ,

Today :
Yesterday :

인생의 휴식처