|
전체 소스입니다.....필요한 부분을 복사해서 쓰십시오....
<html> <head><title>문서내 이동</title></head> <body bgcolor="white" > <a name=001> <TABLE width=100% border=10 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr> <td bgcolor="#FEF3CD"> <br>
<!-- 제목 아기표 시작 -->
<TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT COLOR="BLUE">거 북 이 부 부</FONT> <FONT COLOR="RED"> 백 두 산 </FONT> <FONT COLOR="BLUE"> 산 행</FONT> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 제목 아기표 끝 -->
<p align="center"> <a href="http://cafe.daum.net/arumdaungangsan" target="_win"> <b><font size=2 color="blue">거북이부부 다음카페</font></b></a></p> <p align="center"> <a href="http://ikekek.com.ne.kr/index.html" target="_blank"> <b><font size=2 color="blue">거북이부부 홈페이지</font></b></a></p>
<!-- 문서내 이동 연습표 시작 --> <TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <center> <a href="#002"><b><font size=2 color="blue">산행기 -- 바로가기</font></b></a><br> <a href="#003"><b><font size=2 color="blue">진달래 꽃 -- 바로가기</font></b></a><br> <a href="#004"><b><font size=2 color="blue">국화 옆에서 -- 바로가기</font></b></a> </center> </td></tr> </TABLE> <br> <!-- 문서내 이동 연습표 끝 -->
<!-- 움직이는 글 시작 --> <TABLE width=100% height="240" border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE DIRECTION=left scrollamount=2>거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> <br> <B><FONT color=blue><MARQUEE DIRECTION=right scrollamount=2>거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B><br> <B><FONT color=blue><MARQUEE DIRECTION=up scrollamount=1><center> 글씨가 위로 올라가죠 <br> 태그 기초만 알면 누구나 쉽게 따라 할수 있어요...></center> </font</marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 움직이는 글 끝 -->
<!-- 산행개략 표 시작 --> <TABLE width=100% border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"><br> <DIV align="left"> <SPAN style="FONT-SIZE: 10pt; LINE-HEIGHT: 150%;"> <FONT COLOR="BLUE"> 산 행 일 : 2008년 8월 30일(토) </FONT><br> <FONT COLOR="BLUE"> 기상상태 : 맑음 </FONT><br> <FONT COLOR="BLUE"> 산 행 지 : 백두산 </FONT><br> <FONT COLOR="BLUE"> 구 간 : 송강하-서파산문-5호경계비-청석봉-백운봉-옥벽폭포-북파 산문-이도백하</FONT> </SPAN></DIV><br> </td></tr> </TABLE> <br> <br> <!-- 산행개략 표 끝 -->
<!-- 산행기 표 시작 --> <a name=002> <a href="#001"><b><font size=2 color="blue">위로</font></b></a> <TABLE width=100% border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD">
<PRE> <SPAN style="FONT-SIZE: 10pt; LINE-HEIGHT: 150%;"> <FONT COLOR="BLUE">
<b>산 행 기</b>
오늘 저녁은 이도백하에 가서 잘 것이기에 짐을 모두 챙겨 나온다.... 일기예보에 오늘은 날씨가 좋다고 한단다... 서파 종주는 현지가이드 이외 중국인 등산가이드가 또 한사람 붙는다.... 돈 버는 방법도 가지 가지이다....여기는 우리나라의 물가보다 3배나 더 비싸다... 생수 1병(500) 소매 500원이면 사는 것이 1500원, 쵸코렛 3개 1000원짜리가 1개 1000원이다...
08:34 - 주차장 도착 넓은 주차장에 버스들이 줄마추어 서 있다...지금부터 5호경계비까지는 계단이다... 08:34 - 출발한다... 08:44 - 물 받을 곳이 있는지 어떤 몇사람이 밑 계곡쪽으로 내려가 물을 받는다... 08:55 - 어느 종주팀인지 산모퉁이 길로 산행을 하고 있는 모습이 보인다... :
</PRE> <!-- 산행기 계속 이어졌다고 보겠습니다..... --> </FONT></SPAN> </td></tr> </TABLE> <br><br> <!-- 산행기 표 끝 -->
<!-- 진달래꽃 표 시작 --> <a name=003> <a href="#001"><b><font size=2 color="blue">위로</font></b></a> <TABLE width=100% border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <PRE> <SPAN style="FONT-SIZE: 10pt; LINE-HEIGHT: 150%;"> <FONT COLOR="BLUE">
<b>진달래 꽃</b>
-김소월
나 보기가 역겨워 가실 때에는 말없이 고이 보내드리우리다
영변(寧邊)에 약산(藥山) 진달래꽃 아름 따다 가실 길에 뿌리우리다
가시는 걸음 걸음 놓인 그 꽃을 사뿐히 즈려밟고 가시옵소서
나 보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리우리다
</PRE> </FONT></SPAN> </td></tr> </TABLE> <br><br> <!-- 진달래꽃 표 끝 -->
<!-- 국화 옆에서 표 시작 --> <a name=004> <a href="#001"><b><font size=2 color="blue">위로</font></b></a> <TABLE width=100% border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD">
<PRE> <SPAN style="FONT-SIZE: 10pt; LINE-HEIGHT: 150%;"> <FONT COLOR="BLUE">
<b>국화 옆에서</b>
- 서정주
한 송이의 국화꽃을 피우기 위해 봄부터 소쩍새는 그렇게 울었나 보다
한 송이의 국화꽃을 피우기 위해 천둥은 먹구름 속에서 또 그렇게 울었나 보다.
그립고 아쉬움에 가슴 조이던 머언 먼 젊음의 뒤안길에서 인제는 돌아와 앞에 선 내 누님같이 생긴 꽃이여.
노오란 네 꽃잎이 피려고 간밤엔 무서리가 저리 내리고 내게는 잠도 오지 않았나 보다.
</PRE> </FONT></SPAN> </td></tr> </TABLE> <br><br> <!-- 국화 옆에서 표 끝 --> <br><br>
</td></tr> </TABLE> </body> </html>
|
|
반갑습니다...거북이부부입니다....제 19 강을 시작합니다... 거북이부부 산행기 제작 강의 19 - 1
지금까지 이미지로 올렸는데 소스를 직접 올려 그대로 복사하여 쓸 수 있도록 하겠습니다.... 이번 강의에서는 지난 15강의 움직이는 글씨(marquee)를 이용하여 다른 방법을 알아보겠습니다...
이번 강의에서도 메모장으로 작업을 하겠습니다....
왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭....실행되죠.. 산행기제작틀001.htm 를 불러오겠습니다... 메뉴 [파일]에서 [열기]...열기창에서 찾는위치-내문서....파일형식-모든문서 파일이름 산행기제작틀001.htm 찾아 클릭...
소스중에서
<!-- 움직이는 글 시작 --> <TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE DIRECTION=left>거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 움직이는 글 끝 -->
를 찾아 보겠습니다.....
|
|
거북이부부 산행기 제작 강의 19 - 2 소스를 설명하겠습니다...
<MARQUEE DIRECTION=left>에서 DIRECTION=left 는 정의하지 않아도 왼쪽에서 오른쪽으로 갑니다...
그러나 그외의 것은 정의를 해야 합니다...
DIRECTION=right 는 정의를 해야 오른쪽에서 왼쪽으로 움직입니다.... DIRECTION=up 은 위로 DIRECTION=down 은 밑으로 움직이게 하는 명령어입니다...이건 15강에서 해본거구요...
이번에는 왔다 갔다 하는 것을 해보겠습니다.... DIRECTION=left 대신에 behavior="alternate"를 쓰면 왔다 갔다 합니다..... 지나쳐서 없어지는 것보다 괜잖죠.....
해보겠습니다.... 다음 소스와 같이 굵은 글씨만 수정하고 저장....탐색기로 산행기제작틀001.htm 찾아 실행해 봅니다...
<!-- 왔다갔다하는 글 시작 --> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE behavior="alternate">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 왔다갔다하는 글 끝 -->
|
|
다음에는 가운데에서 퍼지는 것을 해보겠습니다....폭을 width="50%" 로 정하면 되지요... 두 번 정의합니다... direction이 정의하지 않은 것은 왼쪽.... 정의 된 것은 오른쪽.... 위의 소스를 복사하여...바로 밑에 붙여넣기 하고...굵은 글씨를 수정하고...실행해 보십시요...
귀잖으면 아래소스를 그대로 복사해서 써도 됩니다....scrollAmount=2 는 속도라고 했죠....
<!-- 가운데서 퍼지는 글 시작 --> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE scrollAmount=2 width="50%">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> <B><FONT color=blue><MARQUEE scrollAmount=2 direction=right width="50%">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 가운데서 퍼지는 글 끝 -->
잘 됩니까?....다음과 같이 실행이 되죠?.... 수고하셨습니다... 다음 강의때 뵙겠습니다... |
|
이번 강의에서는 공개된 이미지를 불러오는 방법을 알아보겠습니다...
이번 강의에서도 메모장으로 작업을 하겠습니다....
왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠.. 산행기제작틀001.htm 를 불러오겠습니다... 메뉴 [파일]에서 [열기]...열기창에서 찾는위치-내문서....파일형식-모든문서 파일이름 산행기제작틀001.htm 찾아 클릭...
먼저 이미지는 공개하는 분이 있고 보기만 하게 하고 이용을 못하게 하는 분들이 있습니다.. 그 분들의 뜻대로 이용을 막은 것은 필요없고, 공개된 것이라도 출처는 반드시 밝혀야 하겠죠...그것이 이미지를 올린분에 대한 예의가 될 것이구요....
다른분 들 것 보다도 저의 것을 이용하여 알아보죠...
거의다 공개를 하고 있는데 지난 번에 했던 것 같이 제 카페 왼쪽메뉴에서 그밖의 명산...백두산 금강산 등 해외로 가겠습니다...8번 백두산 3일을 클릭하여 들어갑니다... 이 이미지는 다음 강의에서도 이용하려 합니다....
처음 백두산 전경이 나오죠?... 이미지 위에 마우스를 대고 오른쪽 마우스를 클릭해보세요... 보조창이 뜨죠?...제일 아래 속성을 클릭합니다.... 다음과같은 창이 뜨죠?...
|
|
거북이부부 산행기 제작 강의 20 - 2 [파란]에서는 요즘 링크를 막고 있어 [다음]에 있는 것으로 아래부터는 바꿉니다... 이것은 주소에 파일이름까지 나와 있군요...어떤 것은 주소만 나오고 제일 위에 보이죠...일반 밑에 파일이름이 있죠... 여기서는 주소만 복사해도 이미지 파일이름까지 다 들어 있으니 주소만 블록하여 복사(Ctrl + C)하면 되겠네요...
|
|
그럼 메모장으로가서 이미지를 불러 오는 소스.... 13강에서 했었죠....이미지 파일을 불러 올 때 쓰는 태그는 <img src="주소">입니다...이미지크기는 720 * 342... 주의--- 추가 소스바꿈--- 파란닷컴에서 막는 바람에 다음에 있는 것으로 바꿉니다...
<!-- 공개 이미지 부르기 틀 시작입니다 --> <DIV align="center"> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td width="720" height="342" bgcolor="#FEF3CD"> <p align="center"> <img src="https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B" width="720" height="342"> </p> </td></tr> </TABLE> <br><br> </DIV> <!-- 공개 이미지 부르기 틀 끝입니다 -->
위의 소스를 그대로 복사하여 쓰시면 됩니다.... 위의 소스를 블록을 정하여 복사(Ctrl + C)....메모장에 붙여넣기(Ctrl + V)를 합니다....
저장을 하고 실행을 해보십시요....
하나 더 불러 볼까요?... 다음강의를 위해서요...카페에서 조금 더 내려 가면 천지라는 안내판이 붙은 것... 역시 이미지에서 오른쪽 마우스를 눌러 속성에서 주소를 복사(Ctrl + C)하여 하나 더 넣어보죠.... 이미지크기는 720 *540 군요...
|
|
<!-- 공개 이미지 부르기 틀 시작입니다 --> <DIV align="center"> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td width="720" height="342" bgcolor="#FEF3CD"> <p align="center"> <img src="https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B" width="720" height="342"> </p> </td></tr> </TABLE> <br><br><p align="center"> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td width="720" height="540" bgcolor="#FEF3CD"> <p align="center"> <img src="https://t1.daumcdn.net/cfile/cafe/137BC1524E36753D30" width="720" height="540"> </p> </td></tr> </TABLE> <br><br> </DIV> <!-- 공개 이미지 부르기 틀 끝입니다 -->
위의 소스를 그대로 복사하여 쓰시면 됩니다.... 위의 소스를 블록을 정하여 복사(Ctrl + C)....메모장에 붙여넣기(Ctrl + V)를 합니다....
저장을 하고 실행을 해보십시요....
잘 됩니까?.... 수고하셨습니다... 다음강의때 뵙겠습니다...
|
|
|
|
|
|
지난 19강에서는 marquee응용(글씨)을 알아봤고 20강에서는 공개된 이미지를 불러오는 법을 알아봤으니...
이번 강의에서는 이 두개를 응용한 글씨대신 이미지가 움직이는 것...marquee응용(이미지)를 알아 보겠습니다....
왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠.. 산행기제작틀001.htm 를 불러오겠습니다... 메뉴 [파일]에서 [열기]...열기창에서 찾는위치-내문서....파일형식-모든문서 파일이름 산행기제작틀001.htm 찾아 클릭...
소스중에서 19강에서 했던 소스 아래 것이죠....같이 봅니다...
<!-- 왔다갔다하는 글 시작 --> <TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE behavior="alternate">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 왔다갔다하는 글 끝 -->
<!-- 가운데서 퍼지는 글 시작 --> <TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <P align="center"> <SPAN style="FONT-SIZE: 10pt; "> <B><FONT color=blue><MARQUEE scrollAmount=2 width="50%">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> <B><FONT color=blue><MARQUEE scrollAmount=2 direction=right width="50%">거북이부부 산행기를 찾아주셔서 감사합니다... </font> </marquee> </B> </SPAN></P> </td></tr> </TABLE> <br> <!-- 가운데서 퍼지는 글 끝 -->
또 20강에서 불러 왔던 주소 2개가 있었죠?.... https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B 하고 https://t1.daumcdn.net/cfile/cafe/137BC1524E36753D30 이렇게 두 개 였었죠..
|
|
거북이부부 산행기 제작 강의 21 - 2
소스 수정을 해 보겠습니다....위의 원 소스를 수정한 것입니다....그대로 복사하여 사용하셔도 됩니다...
<!-- 왔다갔다하는 이미지 시작 --> <center> <TABLE width=720 border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" > <tr><td bgcolor="#FEF3CD"> <B><MARQUEE DIRECTION=right scrollamount=3 behavior="alternate"> <IMG height=250 src="https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B"> </marquee> </B><br> <!-- 이 이미지가 왔다 갔다 하는 겁니다.... --> </td></tr> </TABLE> <br> </center> <!-- 왔다갔다하는 이미지 끝 -->
<!-- 가운데서 퍼지는 이미지 시작 --> <center> <TABLE width=720 height="340" border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" background="https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B"> <tr><td> <!-- 여기서 background 는 뒤 배경입니다.... --> <MARQUEE scrollAmount=2 width="50%"> <IMG height=340 src="https://t1.daumcdn.net/cfile/cafe/137BC1524E36753D30"> </MARQUEE> <!-- 이 이미지는 반을 나눠서 왼쪽으로.... -->
<MARQUEE scrollAmount=2 direction=right width="50%"> <IMG height=340 src="https://t1.daumcdn.net/cfile/cafe/137BC1524E36753D30"> </MARQUEE> <!-- 이 이미지는 반을 나눠서 오른쪽으로.... --> </td></tr> </TABLE> <br></center> <!-- 가운데서 퍼지는 이미지 끝 -->
이제 저장하고 실행해보십시요... 다음과 같이 실행이 됩니까?.... 수고하셨습니다....다음강의에서 뵙겠습니다....
|
|
|
반갑습니다...거북이부부입니다....제 22 강을 시작합니다... 거북이부부 산행기 제작 강의 22 - 1
오늘은 그림자글씨로 글자를 조금 꾸며 보겠습니다....
자 그럼 시작합니다....오늘도 메모장으로 해보겠습니다.....
왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠..
[열기]...열기창에서 찾는위치-내문서....파일형식-모든문서
파일이름 산행기제작틀001.htm 찾아 두 번클릭...불러 옵니다....
그럼 다음 소스 를 전부 복사합니다....불럭을 정하여...복사(Ctrl + C)....알죠...
메모장에 붙여넣기(Ctrl +V)합니다....
<!-- 제목 아기표 시작 -->
<TABLE width=100% border=5 bordercolorlight="#FAD658" bordercolordark="#BC9304" >
<tr><td bgcolor="#FEF3CD">
<center>
<DIV STYLE="width:100%; font-size: 12pt; color:#FFCC00; filter:Shadow(Color=#666666, Direction=120)">
<b><font color=#FFCC00>거 북 이 부 부</font>
<font color=#F904D4>백 두 산</font>
<font color=#FFCC00>산 행</font></b>
</DIV> </center>
</td></tr>
</TABLE> <br>
<!-- 제목 아기표 끝 -->
<center>
<DIV STYLE="width:100%; font-size: 10pt; filter:Shadow(Color=#666666, Direction=135)">
<a href="http://cafe.daum.net/arumdaungangsan" target="_win">
<font color=#BCF904><b>거북이부부 다음카페</b></a><p></font>
<a href="http://ikekek.com.ne.kr/index.html" target="_blank">
<font color=#F88CF4><b>거북이부부 홈페이지</b></a><p></font>
</DIV>
</center>
<!-- 움직이는 글 시작 -->
<TABLE width=100% border=3 bordercolorlight="#FAD658" bordercolordark="#BC9304" >
<tr><td bgcolor="#FEF3CD">
<P align="center">
<DIV STYLE="width:100%; font-size: 10pt; filter:Shadow(Color=#666666, Direction=135)">
<B><FONT color=#04EBF9>
<MARQUEE scrollamount=2 behavior="alternate"> 거북이부부 산행기를 찾아주셔서 감사합니다... </font>
</marquee> </B> <br>
</DIV>
</td></tr>
</TABLE> <br>
<!-- 움직이는 글 끝 -->
<!-- 제목 아기표 시작 --> 부터 <!-- 움직이는 글 끝 -->까지 바뀌십시오...
틀리는 부분을 수정하셔도 됩니다.....
그냥 <!-- 움직이는 글 끝 --> 까지 몽땅 덮어쓰는 것이 편할 것 같네요.....
빨간색글자 부분이 그림자를 지정하는 태그입니다...135는 그림자각도를 말하는데 숫자를 한번 조정도 해보십시요....
그럼 저장합니다....[파일]-[저장].....
실행은 탐색기나 바탕화면에 내문서를 클릭하여 산행기제작틀001.htm을 두 번클릭 실행시킵니다...
아래와 같이 실행이 됩니까?....
혹시 아래 같이 되어 있으면
위에 차단된 컨텐트를 허용하십시요...그러면 실행이 될 것입니다....
수고하셨습니다....
다음강의에서 뵙겠습니다....
|
반갑습니다...거북이부부입니다....제 23 강을 시작합니다... 거북이부부 산행기 제작 강의 23 - 1
자 그럼 시작합니다....오늘도 메모장으로 해보겠습니다.....
왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠..
[열기]...열기창에서 찾는위치-내문서....파일형식-모든문서
파일이름 산행기제작틀001.htm 찾아 두 번클릭...불러 옵니다....
오늘은 배경화면에 그림을 넣어 글자 그러니까 문구나 시 같은 것이 올라가게하는 프로그램을 해 보겠습니다....
소스를 보면서..... 설명은 <!-- 설명 --> 속에 하겠습니다..
소스는 그대로 복사하여 사용하십시요....
그럼 소스를 보겠습니다 ...
<!-- 바탕 그림위에 싯귀가 올라 가는 표 시작 -->
<center> <!-- 가운대로 넣겠다는 거구요 -->
<TABLE width="720" height="342" border=10 bordercolorlight="#FAD658" bordercolordark="#BC9304"
background="https://t1.daumcdn.net/cfile/cafe/165C6C564E36760C3B" >
<!-- 표의 너비 720...높이 342 로...테두리두께 10...밝은쪽 어두운쪽 테두리색....
표의 배경 그림은 background를 써서 제카페에 공개된 백두산그림을 불러 오구요 -->
<tr><td>
<marquee style="text-align:left" direction=up scrollamount=1 height=250>
<SPAN style="text-align:left;FILTER:glow(color=000000,strength:2);COLOR:ffffff;HEIGHT:9px">
<font size=2><ul><ul><ul>
<!-- marquee로 글씨 내지는 이미지 움직이는 것을 배웠었죠...글씨를 위로 올리는 글씨가 나타날 높이는 250 이구요...span에서는 글씨의 테두리와 속의 색깔지정이구요...ul은 안으로 들일려구 썼습니다 -->
백두산 뻗어내려 반도 삼천리<p>
무궁화 이강산에 역사반만년<p>
대대로 이에 사는 우리 삼천만<p>
복되도다 그 이름 대한이로세.<br><br><br>
삼천리 아름다운 이내 강산에<p>
억만년 이어 나갈 배달의 자손<p>
길러온 힘과 재주 모두 합하니<p>
우리들의 앞길은 탄탄하도다.<br><br><br>
보아라 이 강산에 날이 새나니<br><br>
삼천만 너도 나도 함께 나가자<br><br>
광명한 아침 해 가 솟아오르니<br><br>
빛나도다 그 이름 대한이로세.<br><br><br>
대한의 노래 (이은상. 현제명)
<!-- 나타나게 할 시...br은 다음줄로 라고 했지요...연거푸 사용할 수 있는데 p는 같은 기능이지만 br두 번 쓴거와 같은데 연거푸 사용은 할 수 없다고 했죠... -->
</marquee></font></ul></span>
</td></tr>
</TABLE>
</center>
<!-- 지금까지 사용한 태그들을 /로 닿는 것이구요 -->
<!-- 바탕 그림위에 싯귀가 올라 가는 표 끝 -->
전체를 복사하여 붙여넣기하고 소스중에 설명란 <!-- 설명 -->은 그대로 두어도 되고 지워도 됩니다....
그럼 저장합니다....[파일]- [저장]버튼을 누룹니다....
저장이 되었으면 탐색기로 찾아가 저장위치에
산행기제작틀001.htm 을 찾아 두번클릭 실행시켜봅니다....
다음과 같이 실행이 됩니까?....
혹시 위에 차단된 컨텐트를 허용하십시요...그러면 실행이 될 것입니다....
수고하셨습니다....
다음강의에서 뵙겠습니다....
|
|
|
이번에는 사실 자바 스크립트를 이용하여 좀더 멋있는 이미지 슬라이드를 작성하려 했는데.... 카페에서는 스크립트 이용를 제한하고 있어 대문에서는 되는데 복사를 하여 붙이면 xx자가 앞에 붙고 [안내]등 글자가 붙어 이용을 못하게 하고 있습니다.... 다른 사이트에서 홈페이지를 만들어 사용하면 되는데...기초를 배우시는 분에게는 너무 어려울 것 같은 느낌이 있어 조금 더 진행하다 하겠습니다..
그래서 이번 강의에서는 음악 올리는 방법에 대하여 알아 보고자 합니다
자 그럼 시작합니다....오늘도 메모장으로 해보겠습니다..... 왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠.. [열기]...열기창에서 찾는위치-내문서....파일형식-모든문서 파일이름 산행기제작틀001.htm 찾아 두 번클릭...불러 옵니다....
참....조심할 것이 있습니다.... 음악은 저작권 침해에 문제가 됩니다....그래서 소리를 돈주고 구입을 하던가 해야하는데...
여기서는 공개된 음악(사랑의내과 음악방)을 우선 이용하도록 하겠습니다.... 자신이 직접 녹음하여 올리면 참 좋은데...너무 앞서 가나요...그것도 기회가 있는대로... 아뭏튼 저작권의 문제가 있으니 아무거나 막 올리다간 큰일 납니다....
음악태그는 EMBED 태그를 씁니다... 카페에서는 이것도 못쓰게 하기 위해 복사하여 붙이면 할 때마다.... xx 혹 [안내]등 글자가 계속 붙어 실행을 못하게 하지요..
그래서 S자가 들어 가는 style 을 src 앞에 붙여....예방차원에서 사용한 것입니다... (그러니까 원래는 style은 쓸 필요가 없는 것인데...할 수 없이...)
그럼 소스를 보겠습니다 ... <center> <EMBED style src=음악이 들어있는 주소 > </center> 이렇게 하면 됩니다....그럼 공개된 음악 주소를 하나 넣어 보겠습니다.....지난 강의에서 한 밑에 붙여 보겠습니다....
<!-- 바탕 그림위에 싯귀가 올라 가는 표 시작 --> : <!-- 바탕 그림위에 싯귀가 올라 가는 표 끝 --> <center> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf> </center> 위 소스 빨간색부터 복사하여 붙여넣기 하고 저장합니다....[파일]- [저장]버튼을 누룹니다....
저장이 되었으면 탐색기로 찾아가 저장위치에 산행기제작틀001.htm 을 찾아 두번클릭 실행시켜봅니다.... 다음과 같이 실행이 됩니까?....
|
|
조금 더 알아볼까요.....
1. 플래이어 감추게 하고 음악만 나오게 하려면 hidden="true" <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf hidden="true"> <br><br>
2. 음악 반복하여 들으려면 loop="true" <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf loop="true"> <br><br>
3. 플래이어 크기 조정하려면 너비 width=300 높이 height=40 숫자 조정 <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf width=300 height=40 > <br><br>
4. 버튼 눌러야 소리 나오게 autostart="false" <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf autostart="false"> <br><br>
5. 자동으로 플래이되게 하려면 autostart="true" <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf autostart="true"> <br><br>
6. 경과시간표시를 보려면 showstatusbar="1" <br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf width=300 height=50 showstatusbar="1" ><br><br>
7. 종합<br> <EMBED style src=http://joypeace.com.ne.kr/fountain.asf width=300 height=70 autostart="1" volume="50" showstatusbar="1" ><br>
1. 플래이어 감추게 하고 음악만 나오게 하려면 hidden="true" 수고하셨습니다.... 다음강의에서 뵙겠습니다....
|
|
xx 혹 [안내]등록되지....--등이 나오는 것의 예방차원에서 S자가 들어 가는 style 을 src 앞에 붙여 사용하였는데...style한을 사용한 김에...이번 강의에서는 플래이어 색상을 지정해보죠....
자 그럼 시작합니다....오늘도 메모장으로 해보겠습니다..... 왼쪽 아래 [시작]-[프로그램]-[보조프로그램]-[메모장]....클릭합니다....실행되죠.. [열기]...열기창에서 찾는위치-내문서....파일형식-모든문서 파일이름 산행기제작틀001.htm 찾아 두 번클릭...불러 옵니다....
음악태그는 EMBED 태그를 쓴다고 했죠?... style에 옵션을 주는 겁니다.... 보시죠...
기본 embed 태그 는 다음과 같죠...맘에 드는거 하나만 골라 이용하시면 됩니다... <EMBED style src=음악주소>.....
**기본태그 소스입니다.... <EMBED style src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1">
01. style="filter:xray()"을 사용하면 <EMBED style="filter:Xray()" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
02. style="filter:gray()"을 사용하면 <EMBED style="filter:gray()" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
03. style="filter:gray(Opacity=0.5)"을 사용하면 <EMBED style="filter:gray(Opacity=0.5)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
04. style="filter:invert()"을 사용하면 <EMBED style="FILTER: invert()" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
05. style="filter:alpha(Opacity=50)"을 사용하면 <EMBED style="filter:alpha(Opacity=50)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
06. style="filter:alpha(Opacity=30)"을 사용하면 <EMBED style="filter:alpha(Opacity=30)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
07. style="filter:progid:DXImageTransform.Microsoft.Engrave(Bias=1)"을 사용하면 <EMBED style="FILTER: progid:DXImageTransform.Microsoft.Engrave(Bias=1)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
08. style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=2)"을 사용하면 <EMBED style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=2)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
09. style="FILTER:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=2)"을 사용하면 <EMBED style="FILTER:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=2)" src=http://joypeace.com.ne.kr/Vivaldi/Vivaldi-210-1.asf width=300 height=45 volume="50" autostart="1"><br>
맘에드는 것을 복사하여 붙여넣기 하고 저장합니다....[파일]- [저장]버튼을 누룹니다....
저장이 되었으면 탐색기로 찾아가 저장위치에 산행기제작틀001.htm 을 찾아 두번클릭 실행시켜봅니다....만약 보완차단이 되어 있으면 옵션을 눌러 차단된 컨텐트를 허용하십시요..... 다음과 같이 실행이 될 것입니다...
만약에 또 xx 혹은 [안내]등록되지....--등 이 실행되어 들어 있으면 xx 혹은 [안내]등록되지....--등 이런 것들은 지워야합니다....
수고하셨습니다.... 다음 강의에서 뵙겠습니다....
|
'산행 여행 정보' 카테고리의 다른 글
| ◎산림청이 선정한 100대 명산 (0) | 2010.11.10 |
|---|---|
| 산행할때 삼각점 활용법 (0) | 2010.11.10 |
| 거북이부부 컴맹탈출 - 산행기 제작 강의 (제 11~15 강) (0) | 2010.10.20 |
| 거북이부부 컴맹탈출 - 산행기 제작 강의 (제 6~10 강) (0) | 2010.10.20 |
| 거북이부부 컴맹탈출 - 산행기 제작 강의 (제 1~5 강) (0) | 2010.10.20 |