◈ 마우스포인트 올려 메시지 창 띄우기
▶ <a href=""onmouseover="alert('안녕하세요!')"> 여기를 스쳐봐요. </a>
* onmousover는 어떠한 객체 위에 마우스포인트가 올려지면 발생한다.
예) <a href=""onmouseover="alert('안녕하세요!')"><img src=http://awe.com.ne.kr/image/middle/flower-rose.gif border=0></a>
글 대신 이미지를 넣어도 되는데 이렇게 여러 가지로 응용면 유용하게 사용할 수 있다.
◈ 마우스로 긁으면 보이는 글씨
<font color="white"><span style="background-color:white;"> 너는 시냇가에 심은 나무라~ </span></font>
이것은 글씨의 색을 원 바탕색과 같게 한 후 마우스로 영역을 지정하면 나타나는 색으로 글씨를 보이게 해주는 것이다.
◈ 마우스를 올리면 크기가 변하는 글씨
<p style=font-size:24 onMouseOver=this.style.fontSize=50 onMouseOut=this.style.fontSize=20><b>Jesus is the way, the true, and the life.</b></p>
마우스를 올렸을 때 크기와 내렸을 때 크기를 서로 다르게 지정해주면 된다.
onmousover는 마우스를 올렸을 때의 속성을 onmouseout는 마우스를 내렸을 때의 속성을 나타낸다.
◈ 마우스포인트를 위에 올리면 보이는 글씨
<table border="3" width="500"><br>
<tr><br>
<td width="500" valign="top" bgcolor="red" onmouseover="this.style.background='black'" onmouseout="this.style.background='yellow'">
<marquee direction="left" marquee scrollamount="10"><font face="바탕" size="7" color="red">♡ 당신은 사랑 받기 위해 태어난 사람 ♡</font></marquee>
</td></tr></table>
자세히 보면 원래의 배경은 빨간색.. 마우스를 올렸을 때는 검은색.. 마우스를 내렸을 때는 노란색..
글씨가 보이지 않는 이유는 배경색과 같은 빨간색이기 때문이다. 이렇게 색상을 잘 조절하면 된다.
<table border="0" width="500">
<tr>
<td bgcolor="blue" onmouseover="this.style.background='white'" onmouseout="this.style.background='blue'">
<center>
<font face="굴림" size="2" color="blue">
하나님께서는 바로 당신 안에 거하시기 원하시며,<br>
그것도 결정적이고,<br>
핵심적인 자리를 차지하기를 원하십니다~<br>
</font>
</center>
</td></tr>
</table>
위에서는 배경과 글씨 그리고 마우스를 내렸을 때의 3곳의 색상을 같게 해주어야한다.
마우스를 올렸을 때의 색상만 다르면 위에처럼 마우스를 올릴 때 글이 나타나는 것으로 보인다.
◈ 쉐도우 글자 쓰기
쉐도우(shadow)는 그림자진 문자를 나타내는데 익스플로러에서만 가능하다.
▶ <span style="color:글자색상; font-size:글자크기pt; font-family:글씨체; font-weight:900; width:100%; height:20; Filter: shadow(color=그림자색상, direction=그림자각도)"> 쉐도우 글자 쓰기 </span>
글자의 색상과 글자의 크기 및 글씨체를 지정하고 또 그림자의 색상과 각도까지 바꿀 수 있다.
글자의 크기는 10단위로 적절히 조정하고 각도는 0시를 기점으로 시계방향으로 생각하면 쉽다.
예)<span style="color:white; font-size:20pt; font-family:돋움; font-weight:900; width:100%; height:20; Filter: shadow(color=hotpink, direction=135)"> 항상 기뻐하라!<p> 쉬지말고 기도하라!<p> 범사에 감사하라!</span>
예)<span style="font-family:돋움; font-size:12pt; font-weight:bold; color:tomato; width:100%; height:23; Filter:Shadow(color=orange, direction=225)"> 하나님의 뜻은 이것이니 너희의 거룩함이라 (데전 4:3) </span>
◈ 글로우 글자 쓰기
글로우(glow)는 노을진 듯한 문자를 나타내는데 역시 익스플로러에만 가능하다.
▶ <span style="color:글자색상; font-size:글자크기pt; font-family:글씨체; width:100%; height:20; Filter:Glow(color=글로우색상, strength:글로우두께)"> 글로우 글자 쓰기 </span>
글자의 색상과 글자의 크기 및 글씨체를 지정하고 또 그림자의 색상과 각도까지 바꿀 수 있다.
글자의 크기는 10단위로 적절히 조정하고 글로우 두께는 테두리의 두께로 생각하면 이해가 쉽다.
예)<span style="font-family:돋움; font-size:12pt; color:white; width:100%; height:20; Filter:Glow(color=steelblue, strength:2)">하나님을 경외하고 그 명령을 지킬찌어다 이것이 사람의 본분이니라 (전 12:14)</span>
예)<span style="font-family:돋움; font-size:10pt; color:white; width:100%; height:20; Filter:Glow(color=lightseagreen, strength:2)">여호와는 나의 목자시니 내가 부족함이 없으리로다<p> 그가 나를 푸른 초장에 누이시며 쉴 만한 물가으로 인도하시는도다<p> 내 영혼을 소생시키시고 자기 이름을 위하여 의의 길로 인도하시는 도다<p> 내가 사망의 음침한 골짜기로 다닐찌라도 해를 두려워하지 않을 것은 주께서 나와 함께하심이라<p>주의 지팡이와 막대기가 나를 안위하시나이다<p>주께서 내 원수의 목전에서 내게 상을 베푸시고 기름으로 내 머리에 바르셨으니 내 잔이 넘치나이다<p> 나의 평생에 선하심과 인자하심이 정녕 나를 따르리니<p> 내가 여호와의 집에 영원히 거하리로다. (시편 23편)</span>
◈ 현재 위치에서 다른 창 열기
<iframe src="사이트 주소" width="넓이" height="높이" frameborder="n"></iframe>
예) <center><iframe width="570" height="500" src="http://chicken.hosanna.net/main.asp" frameborder="1"></iframe></center>
이렇게 하면 호산나 넷의 닭살 돋는 묵상을 메일 볼 수 있다. 영양 듬뿍 닭 한 마리의 감동을 맛보라.
◈ 글씨에 마우스 올리면 배경색이 바뀐다.
* onmouseover라는 옵션을 사용해서 마우스를 가져가면 바탕화면이 바뀌게 할 수 있다.
<font onMouseOver=this.style.backgroundColor='마우스올라오면바뀔배경색' onMouseOut=this.style.backgroundColor='원래글자의배경색'> 글씨 쓰기 </font>
예) <font onmouseover="document.bgColor='green'">마우스를 다오</a></P>
<font onMouseOver=this.style.backgroundColor='red' onMouseOut=this.style.backgroundColor='white'>마우스를 위에 올려보라</font>
◈ 강제 이동시키기 메타태그
<meta http-equiv="refresh" content="초;url=이동할홈주소">
예) <META HTTP-EQUIV=Refresh CONTENT="5; URL=http://blog.naver.com/egodman">
◈ 홈페이지에 운영자메일과 시작페이지와 즐겨찾기 넣기
▶ 일반 아웃룩 메일을 연결하기
<a href="mailto:egodman@naver.com" target="blank"><img src=http://awe.com.ne.kr/image/small/top-email.gif border=0 style="position:absolute;left=1;top=10;z-index:1;" alt="Godman's View"></a>
▶ 폼메일이 있다면 위와 같이 설정해주고..
<a href="#" onclick="window.open('http://awe.com.ne.kr/mailto', 'player', 'toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, copyhistory=no,width=520, height=490,left=0,top=0');return false;"><img src=http://awe.com.ne.kr/image/small/top-email.gif border=0 style="position:absolute;left=1;top=10;z-index:1;" alt="Godman's View"></a>
▶ 시작페이지로 등록하기
<a href="#" style="cursor:hand" href onfocus="this.blur()" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.naver.com/egodman');"><img src=http://awe.com.ne.kr/image/small/top-home.gif border=0 style="position:absolute;left=80;top=10;z-index:2;" alt="Godman Bokan"></a>
▶ 즐겨찾기로 등록하기
<a href="#" onclick="{window.external.AddFavorite('http://blog.naver.com/egodman', 'Godman Bokan')}"><img src=http://awe.com.ne.kr/image/small/top-house.gif border=0 style="position:absolute;left=180;top=10;z-index:3;" alt="Godman Bokan"></a>
※ 위의 세 가지 용례에서 사용한 이미지의 위치는 절대값(absolute)을 주어 홈페이지의 좌측 꼭대기에 오도록 하였다. top, bottom, right, left의 속성을 사용해서 원하는 위치를 지정할 수 있다.
◈ 메타태그
meta tag는 자신의 문서를 남에게 보여주는 일정형식에 관한 정보를 나타낼 때 사용한다.
각종 검색엔진에서 검색로봇이 홈페이지를 찾아 나타나게 해주려면 meta tag의 사용은 필수적이다.
또한 여러분의 계정에 올려놓은 홈을 다른 계정으로 옮겼을 때에도 자동으로 이동 가능하게 해준다.
meta tag는 <head>와 </head> 사이에 넣어주면 된다.
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<META HTTP-EQUIV="refresh" CONTENT="10; URL="이동할 웹주소">
<META NAME="Description" CONTENT="홈페이지의 정의">
<META NAME="Keyword" CONTENT="홈페이지의 키워드">
<META NAME="Author" CONTENT="제작자의 이름">
▶ <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
이 것은 한글 전용으로 나타남을 뜻한다. 익스플로서의 경우는 이것이 정해지면 다른 언어는 깨져 보이는 경우가 있는데 브라우저에서 한글표현이 자유롭도록 만들어주는 태그이다.
참고로 CHARSET=ISO-8859-1은 영어권 전용을 의미한다.
▶ <META HTTP-EQUIV="refresh" CONTENT="5; URL="이동할 웹주소">
첫 화면에서 많이 사용하는데 일정한 시간이 지나면 자동으로 다른 페이지로 넘어가게 한다.
그래서 위의 태그는 5초가 지나면 지정한 URL로 이동을 하게 된다.
홈페이지를 옮겼을 경우 또는 기존의 도메인에서 바뀐 도메인으로 이동할 때도 사용된다.
▶ <META NAME="Description" CONTENT="홈페이지의 정의">
여러분의 홈에서 가장 핵심적인 단어 혹은 주제어 또는 도메인등을 넣어주면 된다.
▶ <META NAME="Keyword" CONTENT="홈페이지의 키워드">
홈페이지가 어떤 내용으로 구성된 것인지 알도록 검색로봇이 웹페이지를 인식하게 한다.
홈페이지를 나타내는 키워드는 가급적 많이 입력해 주면 좋다 그리고 같은 단어를 반복해서 사용하면 검색 키워드와의 일치도가 높아져서 다른 홈페이지보다 먼저 나타나도록 할 수 있다.
키워드는 각각을 콤마로 나열해 주면 된다. 예) 홈페이지 강좌, HTML, JAVA
▶ <META NAME="Author" CONTENT="제작자의 이름">
여기에는 홈페이지를 만든 사람의 이름이나 회사명등을 넣어주면 되겠다.
◈ 태그를 출력하는 방법
<xmp> ~ </xmp>
이것은 '태그출력태그'라고도 한다.
<xmp><font color=red>여러분 사랑해요</font></xmp>
◈ 팝업창 띄우기
먼저 새로운 웹페이지를 만들어야한다.
공지사항을 웹페이지형태로 만들어 홈피나 클럽에 업로드 해야한다.
즉 새로운 파일을 생성하는 것이다 (.html 또는 .htm으로 업로드함).
새롭게 생성된 웹페이지를 띄우기 위해 아래에 있는 스크립을 초기화면의 HEAD사이에 넣는다.
물론 새롭게 뜰 웹페이지주소를 아래의 스크립에서 지정 해주어야한다. (URL을 지정해 주라.)
<script> window.open('http://사이트의 주소','Remote','width=323,height=315,scrollbars=0'); </script>
※ 팝업창 크기를 적절히 지정하고 스크롤바는 scrollbars=0(no)의 수치를 1(yes)로 바꾸면 생성이 된다.
◈ 먼저, 기호문자(☆♡☜♬)와 한자(漢字) 쓰기
먼저 쓰고 싶은 곳에서 한글 'ㅁ'자를 누르고 한자버튼을 누른다.
그러면 아래에 아이콘 표시가 나오는데 방향키로 오른쪽을 누르면 몇 개가 더 있다.
그 중에서 선택하여 지정 번호를 누르면 원하는 것으로 변경이 된다.
이런 것은 각 자음마다 있으며 항상 한자버튼을 눌러서 다양한 기호문자를 사용하는 것이다.
(ㄱ: 기호, ㄴ:괄호, ㄷ:수학기호, ㄹ:단위, ㅁ:도형, ㅂ:괘선, ㅅ:원문자 ㅇ:원영문자, ㅈ:로마숫자..)
예) ※☆★○●◎◆□■△▼↑↓↔〓◁◀♤♠♡♥♧♣⊙◈▣◐◑♨☏☎☜등 무수히 많이 있다.
한자를 사용해야 할 때는 일단 한글로 한 개의 글자를 먼저 입력한다.
기호문자를 만들 때처럼 한자버튼을 누르면 역시 아래에 한자 표기가 나온다.
같은 방법으로 방향키를 이용해서 알맞은 한자를 찾은 후 번호로 지정해 준다.
워드 프로그램과는 달리 한 글자씩만 입력이 가능하므로 연속적인 한자는 수고를 해야한다.
예) 간담상조(肝膽相照), 관포지교(管鮑之交), 금란지계(金蘭之契), 단금지교(斷金之交), 막역지우(莫逆之友), 문경지교(刎頸之交), 수어지교(水魚之交), 죽마고우(竹馬故友), 지음(知音)등의 한자어는 절친한 친구관계를 뜻한다.
◈ 홈피나 카페의 내부를 보자
홈페이지나 카페가 멋져서 html을 보고 싶으면, 빈 바탕에 마우스를 대고 오른쪽 버튼을 누르면 중간 즈음에 '소스보기'라고 있다. 그것을 누르면 그 화면에 나와 있는 모든 것의 html이 텍스트 문서로 뜬다. 그것을 자세히 보면 맨 위에서 반절까지는 홈의 소스이고 중간부터는 그 화면의 소스 이다.
이제 소스를 천천히 내려서 보시면 여러분이 보았던 글의 html을 찾을 수 있을 것이다. 이렇게 해서 예쁜 홈과 카페에 html이 어떻게 적용되었나 살펴보면서 배워 나가는 것이다.
이것을 알면 좋은 내용의 글을 자기네 게시판으로 퍼올 수 있겠죠? ^^
보통은 한 개의 (table)에서 (/table)까지인데 내용에 따라 짧을 수도 있지만 길 수도 있다.
어렵다면 그냥 게시판의 내용에 들어가서 답변하기나 수정버튼을 눌러 보라. 그러면 그 내용만의 html을 볼 수 있는데 앞에 점 같은 것(>> ::)은 지워서 깔끔하게 정리해서 사용하면 된다.
※ 퍼올 때 유의할 점을 알자
먼저, 제목은 요란하지 않고 깔끔하게 하는 것이 좋다.
일반적으로 내용은 (table...) ~~~ (/table)까지 복사한다고 했죠?
보통 소스를 복사해서 옮겨 넣으면 table(전체내용)이 왼쪽으로 쏠려있는 것을 볼 수 있는데 이것은 center라는 태그를 처음(center)과 끝(/center)에 써넣어서 중간에 정렬시키면 된다.
홈을 그대로 모방하면 비양심적인 행위이겠죠? 우리들은 배운 것으로 창조하자.
상업적인 홈을 그대로 퍼가는 것은 무단전제로서 분명한 위법행위가 되어 곤란하다.
개인의 땀과 노력이 들어간 독창적인 글은 반드시 그 작가나 출처를 밝혀주는 것이 예의이다.
요즘은 그 출처를 알기가 어려운 내용이 많이 있지만 근거 없는 비방이나 동조는 말아야겠다.
그리고 때로는 소스를 보고 내용을 적절히 수정하거나 더하는 것이 현명한 방법이 될 수 있다.
상업적인 용도로 제작된 Real파일이나 MP3파일등을 클럽에 올리는 것은 불가하다.
(저작권 침해 관련 음원파일(RA, RM, WAV)과 MP3 파일을 강제삭제한 사례있음.)
플래쉬나 동영상은 홍보를 위해 출처가 자체에 명시되어 있다면 별문제가 없을 것이다.
음악파일은 손쉽게 만들수 있지만 저작권침해가 될 수 있다는 것을 염두해 두어야 한다.
어느 사이트를 가든지 그 사이트의 내부방침이나 제한 사항 등에 주의하도록 하자.
퍼올 때는 엄선하여 유익하고 좋은 것만 가져오는 것이 모두에 도움이 될 것이다.
그렇지 않으면 복잡한 게시판을 만들게 되고 친구들의 마음을 읽을 수 있는 소중한 글들은 자리를 잃게 될 것이다.
■ 여기서 이미지 저장 및 자료 올리기를 연습해보라.
<img src=http://awe.com.ne.kr/image/picture/garden-forest.jpg>
▶ 이미지 저장하기
위의 그림 위에서...
마우스 우측을 클릭. --> '다른 이름으로 그림 저장(S)' 선택.
그러면 그림저장 파일선택상자가 뜬다.
위치(i)에서..
C:드라이브(C:)를 선택. --> 폴더(예: My Documents)를 지정한다.
파일이름(예:forest)을 적절히 영문으로 지정한 후 파일형식(예:jpg)를 지정합니다.
파일이름과 파일형식은 원래 있는 것을 저장할 때는 자동으로 인식되어진다.
마지막으로 '저장'을 클릭하면 자신의 컴퓨터내의 지정한 위치에 파일이 저장된다.
※ 경로설정을 쉽게 하려면 쉬운 이름의 폴더를 따로 만들어 사용하면 좋다.
▶ 자료실에 자료를 올린다는 것은..
내컴에 있는 자료를 인터넷을 통해 다른 컴(호산나넷의 클럽)에 올리는 것을 의미한다.
그래서 반드시 자신의 컴에 올릴 자료를 보관 혹은 저장하고 있어야 한다.
(사진은 스케너로 스캔해서 이미지 파일로 만든후 자신의 컴에 저장한다.)
파일경로라는 것은 바로 자신의 컴에 보관된 자료의 위치를 얘기하는 것이다.
우측에 있는 '찾아보기' 단추를 클릭하면 파일선택상자가 뜨는데 이것은 자신의 컴의 모든 파일의 위치를 보여준다.
거기서 자신의 컴에 저장된 자료를 지정해서 '열기' 단추를 클릭하면 경로가 설정이 된다.
그리고 내용란에 간단한 설명을 한 후 '확인'을 클릭하면 자료가 클럽 게시판에 저장된다.
※ 경로설정만 잘하면 다른 모든 자료들은 위와 같은 방법으로 자유롭게 할 수 있다.
◈ 나만의 멋진 메일을 만들어보자.
이제 우리 그리스도인들은 메일 하나를 보낼 때에도 달라야 하겠다.
하나님의 말씀으로 인사하고 말씀으로 평안을 빌며 축복하는 것은 정말 좋은 일이다.
메일을 보낼 때 이미지와 배경음악등이 저절로 나타나게 할 수 있다면 유용하게 쓸 수 있다.
이것을 통해서 우리가 늘 사용하는 메일을 말씀의 편지와 은혜의 나눔이 되도록 하는 것이다..
호산나 메일은 '환경설정'에 '서명관리'라는 조절란이 있는데 여기에 간단한 소스를 저장하시면 메일을 보낼 때마다 받는 사람 쪽에 저절로 나타나게 된다.
이 것은 일반 텍스트로 보내든 HTML 형태로 보내든 관계가 없으며 다른 메일에도 있다.
이름이나 연락처등을 넣어도 되고 링크시키는 것도 가능하며 특별한 날이나 계절에 따라서 내용을 적절히 수정하면 멋진 메일을 보낼 수 있다.
만일 이것이 불필요한 때라면 메일을 보낼 때 아래에 있는 '서명파일'에 '첨부안함'을 설정하면 된다.
말씀: <font color=tomato>우리가 사랑함은 그가 먼저 우리를 사랑하셨음이라 (요일 4:19)</font>
인사: <font color=steelblue>하나님의 말씀과 은혜를 사모하는 자 보칸이 보냅니다. 평안하세요!</font>
구분선: <img src=http://awe.com.ne.kr/image/line/plant-flower.gif>
배경화면: <style>{background:url(http://awe.com.ne.kr/image/back/check-flower.gif)}</style>
자바스크립트: <script src="http://awe.com.ne.kr/srcrpt/js/fly-flower.js"></script>
배경음악: <bgsound src="http://163.180.97.100/sound/asf/박종호/일어나주위해서라.asf>
◈ 주소표시줄 활용하기 (자바파일 업로드)
<script src=http://파일주소.js></script>
지금까지는 우리들은 한 줄 자바소스를 그대로 홈에 넣어서 사용하였다.
이러다 보면 원래파일의 위치가 변경 또는 삭제됨과 동시에 자료는 소실된다.
이미지, 음악, 플래쉬. 동영상등의 실행파일을 복사해서 브라우져의 주소표시줄에 붙여 넣어 보라.
그리고 엔터키를 치면 각각의 파일들이 그대로 실행되어지는 것을 볼 수 있다.
보통 A 태그와 같이 링크된 각 파일의 주소를 찾아가게 해주는 역할을 한다. 이와 같은 방법으로 자바나 실행파일을 주소표시줄에 붙여넣게되면 다운을 받을 수 있도록 파일다운로드창이 뜬다.
그럼 다른 이름으로 저장을 클릭해서 자신의 컴에 저장을 한 후 이것을 다시 홈페이지나 클럽에 업로드 한다.
실례) <script src=http://awe.com.ne.kr/java/fly-flower.js></script>
그럼 지금 사방으로 흩어지는 꽃잎을 예로 위의 파일(http://awe.com.ne.kr/script/js/fly-flower.js)을 복사해서 주소표시줄에 붙여 넣고 엔터키를 쳐보라.
다운받아서 홈페이지나 클럽에 올릴때는 새롭게 파일주소를 새롭게 지정해주어야 비로서 자신의 파일이 된다.
그럼 두 줄이상 .. 혹 수 십줄은 어떻게 자신의 것으로 하나요?
자바스크립 파일주소(http://~~.js)가 있는 것만 다운을 받아 새롭게 올려주시면 되고 나머지 소스는 그대로 사용하면 된다. 물론 파일이 없는 것은 소스를 그대로 사용한다. ^^*
◈ 인터넷 단축키 활용하기
컴을 잘 다루는 사람들을 보면 굉장히 빠르게 작업하는 것을 볼 수 있다.
이것은 바로 마우스를 사용하지 않고 단축키를 익혀서 사용하기 때문이다.
그럼, 여기서 인터넷을 사용함에 있어서 필수적인 것들을 익혀보자.
처음에는 어색할지 모르지만 몇 번 사용해서 익숙해지면 너무나 편리하다.
처음, 아이콘 익스플로를 실행한다. (윈도우키로 대체가능: Window+P+I)
만일, 화면에 가득차지 않았다면 확장버튼을 눌러야겠지만 이제부터는 마칠 때까지 모두 단축키로만 사용한다.
1. 화면을 최대화: Alt + Shift + X
'+'는 순서대로 하라는 뜻인데 앞에 것부터 차례대로 누른다.
그러니까 Alt(알트), Shift(쉬프트), X를 차례대로 한 번씩만 누르면 된다.
자판을 보면 왼손의 2(검지)3(중지)4(약지)번 손가락으로 삼각형을 그리듯 누른다.
2. 주소입력창 띄우기: Ctrl * O
'*'는 동시에 누르는 것을 뜻하는데 앞에 것을 누르고 있는 상태에서 뒤에 것을 눌러주면 된다.
그러니까 왼손 5번(소지)로 Ctrl(컨츄럴)를 누른 상태에서 오른손의 4번(약지)로 'O'를 누른다.
그러면 인터넷 주소입력창이 열리는데 주소 입력 후에 바로 엔터키를 누른다.
(http://www는 칠필요 없이 그냥 hosanna.net만 치면된다.)
3. 자신이 원하는 메뉴 찾아가기: Tab
Tab(탭)키를 몇 번 혹은 계속 누르고 있어보라.
그러면 빠른 속도로 커서가 위에서부터 훑어 내려진다.
너무 오래 누르고 있으면 자신이 선택할 메뉴를 그냥 지나가게 된다.
이때는 엄지로 Alt를 누른 상태에서 검지로 Tab을 몇 번 눌러 제자리를 찾아간다.
그런 후 엔터키를 치시면 된다.
4. 페이지를 볼때: Alt * 방향키(좌우)
alt를 누른채로 좌우 방향키를 누르면 이전 또는 다음 페이지로 쉽게 전환할 수 있다.
Ctrl을 누른채로 Tab키를 누르면 한 화면에서 부분별로 이동을 가능하게 해준다.
Page Up과 Page Down이나 방향키를 사용해서 스크롤바를 움직이는 것을 대신할 수 있다.
5. 새로운 창 열기: Ctrl * N
현재보고 있는 창을 하나 더 열기 위해서는 왼손의 소지와 검지를 벌려서 Ctrl과 N을 동시에 누른다.
6. 다른 창을 보기: Alt * Tab
Alt키를 누른 상태에서 Tab키를 한번 혹은 그 이상을 누르면 윈도우상에서 여러 개 띄워놓은 창들을 바꾸어 주게된다.
창의 내용도 설명해주기 때문에 쉽게 자신이 지금 쓰고자 하는 창을 활성화 시켜주는 역할을 하므로 아주 유용합니다.
7. 마지막 닫기: Alt * F4 또는 Alt + Shift + C
Alt와 F4를 오른손 엄지와 중지를 벌려서 동시에 누른다.
또 다른 방법으로는 왼손으로 Alt, Shift, C를 차례대로 눌러주면 된다.
위의 7가지는 웹서핑을 할 때 가장 많이 쓰이는 것이니 반드시 외우기를 바란다.
아래에 8~9 까지는 워드프로그램을 사용할 때 익숙한 것도 있는데 참고해서 익혀보라.
8. Ctrl키와 함께 사용하는 것들
Ctrl*C : 복사하기 Ctrl*X : 잘라내기 Ctrl*Z : 실행취소
Ctrl*V : 붙여넣기 Ctrl*D : 즐겨찾기 추가 Ctrl*Esc : 시작메뉴 표시
Ctrl*Tab : 한 프로그램 내에서 여러 창을 띄었을 때 그 프로그램 내에서 이동하기.
Ctrl*Alt*Delete : 애러가 발생한 프로그램 종료하기 또는 시스템 종료하기.
9. Alt키와 함께 사용하는 것들
Alt*F4 : 현재창을 닫거나 프로그램 종료하기.
Alt*스페이스바 : 현재창의 시스템 메뉴 표시하기.
Alt*하이픈(-) : MDI 프로그램의 시스템 메뉴표시하기.
Alt*Tab : alt키를 누른 채 tab키를 눌러 다른 창으로 전환하기.
Alt*방향키 좌,우 : 인터넷에서 이전 또는 다음 페이지로 전환하기.
Alt*Enter : 도스창이나, 동영상 같은 것을 볼 때 전체 화면으로 표시하기.
10. 기타 참고할만한 것들
Shift*Del : 휴지통에 버리지 않고 바로 삭제하기.
Shift 누르고 CD넣기 : CD의 자동실행을 막아줍니다.
Shift*F10 : 메뉴 항목을 표시해줌. (마우스 우측 잠금장치 해제로 소스보기 가능함)
window 로고키*F : '찾기:모든파일'을 표시하기.
window*E : window 탐색기를 표시하기.
window*D : 모든 창을 최소화하거나 이전크기로 하기.
F5 : 새로고침 (현제 읽고 있는 창을 다시 읽기)
▶ <a href=""onmouseover="alert('안녕하세요!')"> 여기를 스쳐봐요. </a>
* onmousover는 어떠한 객체 위에 마우스포인트가 올려지면 발생한다.
예) <a href=""onmouseover="alert('안녕하세요!')"><img src=http://awe.com.ne.kr/image/middle/flower-rose.gif border=0></a>
글 대신 이미지를 넣어도 되는데 이렇게 여러 가지로 응용면 유용하게 사용할 수 있다.
◈ 마우스로 긁으면 보이는 글씨
<font color="white"><span style="background-color:white;"> 너는 시냇가에 심은 나무라~ </span></font>
이것은 글씨의 색을 원 바탕색과 같게 한 후 마우스로 영역을 지정하면 나타나는 색으로 글씨를 보이게 해주는 것이다.
◈ 마우스를 올리면 크기가 변하는 글씨
<p style=font-size:24 onMouseOver=this.style.fontSize=50 onMouseOut=this.style.fontSize=20><b>Jesus is the way, the true, and the life.</b></p>
마우스를 올렸을 때 크기와 내렸을 때 크기를 서로 다르게 지정해주면 된다.
onmousover는 마우스를 올렸을 때의 속성을 onmouseout는 마우스를 내렸을 때의 속성을 나타낸다.
◈ 마우스포인트를 위에 올리면 보이는 글씨
<table border="3" width="500"><br>
<tr><br>
<td width="500" valign="top" bgcolor="red" onmouseover="this.style.background='black'" onmouseout="this.style.background='yellow'">
<marquee direction="left" marquee scrollamount="10"><font face="바탕" size="7" color="red">♡ 당신은 사랑 받기 위해 태어난 사람 ♡</font></marquee>
</td></tr></table>
자세히 보면 원래의 배경은 빨간색.. 마우스를 올렸을 때는 검은색.. 마우스를 내렸을 때는 노란색..
글씨가 보이지 않는 이유는 배경색과 같은 빨간색이기 때문이다. 이렇게 색상을 잘 조절하면 된다.
<table border="0" width="500">
<tr>
<td bgcolor="blue" onmouseover="this.style.background='white'" onmouseout="this.style.background='blue'">
<center>
<font face="굴림" size="2" color="blue">
하나님께서는 바로 당신 안에 거하시기 원하시며,<br>
그것도 결정적이고,<br>
핵심적인 자리를 차지하기를 원하십니다~<br>
</font>
</center>
</td></tr>
</table>
위에서는 배경과 글씨 그리고 마우스를 내렸을 때의 3곳의 색상을 같게 해주어야한다.
마우스를 올렸을 때의 색상만 다르면 위에처럼 마우스를 올릴 때 글이 나타나는 것으로 보인다.
◈ 쉐도우 글자 쓰기
쉐도우(shadow)는 그림자진 문자를 나타내는데 익스플로러에서만 가능하다.
▶ <span style="color:글자색상; font-size:글자크기pt; font-family:글씨체; font-weight:900; width:100%; height:20; Filter: shadow(color=그림자색상, direction=그림자각도)"> 쉐도우 글자 쓰기 </span>
글자의 색상과 글자의 크기 및 글씨체를 지정하고 또 그림자의 색상과 각도까지 바꿀 수 있다.
글자의 크기는 10단위로 적절히 조정하고 각도는 0시를 기점으로 시계방향으로 생각하면 쉽다.
예)<span style="color:white; font-size:20pt; font-family:돋움; font-weight:900; width:100%; height:20; Filter: shadow(color=hotpink, direction=135)"> 항상 기뻐하라!<p> 쉬지말고 기도하라!<p> 범사에 감사하라!</span>
예)<span style="font-family:돋움; font-size:12pt; font-weight:bold; color:tomato; width:100%; height:23; Filter:Shadow(color=orange, direction=225)"> 하나님의 뜻은 이것이니 너희의 거룩함이라 (데전 4:3) </span>
◈ 글로우 글자 쓰기
글로우(glow)는 노을진 듯한 문자를 나타내는데 역시 익스플로러에만 가능하다.
▶ <span style="color:글자색상; font-size:글자크기pt; font-family:글씨체; width:100%; height:20; Filter:Glow(color=글로우색상, strength:글로우두께)"> 글로우 글자 쓰기 </span>
글자의 색상과 글자의 크기 및 글씨체를 지정하고 또 그림자의 색상과 각도까지 바꿀 수 있다.
글자의 크기는 10단위로 적절히 조정하고 글로우 두께는 테두리의 두께로 생각하면 이해가 쉽다.
예)<span style="font-family:돋움; font-size:12pt; color:white; width:100%; height:20; Filter:Glow(color=steelblue, strength:2)">하나님을 경외하고 그 명령을 지킬찌어다 이것이 사람의 본분이니라 (전 12:14)</span>
예)<span style="font-family:돋움; font-size:10pt; color:white; width:100%; height:20; Filter:Glow(color=lightseagreen, strength:2)">여호와는 나의 목자시니 내가 부족함이 없으리로다<p> 그가 나를 푸른 초장에 누이시며 쉴 만한 물가으로 인도하시는도다<p> 내 영혼을 소생시키시고 자기 이름을 위하여 의의 길로 인도하시는 도다<p> 내가 사망의 음침한 골짜기로 다닐찌라도 해를 두려워하지 않을 것은 주께서 나와 함께하심이라<p>주의 지팡이와 막대기가 나를 안위하시나이다<p>주께서 내 원수의 목전에서 내게 상을 베푸시고 기름으로 내 머리에 바르셨으니 내 잔이 넘치나이다<p> 나의 평생에 선하심과 인자하심이 정녕 나를 따르리니<p> 내가 여호와의 집에 영원히 거하리로다. (시편 23편)</span>
◈ 현재 위치에서 다른 창 열기
<iframe src="사이트 주소" width="넓이" height="높이" frameborder="n"></iframe>
예) <center><iframe width="570" height="500" src="http://chicken.hosanna.net/main.asp" frameborder="1"></iframe></center>
이렇게 하면 호산나 넷의 닭살 돋는 묵상을 메일 볼 수 있다. 영양 듬뿍 닭 한 마리의 감동을 맛보라.
◈ 글씨에 마우스 올리면 배경색이 바뀐다.
* onmouseover라는 옵션을 사용해서 마우스를 가져가면 바탕화면이 바뀌게 할 수 있다.
<font onMouseOver=this.style.backgroundColor='마우스올라오면바뀔배경색' onMouseOut=this.style.backgroundColor='원래글자의배경색'> 글씨 쓰기 </font>
예) <font onmouseover="document.bgColor='green'">마우스를 다오</a></P>
<font onMouseOver=this.style.backgroundColor='red' onMouseOut=this.style.backgroundColor='white'>마우스를 위에 올려보라</font>
◈ 강제 이동시키기 메타태그
<meta http-equiv="refresh" content="초;url=이동할홈주소">
예) <META HTTP-EQUIV=Refresh CONTENT="5; URL=http://blog.naver.com/egodman">
◈ 홈페이지에 운영자메일과 시작페이지와 즐겨찾기 넣기
▶ 일반 아웃룩 메일을 연결하기
<a href="mailto:egodman@naver.com" target="blank"><img src=http://awe.com.ne.kr/image/small/top-email.gif border=0 style="position:
▶ 폼메일이 있다면 위와 같이 설정해주고..
<a href="#" onclick="window.open('http://awe.com.ne.kr/mailto', 'player', 'toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, copyhistory=no,width=520, height=490,left=0,top=0');return false;"><img src=http://awe.com.ne.kr/image/small/top-email.gif border=0 style="position:
▶ 시작페이지로 등록하기
<a href="#" style="cursor:hand" href onfocus="this.blur()" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.naver.com/egodman');"><img src=http://awe.com.ne.kr/image/small/top-home.gif border=0 style="position:
▶ 즐겨찾기로 등록하기
<a href="#" onclick="{window.external.AddFavorite('http://blog.naver.com/egodman', 'Godman Bokan')}"><img src=http://awe.com.ne.kr/image/small/top-house.gif border=0 style="position:
※ 위의 세 가지 용례에서 사용한 이미지의 위치는 절대값(absolute)을 주어 홈페이지의 좌측 꼭대기에 오도록 하였다. top, bottom, right, left의 속성을 사용해서 원하는 위치를 지정할 수 있다.
◈ 메타태그
meta tag는 자신의 문서를 남에게 보여주는 일정형식에 관한 정보를 나타낼 때 사용한다.
각종 검색엔진에서 검색로봇이 홈페이지를 찾아 나타나게 해주려면 meta tag의 사용은 필수적이다.
또한 여러분의 계정에 올려놓은 홈을 다른 계정으로 옮겼을 때에도 자동으로 이동 가능하게 해준다.
meta tag는 <head>와 </head> 사이에 넣어주면 된다.
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<META HTTP-EQUIV="refresh" CONTENT="10; URL="이동할 웹주소">
<META NAME="Description" CONTENT="홈페이지의 정의">
<META NAME="Keyword" CONTENT="홈페이지의 키워드">
<META NAME="Author" CONTENT="제작자의 이름">
▶ <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
이 것은 한글 전용으로 나타남을 뜻한다. 익스플로서의 경우는 이것이 정해지면 다른 언어는 깨져 보이는 경우가 있는데 브라우저에서 한글표현이 자유롭도록 만들어주는 태그이다.
참고로 CHARSET=ISO-8859-1은 영어권 전용을 의미한다.
▶ <META HTTP-EQUIV="refresh" CONTENT="5; URL="이동할 웹주소">
첫 화면에서 많이 사용하는데 일정한 시간이 지나면 자동으로 다른 페이지로 넘어가게 한다.
그래서 위의 태그는 5초가 지나면 지정한 URL로 이동을 하게 된다.
홈페이지를 옮겼을 경우 또는 기존의 도메인에서 바뀐 도메인으로 이동할 때도 사용된다.
▶ <META NAME="Description" CONTENT="홈페이지의 정의">
여러분의 홈에서 가장 핵심적인 단어 혹은 주제어 또는 도메인등을 넣어주면 된다.
▶ <META NAME="Keyword" CONTENT="홈페이지의 키워드">
홈페이지가 어떤 내용으로 구성된 것인지 알도록 검색로봇이 웹페이지를 인식하게 한다.
홈페이지를 나타내는 키워드는 가급적 많이 입력해 주면 좋다 그리고 같은 단어를 반복해서 사용하면 검색 키워드와의 일치도가 높아져서 다른 홈페이지보다 먼저 나타나도록 할 수 있다.
키워드는 각각을 콤마로 나열해 주면 된다. 예) 홈페이지 강좌, HTML, JAVA
▶ <META NAME="Author" CONTENT="제작자의 이름">
여기에는 홈페이지를 만든 사람의 이름이나 회사명등을 넣어주면 되겠다.
◈ 태그를 출력하는 방법
<xmp> ~ </xmp>
이것은 '태그출력태그'라고도 한다.
<xmp><font color=red>여러분 사랑해요</font></xmp>
◈ 팝업창 띄우기
먼저 새로운 웹페이지를 만들어야한다.
공지사항을 웹페이지형태로 만들어 홈피나 클럽에 업로드 해야한다.
즉 새로운 파일을 생성하는 것이다 (.html 또는 .htm으로 업로드함).
새롭게 생성된 웹페이지를 띄우기 위해 아래에 있는 스크립을 초기화면의 HEAD사이에 넣는다.
물론 새롭게 뜰 웹페이지주소를 아래의 스크립에서 지정 해주어야한다. (URL을 지정해 주라.)
<script> window.open('http://사이트의 주소','Remote','width=323,height=315,scrollbars=0'); </script>
※ 팝업창 크기를 적절히 지정하고 스크롤바는 scrollbars=0(no)의 수치를 1(yes)로 바꾸면 생성이 된다.
◈ 먼저, 기호문자(☆♡☜♬)와 한자(漢字) 쓰기
먼저 쓰고 싶은 곳에서 한글 'ㅁ'자를 누르고 한자버튼을 누른다.
그러면 아래에 아이콘 표시가 나오는데 방향키로 오른쪽을 누르면 몇 개가 더 있다.
그 중에서 선택하여 지정 번호를 누르면 원하는 것으로 변경이 된다.
이런 것은 각 자음마다 있으며 항상 한자버튼을 눌러서 다양한 기호문자를 사용하는 것이다.
(ㄱ: 기호, ㄴ:괄호, ㄷ:수학기호, ㄹ:단위, ㅁ:도형, ㅂ:괘선, ㅅ:원문자 ㅇ:원영문자, ㅈ:로마숫자..)
예) ※☆★○●◎◆□■△▼↑↓↔〓◁◀♤♠♡♥♧♣⊙◈▣◐◑♨☏☎☜등 무수히 많이 있다.
한자를 사용해야 할 때는 일단 한글로 한 개의 글자를 먼저 입력한다.
기호문자를 만들 때처럼 한자버튼을 누르면 역시 아래에 한자 표기가 나온다.
같은 방법으로 방향키를 이용해서 알맞은 한자를 찾은 후 번호로 지정해 준다.
워드 프로그램과는 달리 한 글자씩만 입력이 가능하므로 연속적인 한자는 수고를 해야한다.
예) 간담상조(肝膽相照), 관포지교(管鮑之交), 금란지계(金蘭之契), 단금지교(斷金之交), 막역지우(莫逆之友), 문경지교(刎頸之交), 수어지교(水魚之交), 죽마고우(竹馬故友), 지음(知音)등의 한자어는 절친한 친구관계를 뜻한다.
◈ 홈피나 카페의 내부를 보자
홈페이지나 카페가 멋져서 html을 보고 싶으면, 빈 바탕에 마우스를 대고 오른쪽 버튼을 누르면 중간 즈음에 '소스보기'라고 있다. 그것을 누르면 그 화면에 나와 있는 모든 것의 html이 텍스트 문서로 뜬다. 그것을 자세히 보면 맨 위에서 반절까지는 홈의 소스이고 중간부터는 그 화면의 소스 이다.
이제 소스를 천천히 내려서 보시면 여러분이 보았던 글의 html을 찾을 수 있을 것이다. 이렇게 해서 예쁜 홈과 카페에 html이 어떻게 적용되었나 살펴보면서 배워 나가는 것이다.
이것을 알면 좋은 내용의 글을 자기네 게시판으로 퍼올 수 있겠죠? ^^
보통은 한 개의 (table)에서 (/table)까지인데 내용에 따라 짧을 수도 있지만 길 수도 있다.
어렵다면 그냥 게시판의 내용에 들어가서 답변하기나 수정버튼을 눌러 보라. 그러면 그 내용만의 html을 볼 수 있는데 앞에 점 같은 것(>> ::)은 지워서 깔끔하게 정리해서 사용하면 된다.
※ 퍼올 때 유의할 점을 알자
먼저, 제목은 요란하지 않고 깔끔하게 하는 것이 좋다.
일반적으로 내용은 (table...) ~~~ (/table)까지 복사한다고 했죠?
보통 소스를 복사해서 옮겨 넣으면 table(전체내용)이 왼쪽으로 쏠려있는 것을 볼 수 있는데 이것은 center라는 태그를 처음(center)과 끝(/center)에 써넣어서 중간에 정렬시키면 된다.
홈을 그대로 모방하면 비양심적인 행위이겠죠? 우리들은 배운 것으로 창조하자.
상업적인 홈을 그대로 퍼가는 것은 무단전제로서 분명한 위법행위가 되어 곤란하다.
개인의 땀과 노력이 들어간 독창적인 글은 반드시 그 작가나 출처를 밝혀주는 것이 예의이다.
요즘은 그 출처를 알기가 어려운 내용이 많이 있지만 근거 없는 비방이나 동조는 말아야겠다.
그리고 때로는 소스를 보고 내용을 적절히 수정하거나 더하는 것이 현명한 방법이 될 수 있다.
상업적인 용도로 제작된 Real파일이나 MP3파일등을 클럽에 올리는 것은 불가하다.
(저작권 침해 관련 음원파일(RA, RM, WAV)과 MP3 파일을 강제삭제한 사례있음.)
플래쉬나 동영상은 홍보를 위해 출처가 자체에 명시되어 있다면 별문제가 없을 것이다.
음악파일은 손쉽게 만들수 있지만 저작권침해가 될 수 있다는 것을 염두해 두어야 한다.
어느 사이트를 가든지 그 사이트의 내부방침이나 제한 사항 등에 주의하도록 하자.
퍼올 때는 엄선하여 유익하고 좋은 것만 가져오는 것이 모두에 도움이 될 것이다.
그렇지 않으면 복잡한 게시판을 만들게 되고 친구들의 마음을 읽을 수 있는 소중한 글들은 자리를 잃게 될 것이다.
■ 여기서 이미지 저장 및 자료 올리기를 연습해보라.
<img src=http://awe.com.ne.kr/image/picture/garden-forest.jpg>
▶ 이미지 저장하기
위의 그림 위에서...
마우스 우측을 클릭. --> '다른 이름으로 그림 저장(S)' 선택.
그러면 그림저장 파일선택상자가 뜬다.
위치(i)에서..
C:드라이브(C:)를 선택. --> 폴더(예: My Documents)를 지정한다.
파일이름(예:forest)을 적절히 영문으로 지정한 후 파일형식(예:jpg)를 지정합니다.
파일이름과 파일형식은 원래 있는 것을 저장할 때는 자동으로 인식되어진다.
마지막으로 '저장'을 클릭하면 자신의 컴퓨터내의 지정한 위치에 파일이 저장된다.
※ 경로설정을 쉽게 하려면 쉬운 이름의 폴더를 따로 만들어 사용하면 좋다.
▶ 자료실에 자료를 올린다는 것은..
내컴에 있는 자료를 인터넷을 통해 다른 컴(호산나넷의 클럽)에 올리는 것을 의미한다.
그래서 반드시 자신의 컴에 올릴 자료를 보관 혹은 저장하고 있어야 한다.
(사진은 스케너로 스캔해서 이미지 파일로 만든후 자신의 컴에 저장한다.)
파일경로라는 것은 바로 자신의 컴에 보관된 자료의 위치를 얘기하는 것이다.
우측에 있는 '찾아보기' 단추를 클릭하면 파일선택상자가 뜨는데 이것은 자신의 컴의 모든 파일의 위치를 보여준다.
거기서 자신의 컴에 저장된 자료를 지정해서 '열기' 단추를 클릭하면 경로가 설정이 된다.
그리고 내용란에 간단한 설명을 한 후 '확인'을 클릭하면 자료가 클럽 게시판에 저장된다.
※ 경로설정만 잘하면 다른 모든 자료들은 위와 같은 방법으로 자유롭게 할 수 있다.
◈ 나만의 멋진 메일을 만들어보자.
이제 우리 그리스도인들은 메일 하나를 보낼 때에도 달라야 하겠다.
하나님의 말씀으로 인사하고 말씀으로 평안을 빌며 축복하는 것은 정말 좋은 일이다.
메일을 보낼 때 이미지와 배경음악등이 저절로 나타나게 할 수 있다면 유용하게 쓸 수 있다.
이것을 통해서 우리가 늘 사용하는 메일을 말씀의 편지와 은혜의 나눔이 되도록 하는 것이다..
호산나 메일은 '환경설정'에 '서명관리'라는 조절란이 있는데 여기에 간단한 소스를 저장하시면 메일을 보낼 때마다 받는 사람 쪽에 저절로 나타나게 된다.
이 것은 일반 텍스트로 보내든 HTML 형태로 보내든 관계가 없으며 다른 메일에도 있다.
이름이나 연락처등을 넣어도 되고 링크시키는 것도 가능하며 특별한 날이나 계절에 따라서 내용을 적절히 수정하면 멋진 메일을 보낼 수 있다.
만일 이것이 불필요한 때라면 메일을 보낼 때 아래에 있는 '서명파일'에 '첨부안함'을 설정하면 된다.
말씀: <font color=tomato>우리가 사랑함은 그가 먼저 우리를 사랑하셨음이라 (요일 4:19)</font>
인사: <font color=steelblue>하나님의 말씀과 은혜를 사모하는 자 보칸이 보냅니다. 평안하세요!</font>
구분선: <img src=http://awe.com.ne.kr/image/line/plant-flower.gif>
배경화면: <style>{background:url(http://awe.com.ne.kr/image/back/check-flower.gif)}</style>
자바스크립트: <script src="http://awe.com.ne.kr/srcrpt/js/fly-flower.js"></script>
배경음악: <bgsound src="http://163.180.97.100/sound/asf/박종호/일어나주위해서라.asf>
◈ 주소표시줄 활용하기 (자바파일 업로드)
<script src=http://파일주소.js></script>
지금까지는 우리들은 한 줄 자바소스를 그대로 홈에 넣어서 사용하였다.
이러다 보면 원래파일의 위치가 변경 또는 삭제됨과 동시에 자료는 소실된다.
이미지, 음악, 플래쉬. 동영상등의 실행파일을 복사해서 브라우져의 주소표시줄에 붙여 넣어 보라.
그리고 엔터키를 치면 각각의 파일들이 그대로 실행되어지는 것을 볼 수 있다.
보통 A 태그와 같이 링크된 각 파일의 주소를 찾아가게 해주는 역할을 한다. 이와 같은 방법으로 자바나 실행파일을 주소표시줄에 붙여넣게되면 다운을 받을 수 있도록 파일다운로드창이 뜬다.
그럼 다른 이름으로 저장을 클릭해서 자신의 컴에 저장을 한 후 이것을 다시 홈페이지나 클럽에 업로드 한다.
실례) <script src=http://awe.com.ne.kr/java/fly-flower.js></script>
그럼 지금 사방으로 흩어지는 꽃잎을 예로 위의 파일(http://awe.com.ne.kr/script/js/fly-flower.js)을 복사해서 주소표시줄에 붙여 넣고 엔터키를 쳐보라.
다운받아서 홈페이지나 클럽에 올릴때는 새롭게 파일주소를 새롭게 지정해주어야 비로서 자신의 파일이 된다.
그럼 두 줄이상 .. 혹 수 십줄은 어떻게 자신의 것으로 하나요?
자바스크립 파일주소(http://~~.js)가 있는 것만 다운을 받아 새롭게 올려주시면 되고 나머지 소스는 그대로 사용하면 된다. 물론 파일이 없는 것은 소스를 그대로 사용한다. ^^*
◈ 인터넷 단축키 활용하기
컴을 잘 다루는 사람들을 보면 굉장히 빠르게 작업하는 것을 볼 수 있다.
이것은 바로 마우스를 사용하지 않고 단축키를 익혀서 사용하기 때문이다.
그럼, 여기서 인터넷을 사용함에 있어서 필수적인 것들을 익혀보자.
처음에는 어색할지 모르지만 몇 번 사용해서 익숙해지면 너무나 편리하다.
처음, 아이콘 익스플로를 실행한다. (윈도우키로 대체가능: Window+P+I)
만일, 화면에 가득차지 않았다면 확장버튼을 눌러야겠지만 이제부터는 마칠 때까지 모두 단축키로만 사용한다.
1. 화면을 최대화: Alt + Shift + X
'+'는 순서대로 하라는 뜻인데 앞에 것부터 차례대로 누른다.
그러니까 Alt(알트), Shift(쉬프트), X를 차례대로 한 번씩만 누르면 된다.
자판을 보면 왼손의 2(검지)3(중지)4(약지)번 손가락으로 삼각형을 그리듯 누른다.
2. 주소입력창 띄우기: Ctrl * O
'*'는 동시에 누르는 것을 뜻하는데 앞에 것을 누르고 있는 상태에서 뒤에 것을 눌러주면 된다.
그러니까 왼손 5번(소지)로 Ctrl(컨츄럴)를 누른 상태에서 오른손의 4번(약지)로 'O'를 누른다.
그러면 인터넷 주소입력창이 열리는데 주소 입력 후에 바로 엔터키를 누른다.
(http://www는 칠필요 없이 그냥 hosanna.net만 치면된다.)
3. 자신이 원하는 메뉴 찾아가기: Tab
Tab(탭)키를 몇 번 혹은 계속 누르고 있어보라.
그러면 빠른 속도로 커서가 위에서부터 훑어 내려진다.
너무 오래 누르고 있으면 자신이 선택할 메뉴를 그냥 지나가게 된다.
이때는 엄지로 Alt를 누른 상태에서 검지로 Tab을 몇 번 눌러 제자리를 찾아간다.
그런 후 엔터키를 치시면 된다.
4. 페이지를 볼때: Alt * 방향키(좌우)
alt를 누른채로 좌우 방향키를 누르면 이전 또는 다음 페이지로 쉽게 전환할 수 있다.
Ctrl을 누른채로 Tab키를 누르면 한 화면에서 부분별로 이동을 가능하게 해준다.
Page Up과 Page Down이나 방향키를 사용해서 스크롤바를 움직이는 것을 대신할 수 있다.
5. 새로운 창 열기: Ctrl * N
현재보고 있는 창을 하나 더 열기 위해서는 왼손의 소지와 검지를 벌려서 Ctrl과 N을 동시에 누른다.
6. 다른 창을 보기: Alt * Tab
Alt키를 누른 상태에서 Tab키를 한번 혹은 그 이상을 누르면 윈도우상에서 여러 개 띄워놓은 창들을 바꾸어 주게된다.
창의 내용도 설명해주기 때문에 쉽게 자신이 지금 쓰고자 하는 창을 활성화 시켜주는 역할을 하므로 아주 유용합니다.
7. 마지막 닫기: Alt * F4 또는 Alt + Shift + C
Alt와 F4를 오른손 엄지와 중지를 벌려서 동시에 누른다.
또 다른 방법으로는 왼손으로 Alt, Shift, C를 차례대로 눌러주면 된다.
위의 7가지는 웹서핑을 할 때 가장 많이 쓰이는 것이니 반드시 외우기를 바란다.
아래에 8~9 까지는 워드프로그램을 사용할 때 익숙한 것도 있는데 참고해서 익혀보라.
8. Ctrl키와 함께 사용하는 것들
Ctrl*C : 복사하기 Ctrl*X : 잘라내기 Ctrl*Z : 실행취소
Ctrl*V : 붙여넣기 Ctrl*D : 즐겨찾기 추가 Ctrl*Esc : 시작메뉴 표시
Ctrl*Tab : 한 프로그램 내에서 여러 창을 띄었을 때 그 프로그램 내에서 이동하기.
Ctrl*Alt*Delete : 애러가 발생한 프로그램 종료하기 또는 시스템 종료하기.
9. Alt키와 함께 사용하는 것들
Alt*F4 : 현재창을 닫거나 프로그램 종료하기.
Alt*스페이스바 : 현재창의 시스템 메뉴 표시하기.
Alt*하이픈(-) : MDI 프로그램의 시스템 메뉴표시하기.
Alt*Tab : alt키를 누른 채 tab키를 눌러 다른 창으로 전환하기.
Alt*방향키 좌,우 : 인터넷에서 이전 또는 다음 페이지로 전환하기.
Alt*Enter : 도스창이나, 동영상 같은 것을 볼 때 전체 화면으로 표시하기.
10. 기타 참고할만한 것들
Shift*Del : 휴지통에 버리지 않고 바로 삭제하기.
Shift 누르고 CD넣기 : CD의 자동실행을 막아줍니다.
Shift*F10 : 메뉴 항목을 표시해줌. (마우스 우측 잠금장치 해제로 소스보기 가능함)
window 로고키*F : '찾기:모든파일'을 표시하기.
window*E : window 탐색기를 표시하기.
window*D : 모든 창을 최소화하거나 이전크기로 하기.
F5 : 새로고침 (현제 읽고 있는 창을 다시 읽기)
