|
1. 강의를 시작하기 전에....
1. 교육은 매 단원마다 교육생 전원의 이해가 끝났다고 생각 될 때에 다음 단계로 넘어 갑니다.
2. 교육 진행 방법은 강의실에서 하는 설명을 잘 읽으시고 연습실에서 연습하시면 됩니다.
교육생 전원이 연습실에서 연습을 다 마치지 않으면 다음 단계로 넘어가지 않습니다.
3. 연습실에 반드시 하루에 한번씩 들러 주어진 과제물에 대한 연습 결과를 남기셔야 하며 연습실에 연습결과가 없는
분은 탈락됩니다.
4. 교육생님들은 매일게시판에 한 가지씩 글을 올리셔야 합니다.
배운 태그를 이용하셔도 좋고 복사한 글을 올려도 좋습니다. 다만 저질적이거나 유치한 내용의 글은 제발 삼가해 주십시요.
5. 강의실 진도에서 가르켜 드린 것 외에 앞서 나가지 마시기 바랍니다.
반드시 배운 범위 안에서만 연습, 교육내용 이외의 것을 연습실에 올리시면 탈락시킵니다.
6. 다시 한번 당부 드리지만 내가 연습실에서 연습을 않으면 다른 사람이 진도를 못 나간다는 사실을 잊지 마시기 바랍니다.
** 열심히 공부 하셔서 좋은 결과를 많이 남겨 주시기 바랍니다.****
2. 태그 용어 사용 문자
태그소스와 용어는, 인쇄체 대문자와, 소문자를 구별하지 않고 다 사용하지만 교육생들은 반드시 소문자를 사용해주시기 바랍니다.
예를들어 대문자 TAG →안됨 섞어씀 Tag →안됨
소문자 tag →됨 아시겠지요?
3. 글씨 확대하기 , 글씨체 바꾸기 , 글씨에 색갈 넣기
글씨에 색깔을 넣고 크기를 조절하고 기타 글씨체를 선택하여 올리는 방법을 강의합니다. 반드시 실행해 보시고 숙제로서
국기에 대한 맹세를 적용시켜 연습실에 올려놓으십시오. 글씨를 실행하여주는 소스 명령어는 <font>입니다.
font에 글씨크기를 적용 해 볼까요? 글씨크기지정 명령어는 size입니다. <font size=3>
그리고 이어서 색깔을 입혀볼까요? 색깔의 명령어는 color입니다. <font size=3 color=red>
글씨체를 지정해 주어볼까요? 명령어는 face입니다. <font size=3 color=red face=궁서체>
위의 세가지를 종합해서 정리해 보면 이렇게 만들어졌습니다. <font size=3 color=red face=궁서체>
그럼 실행을 시켜보겠습니다. 위의 태그소스에 글을 넣어 봅시다.
아래의 두 줄을 퍼다가 글을 올려보세요 잊지 말 것은 반드시 글을 올리기 전에
◉ HTML태그 포함 에 체크하시고 올려 주시기 바랍니다.
** 아래 두줄 ****** 여기부터 복사 <font size=3 color=red face=궁서체>
나는 자랑스러운.... ************ 여기까지 복사 연습실에서 연습기록을 남기세요.
연습 기록을 남기시면 오늘의 강의는 성공적으로 배우신 셈입니다. font을 꼭 기억하시기 바랍니다.
★ 글씨의 크기는 1부터 7까지 있습니다. 숫자가 커지면 글씨의 크기도 커집니다.
★ 글씨의 색깔은 무지 많습니다. 그러나 색깔지정은 반드시 영어로 지정해 주거나
예) red 빨강 yellow 노랑 orange 오렌지 pink 분홍 green 그린 blue 파랑 purple 보라 등 그리고 영어 이름 대신
고유넘버가 따로 있는데 고유넘버로 지정해 주어도 됩니다. 나중에 별도로 견본코드(색상표)를 올려놓겠습니다.
★ 글씨체는 굴림체 궁서체 휴먼옛체 등등이 있습니다만 워드에서처럼 다양하지는 않습니다.
★ 꼭 글을 올릴 때는 아래의 HTML 태그포함에 체크하시고 글을 올려(등록)주십시오
★ 자 그럼 설명 드린 범위 안에서 마음껏 응용해 보시기 바랍니다. 충분한 연습은 자신감입니다.
4. Re: 퍼다가.... --> 복사하는 방법
설명 중에 "퍼다가" 를 이해 못하시는 분이 계셔서 보충합니다.
"퍼다가"는 "복사하여"란 말이며 복사하는 방법은, 복사를 원하는 부분에 커서를 가져다 놓고 마우스 왼쪽 단추를
눌른채 드랙(끄는것)을 하여 복사를 원하는 부분을 까맣게 한 후 마우스 오른쪽 단추를 눌러 복사를 선택하여 왼쪽
단추를 눌르면 까만 부분이 마우스 속에 저장이 됩니다.
다음은, 원하는 장소로 옮겨 커서를 놓고 다시 마우스 오른쪽 단추를 누른 후 메뉴 중 붙여 넣기를 선택하여 클릭
하면 복사가 됩니다. 잘 모르면 어린학생들에게 물어 보면 다 잘 압니다.
6. br 과 p 의 이해 ( 줄 바꾸어 주기 )
줄을 바꾸어 주기 위해서는 <br>과 <p>를 넣어 실행합니다.
그러나 가능한 <br>을 사용하여 줄 바꾸기를 하는 것이 바람직합니다.
예) 아래의 국기에 대한 맹세를 나는 자랑스러운 태극기 앞에 조국과 민족의 무궁한 영광을 위하여 몸과 마음을 바쳐
충성을 다 할 것을 굳게 다짐합니다.
줄을 바꾸어 올리려면 줄을 바꾸고져 하는 부분에 <br>이나 <p>를 넣어서 줄을 바꿉니다.
그리고 강조하고 싶은 부분의 글씨를 진하게 하기 위해서는 <b>를 넣어주시면 됩니다.
강조하고자하는 글이 끝나는 부분에는 슬러쉬/를 포함시켜 </b>종료하여야 합니다.
한번 해 볼까요? *****************퍼다가 옮겨서 실행시켜보세요. 여기부터 ***********
<font color=red size=3>
나는 자랑스러운 태극기 앞에<br> <b>조국과 민족</b>의 무궁한 영광을 위하여<br> 몸과 마음을 바쳐 <br> 충성을 다 할 것을 <br>
굳게 다짐합니다.<p> ************여기까지
참고 <br>은 키보드의 엔터키를 한 번 친 것과 동일합니다.
<p>는 키보드의 엔터키를 두 번 친 것과 동일합니다.
그러나 <br>은 여러개를 넣어주면 그 갯수만큼 줄이 많이 띄어지지만
<p>는 아무리 여러개를 넣어주어도 갯수만큼 실행되지는 않습니다.
이번에는 중요한 글자에 밑줄을 그어볼까요?
밑줄에 대한 명령어는<u></u>입니다. *************************여기부터 퍼다가 실행시켜보세요. <font color=red size=3>
나는 자랑스러운 태극기 앞에<br> 조국과 민족의 무궁한 영광을 위하여<p> 몸과 마음을 바쳐<br>
<u>충성</u>을 다 할 것을<br> 굳게 다짐합니다.<br> *** 여기까지 *** 응용해서 연습해 보세요.****
7. marquee 움직이는 글씨
우리가 어떤 카페를 방문하다 보면, 카페 창에 오른쪽에서 왼쪽으로 글씨가 흘러가면서 나오는 걸 가끔 보셨을 겁니다.
그것이 marquee 명령어를 사용한 것입니다.
아래를 한 줄씩 따로 실행 해 보세요. 그리고 전체를 퍼다가 그대로 실행시켜보세요.
<marquee direction="right"> 오른쪽으로 움직여라</marquee>
<br><marquee direction="up"> 위쪽으로 움직여라</marquee>
<br><marquee direction="down"> 밑으로 떨어진다</marquee>
<br><marquee behavior="slide"> 왼쪽으로 오다 멈추어라 </marquee> <p>
**** 글씨의 색상도 바꿔 보시고 크기도 바꿔 보시고 지금까지 배운걸 창의적으로 응용 해 봅시다.
8. marquee의 속도에 관하여 알아보겠습니다
marquee의 명령어 내에 여러가지 속성을 부여할수 있습니다.
1. scrollamount 움직임의 속도를 명령합니다
<marquee scrollamount="원하는 속도의 수치"> 원하는 속도의 수치에 값을 넣으면 움직임의 속도가 변합니다.
1 이 가장 느리고 숫자가 증가할수록 속도도 빨라 지죠 대략 1부터 7의 범위를 선택해보십시오 그럼 실제로 해볼요?
************여기서부터 복사해서 글을 올려보세요
<marquee scrollamount="1"> 천천히 움직여라</marquee>
<br><marquee scrollamount="2"> 조금더빠르게 움직여라</marquee>
<br><marquee scrollamount="3"> 더욱 빨리</marquee>
<br><marquee scrollamount="4"> 더빨리 움직여볼래?</marquee>
<br><marquee scrollamount="5"> 넘느려 더빨리</marquee>
<br><marquee scrollamount="6"> 음..빠르군^^</marquee>
<marquee scrollamount="20"> 우와 너무 빨라</marquee>
<br><marquee direction="right" scrollamount="1">
넌 오른쪽으로 천천히 움직여라</marquee> ****************여기까지 복사 ..
9. Re:숙제 -- 내용 수정 --전원 다시 읽어 보세요. 시, 또는 좋은 글 한편을 쓰고 (제목과 내용 글의 글자 크기를 달리 할 것) 글씨에 색갈을 넣은 다음 (제목과 내용 다르게) 줄 바꾸기(<br>)를 하여 문단 을 잘 정리하고 marquee 중'한가지만' 사용하여 속도를 조절 한 후 제 2 연습실 게시판에 하나씩 올리세요. 지금까지 배운 것을 전부 다 적용시켜야 합니다. 모든 분 다 하세요. |
10. 이미지 ( 영상 , 사진 ) 크기 조절하기
원래의 이미지의 크기를 알려면 이미지 위에 마우스의 포인트(화살표)를 놓고 마우스 우측 단추를 눌러 제일 아래을 눌러
등록정보 화면을 부른 다음,
그림크기: 800 X 600 픽셀이라고 된 곳을 확인합니다.(앞이 가로길이 뒤가 세로길이)
이 크기를 줄이고 늘릴려면 width=가로길이 지정 height=세로길이 지정 해주면 됩니다. 아래 사진을 줄이고 늘려 보세요.
11. Re: 여러가지 색상을 사용하여 연습 해 보세요.
코드번호도 사용해 보시고. 영어 색상명을 사용도 해 보시고......
12. Re:Re: 숙제
새로운 이미지에 글 올라오는 영상을 하나씩 새롭게 만들어서 만들어진 작품을 연습실에 올려놓으시기 바랍니다.
13. 이미지에 글 올리기 -- 회람을 눌러 소스 확인하세요. -- 기다려야 글 올라옴
14. 색상표
** 색상 중에서 영어이름을 써도 되지만 코드번호를 넣어도 실행이 됩니다. **
* 앞 부분은 색상코드, 뒷 부분은 색상명
* [font color=코드, 혹은 색상명]하고픈 말[/font]
000000 black |
deb887 burlywood |
9400d3 darkviolet |
bc8f8f rosybrown |
2f4f4f darkslategray |
cd853f peru |
ff00ff magenta |
ff7f50 coral |
708090 slategray |
00ced1 darkturquoise |
ff00ff fuchsia |
ff8c00 darkorange |
778899lightslategray |
00bfff deepskyblue |
c71585mediumvioletred |
ffa500 orange |
696969 dimgray |
7fffd4 aquamarine |
ba55d3 mediumorchid |
b8860b darkgoldenrod |
808080 gray |
00bfff deepskyblue |
9370db mediumpurple |
ffd700 gold |
a9a9a9 darkgray |
1e90ff dodgerblue |
dc143c crimson |
ffff00 yellow |
c0c0c0 silver |
00ffff cyan |
ff1493 deeppink |
7fff00 chartreuse |
d3d3d3 lightgrey |
f0fff0 honeydew |
ffb6c1 lightpink |
7cfc00 lawngreen |
dcdcdc gainsboro |
87cefa lightskyblue |
ff69b4 hotpink |
00ff00 lime |
ffffff white |
afeeee paleturquoise |
ffc0cb pink |
32cd32 limegreen |
fff5ee seashell |
e0ffff lightcyan |
dda0dd plum |
00ff7f springgreen |
fffafa snow |
add8e6 lightblue |
800080 purple |
3cb371 mediumseagreen |
f8f8ff ghostwhite |
b0c4de lightsteelblue |
ee82ee violet |
adff2f greenyellow |
fffaf0 floralwhite |
40e0d0 turquoise |
d8bfd8 thistle |
adff2f greenyellow |
f5f5f5 whitesmoke |
48d1ccmediumturquoise |
da70d6 orchid |
8fbc8f darkseagreen |
f0f8ff aliceblue |
00ffff aqua |
4b0082 indigo |
90ee90 lightgreen |
f0ffff azure |
7b68eemediumslateblue |
a52a2a brown |
98fb98 palegreen |
fdf5e6 oldlace |
191970 midnightblue |
e9967a darksalmon |
9acd32 yello: wgree: n |
f5fffa mintcream |
6495ed cornflowerblue |
f08080 lightcoral |
2e8b57 seagreen |
ffefd5 papayawhip |
0000cd mediumblue |
cd5c5c indianred |
00fa9amediumspringgreen |
ffdab9 peachpuff |
6a5acd slateblue |
ffa07a lightsalmon |
20b2aa lightseagreen |
faf0e6 linen |
4682b4 steelblue |
db7093 palevioletred |
66cdaa mediumaquamarine |
ffffe0 lightyellow |
0000ff blue |
f4a460 sandybrown |
228b22 forestgreen |
fff8dc cornsilk |
483d8b darkslateblue |
fa8072 salmon |
008b8b darkcyan |
faebd7 antiquewhite |
5f9ea0 cadetblue |
ff6347 tomato |
008080 teal |
f5f5dc beige |
87ceeb skyblue |
ff4500 ornagered |
006400 darkgreen |
fffacd lemonchiffon |
4169e1 royalblue |
ff0000 red |
556b2f darkolivegreen |
fffff0 ivory |
b0e0e6 powderblue |
800000 maroon |
008000 green |
f0e68c khaki |
000080 navy |
8b0000 darkred |
808000 olive |
e6e6fa lavender |
00008b darkblue |
b22222 firebrick |
6b8e23 olivedrab |
fff0f5 lavenderblush |
8a2be2 blueviolet |
d2691e chocolate |
bdb76b darkkhaki |
ffe4c4 bisque |
8b008b darkmagenta |
8b4513 saddlebrown |
daa520 goldenrod |
ffebcdblanchedalmond |
9932cc darkorchid |
a0522d sienna |
|
15. 이미지 ( 영상 , 사진 ) 올리기
1. 아래 사진(연습실 사진)에 마우스의 포인트(화살표)를 정확하게 올려놓아 보세요.
2. 사진 위에 마우스포인트를 올려놓으셨나요 ? 그럼 이제 마우스의 오른쪽 버튼을 한번 눌러보세요.
3. 작은 창이 나타납니다. 보이시죠? 이중에 맨 아래에 있는 속성(R)이라 되어 있는 곳을 선택하여 마우스 왼쪽버튼
으로 한번 더 눌러보세요. (윈도우 XP 가 아닌 96, 98, ME, 등은 속성이라 표시되지 않고 등록정보 등 다르게
표시되어 있을 수 있지만 어쨋든 제일 아래에 있습니다.
4. 그럼 <등록정보> 창이 뜰 겁니다. 보이시죠 ?
그 중 '주소(URL)' 라고 쓰여져 있는 것이 그림의 주소입니다.
모든 이미지 영상, 사진 또한 마찬가지로 주소를 가지고 있습니다.
5. 주소를 확인하셨으니 이제 이 이미지를 여러분들이 직접 한번 올려봐야겠죠
주소라고 친 그 안에 내용을 마우스 왼쪽 단추를 눌른 상태로 주~욱 끌어서 블럭 설정하세요.
현재 사진의 주소는 http://cafe29.daum.net/_c21_/pds_down_hdn?grpid= 5yfv&fldid=5Z1f&dataid
=2110&grpcode=sunshineclub&realfile=Dsci0018.jpg 입니다. 전 세계에서 다 볼 수가 있어요
6. 블럭(시커멓게된걸 블록이라 표현해요^^)을 설정하신 주소에 마우스의 오른쪽 버튼을 한번 더 눌러주시고
" 복사 " 를 클릭하세요. 복사 꼭 클릭 !!!!
7. 복사한 주소를 영상 소스에 옮겨봅시다.
아래와 같이 소스를 만들고 <img src="방금 복사했던 것을 여기에다 집어넣고"> 글을 올려보세요.
HTML태그 포함에 꼭 체크하는거 잊지 않았죠?
8. 이런식으로 만들어야겠지요
★★★ ↓여기서 부터
<img src="http://cafe29.daum.net/_c21_/pds_down_hdn?grpid=5yfv&fldid=5Z1f&dataid
=2110&grpcode=sunshineclub&realfile=Dsci0018.jpg">
★★★ ↑여기까지가 이미지 올리는 것
9. 자, 이제 외우세요. 사진, 그림 퍼 오기 소스는 <img src="사진 주소"> 입니다.
10. 자료실로 가셔서 마음에 드는 사진을 이런 식으로 주소를 따와서 올려보시기 바랍니다. 그런데
마퀴로 영상위로 글이 올라가는 영상은 잘 안되는 경우가 있습니다.(암호화 안됨이나 사용 못함)이라고 뜨는 경우가
잇습니다. 그런 것은 하시지 말고 가능한 것만 해 보시기 바랍니다.)
16. Re:소스에 대한 분석 및 설명입니다.
<center>★영상을 가운데 정렬하라는 명령어
<table><tr><td background="http://cafe29.daum.net/_c21_/pds_down_hdn?grpid=5yfv&fldid
=5Z1f&dataid=2110&grpcode=sunshineclub&realfile=Dsci0018.jpg" width=730 height=440>
★↑글을 영상위로 올리려면 <img src=" ">으로는 안됩니다.
위와 같이 테이블을 만들어 주어야 하는데 그 명령어 공식은 다음과 같습니다. <table><tr><td
★ background="이미지의 주소" width=730 height=440> 입니다.
★ width=730 height=440은 이미지의 가로와 세로의 길이이겠지요
<marquee direction=up scrollamount=1 scrolldelay=80 loop=1>
★ 글씨를 좀더 멋지게 표현해 주는 효과필터입니다. 글씨에 태두리가 생겨 좀더 멋지게 나타납니다.
<font size=5 color=white> <br><br><br> <ul>
★마퀴 명령어,
즉 글을 이동시키는 명령어라고 배웠지요? 글씨를 위로 천천히 그리고 이것은 scrolldelay=80
100을 기준으로 좀더 정교한 속도를 위한 명령어인데 더하고 빼서 그 변화를 살펴보시기 바랍니다.
loop=1 은 글을 한 번만 올리겠다는 명령어. 만일 loop=5라고 써넣는다면 글이 다섯번 반복되겠지요
<span style=" width:100%; height: 20; font-size: 10pt; color: #FFFFFF; valign:bottom; Filter:
glow(color=black,strength:2); font-weight:none;">
★글을 영상의 왼쪽에서 1.5cm정도 우측으로 띄어서 올라갑니다.
<ul>을 두개 써넣으면 3cm정도 떨어져서 올라가겠지요? 부 담<br> <br><br><br><br><br> <font size=4>
왜 그럴까 <br>
<br>
또 어떤 일이 있었길래<br> 그 아이가 오늘 <br> 그만 만나자고 전화를 걸어왔다.<br>
<br>
힘이드는 것은 <br> 언제나 내 쪽이었는데<br> 왜<br> 먼저 나를 떠나겠다고 하는 것일까<br>
<br>
무슨 이유로 울면서 말을 잇지 못할까?<br> 목소리엔 왜 그리 힘이 없을까?<br>
<br>
너처럼 명랑하고<br> 너처럼 발랄하던 아이도<br> 이토록 가슴 찢어지게<br> 만들때도 있구나<br>
<br>
그래서 사랑은 <br> 그 끝이 아픔이라는 것일까<br>
<br>
어제만 해도<br> 날 챙겨주던 그 아이가<br> 오늘은 내가 <br> 너무 부담스럽다고 한다.<br>
<br>
못내 아쉬워 하면서<br> 달리 너에게<br> 해 줄 말이 떠오르지 않았다.<br>
<br>
안돼<br> 우리에게 이별은 없어<br>
<br>
그냥 해 본 투정이라면<br> 아무 걱정하지마<br>
<br>
난 그대로야<br> 언제나 너를 사랑해<br>
<br>
영원히 네 곁에<br> 남아 있을거야<br>
<br>
잘은 모르지만<br> 지금 너는 무엇에 지쳐서인지<br> 숨쉬는 일에도 힘겨워하고 있다.<br>
<br>
무슨 연유로<br> 거짓말을 하고 있는거야?<br>
<br>
그 마음 알 수 없지만<br> 손으로 얼굴을 가려도<br> 그 아이의 눈은 울고 있다는 것을 <br>
나는 알 수 있었다. <br>
<br>
하지만 조금만 진정하고 <br> 이것만은 알아주길 바란다.<br>
<br>
이 세상에서<br> 나 보다 널 사랑하는 사람은<br> 절대 있을 수 없다는 걸<br>
<br>
오늘 하루가 지난 다음에<br> 그때도 너의 마음이 진정이 되지 않는다면<br>
내일 다시 정식으로 얘기하도록 하자<br>
<br>
내가 너를 보내야 하는 이유를<br> 내가 나를 떠나야 하는 이유를<br> 내가 돌아서 가든<br>
너가 떠나서 가든<br> 그때 결정하기로 하자<br>
<br>
그러니 오늘은<br> 베개에 얼굴을 묻고<br> 그냥 잠들어 줘<br>
<br>
꿈속이라도 좋으니<br> 꼭 한 번만<br> 나를 다시 생각해 줘<br>
<br><br><br><br>
1986 12 20 <br><br>
김 성 진
</ul>★글씨가 영상에서 1.5cm정도 우측으로 띄어져 올라가라는 명령어인데
글이 끝나는 지점에 </ul>을 써서 반드시 닫아 주어야 합니다.
</marquee></table>★마퀴를 끝내고 테이블을 닫겠다는 명령어입니다.
<bgsound src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" loop=10>
↑음악 소스인데.. 이번과 에서는 해당이 안되므로 다음에 설명 드리겠습니다.
위의 소스의 분석에 있어서 태그선생님께서 여러 방면으로 응용하여 그 변화를 살펴보시기 바랍니다.
17. pre 에 대하여
<pre>는 강제로 글씨를 붙들어 두는 역할을 합니다.
예를 들어 <font color=red size=3>
나는 자랑스러운 태극기 앞에<br> 조국과 민족의 <br> 무궁한 영광을 위하여 <br> 몸과 마음을 바쳐 <br>
충성을 다할 것을 굳게 다짐합니다.<br>
↑위와 같이 하는 것과 ↓아래와 같이 하는 것과 같습니다. 그대신 <pre>를 넣어 주어야겠지요
<pre> <font color=red size=3>
나는 자랑스러운 태극기 앞에 조국과 민족의 무궁한 영광을 위하여
몸과 마음을 바쳐 충성을 다할 것을 굳게 다짐합니다.
숙제) 영상에 <pre>를 사용하여 작품하나씩 올려놓으시기 바랍니다.
18. ul 에 대하여
.. 글씨를 오른쪽으로 이동시키기 위해서는 'ul'을 넣어주면 됩니다.
ul하나면 약 1.5cm정도 우측으로 이동을 하니 적당한 갯수로 연습 해 보세요.
반드시 끝나는 지점에 /로 닫아주어야 합니다. 아래 글을 ul두개를 사용하여 우측으로 이동시켜 보았습니다.
사랑하기 때문에
당신을 본 순간 아무런 겁도 없이 무작정 사랑했습니다.
당신께서 나를 귀하게 여기지 않으셔도 나에겐 아무런 문제가 되지 않았습니다.
사랑이 이렇게 아픈거란걸 알면서도 당신 사랑한 것은 당신도 나를 사랑할거라 생각해서가 아닙니다.
이별이 이렇게 어렵다는 것을 알면서도 막상 떠나가는 당신을 붙들지 못한 것은 당신의 사랑이 식었기 때문도 아닙니다.
사랑해서는 안될 당신을 만나 어느 하루도 마음 편한 날 없었지만
내 마음이 많이 아팠다고 해서 당신도 나만큼 아파야 한다는 것은 원치 않습니다.
당신 때문에 울며 잠든 밤이 많았다고 당신도 나만큼 울어 주길 요구하지도 않겠습니다.
한순간 사랑을 느껴 다가서서는 안되는 사람을 마음에 담아두고 사랑한 것은 나의 잘못입니다.
당신은 아픈상처 남기고 떠났어도, 그럼에도 당신이 밉지 않은 것은 아직도 당신을 사랑하기 때문입니다.
19. 음악태그를 익히기 전에...
요즘은 연습실에 들리는 분들의 숫자가 너무 많이 줄어 저도 힘이 조금 빠지는군요. 이제 음악태그에 관해 공부 해 봅시다.
현재 남의 음악을 저작권료를 내지 않고 퍼다가 쓰는 문제가 법정에까지 가게되어 재판이 진행되고 있는 상태이고 한 때
다음 카페에서도 음악 복사 사용금지 조치를 내린 바 있었으나 현재는 보류 상태입니다.
어쨋든 남의 창작물인 음악을 작자의 허락 없이 퍼다가 듣는 것이 불법이므로 음악태그에 관한 한은 일정한 강의 형식을
배제하고 다른 사람의 글을 소개하는 방식을 취하겠습니다.
실정법이 유무죄를 판별하는걸 떠나서 관습법상으로 보아도 불법이라고 저 자신이 생각하고 있기 때문입니다.
강의는 진행해야 음악태그에 관해서는 수강생 여러분이 자의적인 노력을 많이 하시기 바랍니다.
태그에 처음 입문하신 분들도 그동안의 연습으로 태그의 개념에 대해서 많은 걸 이해 하셨으리라 봅니다.
음악뿐만 아니라 이제부터는 수업 진도 외에 여러분 능력대로 태그공부를 마음껏 하셔도 좋습니다.
다른 사람들의 태그 소스를 잘 보시고 자꾸 연습하시면 실력은 노력하는 만큼 늘 것입니다.
저 역시 백지상태에서 연습을 시작하였으니까요. 많은 연습으로 좋은 결과 얻으시기 바랍니다.
20. 기본적인 음악 태그
옵션 종류 |
옵션지정 형식 |
기본적인 음악태그의 형식 |
<embed src="음악주소"> |
플레이어가 보이지 않게 하려면 |
<embed src="음악주소"hiddem="true"> |
음악 재생 횟수 조정 (반복하고 싶은 횟수 만큼숫자지정) |
<embed src="음악주소"loop="-1"> |
미디어 사이즈 조절하기 |
<embed src="음악주소 "width="가로수치“height="세로수치"> |
21. Re: 보충설명
<pre><font size=3><xmp>
* 윈도우 미디어 창이 보이지 않게 하려면 가로(width)와 세로(height)의 길이를 0으로 설정해 줍니다
<예> <embed src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" width=0 height=0>
* 조그만하게 윈도우미디어그림이 보이게 하시려면
다음과 같이 가로와 세로의 길이를 지정해주면 됩니다.
(윈도우 미디어 그림에서 단추를 눌러 음악을 끄고 켤 수가 있습니다.) </xmp>
<embed src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" width=50 height=25> <xmp>
<embed src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" width=50 height=25> </xmp><xmp>
* 그리고 음악을 한번 듣고 싶으면 loop를 걸어주어야 하는데.. 그 방법은 아래와 같습니다.
<embed src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" width=0 height=0 loop=1>
두번 세번 듣고 싶으면 2,3을 넣어주면 되겠지요? 그 명령한 대로 실행이 됩니다.
그런데 밤 새도록 듣고 싶으면 -1을 넣어주면 됩니다. 요렇게~~
<embed src="http://my.dreamwiz.com/conapa/I.O.U-Carry and Ron.asf" width=0 height=0 loop=-1> </xmp>
22. 벅스뮤직에서 음악주소 가져오기<스피커를 켜고 설명듣기>
벅스뮤직에서 음악을 쉽게 가져올수 있습니다. 우선 벅스뮤직에 가입 하셔야 됩니다. 따라 해보세요 상세한 설명을 볼수가
있습니다 또는 벅스음악주소 만들기를 클릭하시면 설명이 나와있습니다.
23. 보더-영상에 테두리 넣기
bgcolor="black"에 칼라만 지정해주면 됩니다.
아래와 같이 응용해서 만들어보세요. 태그강의가 거의 마무리 단계에 와 있습니다.
이제 곧 여러분에게 리포터를 작성하여 숙제 제출해 주시는 과정만 남겨놓았는데..
마무리 단계이니만치 좀 더 열심히 해 주시기 바랍니다.
24. 왼쪽은 영상 오른쪽은 글 키 포인트는 'div align=left'입니다.
등불
창 밖으로 가득히 별이 내리는 새벽 온 몸을 냉각시키는 한기로부터
나는 끊임없이 불빛이 그리웠다.
바람은 조금도 멈추지 않고 등불은 숱한 향수와 같은 것에 싸여가고
주위는 자꾸만 마지막 남은 미명의 새벽에서 깨어나지 못하고 어두워 갔다.
사랑의 이름으로 써 눈물로 봉(封)해버린 편지를
오늘 하루 서랍에 재워두고 날이 밝으면 郵遞局으로 달려 가야한다.
이제 나도 한 개의 별이되어 좀더 낮은 곳으로
그대 창문에 내리고 싶다.
그리고 다시 켜지기 시작하는 등불들이
어스름 속에서 따스하게 피어난다.
25. Re: '소스' 참고하세요.
<img src="http://cafe29.daum.net/_c21_/pds_down_hdn?grpid=5yfv&fldid=5Z1f&dataid=2164&grpcode=
sunshineclub&realfile=143.jpg" width=300 height=460 align=left>
<div align=left> <pre><font color=pink size=4> 등불<br><font size=2>
창 밖으로 가득히 별이 내리는 새벽 온 몸을 냉각시키는 한기로부터
나는 끊임없이 불빛이 그리웠다.
바람은 조금도 멈추지 않고 등불은 숱한 향수와 같은 것에 싸여가고
주위는 자꾸만 마지막 남은 미명의 새벽에서 깨어나지 못하고 어두워 갔다.
사랑의 이름으로 써 눈물로 봉(封)해버린 편지를
오늘 하루 서랍에 재워두고 날이 밝으면 郵遞局으로 달려 가야한다.
이제 나도 한 개의 별이되어 좀더 낮은 곳으로
그대 창문에 내리고 싶다.
그리고 다시 켜지기 시작하는 등불들이
어스름 속에서 따스하게 피어난다.
<EMBED src=http://www.semisori.com/pop_h/help_me_make_it_through_the_night.t.asx
hidden=true volume="0" autostart="true" loop="-1">
'모아모아' 카테고리의 다른 글
SWay (0) | 2009.02.17 |
---|---|
더원~ (0) | 2009.02.17 |
여인에게 시키면 시키는데로 따라한다 (0) | 2009.02.17 |
대자연의 신비을 가진 천면 (0) | 2008.12.26 |
포토샵 테크닉모음 (0) | 2008.09.09 |