본문 바로가기
모아모아

아름다운 글 올리는 방법[1주일 완성]

by 청아 김종만 2009. 2. 17.

 

 

 

아름다운글 올리는방법 일주일완성


1.아름다운글 올리는 방법 (HTML이란 무엇인가)

2.아름다운글 올리는 방법 (글자의 움직이는 명령어-marquee)

3.아름다운글 올리는 방법 (marquee의속도-scrollamount)

4.아름다운글 올리는 방법 (marquee움직임의 방향 명령-direction)

5.아름다운글 올리는 방법 (marquee 완결)

6.아름다운글 올리는 방법 (글자의 크기와 색상- font)

7.아름다운글 올리는 방법 (문단의 정열- br와p의차이)

8.아름다운글 올리는 방법 (문단의 정열-right오른쪽-center중앙-left-왼쪽)

9.아름다운글 올리는 방법 (table 테이블이란)

10.아름다운글 올리는 방법 (이미지-img src)

11.아름다운글 올리는 방법 (배경-background)

12.아름다운글 올리는 방법 (음악과 동영상 올리는법)

13.아름다운글 올리는 방법 (Tip & Tech 생성기)

14.아름다운글 올리는 방법 (글자의 효과 )

  사진 슬라이드쇼로..올리는법...

 http://iphotal.com/ 또는 포샾 프로그램에 들어가셔셔 탑메뉴...마이앨범 클릭.

 사진올려서 마이앨범만드시는건 아시죠?!!! ^^*)

 만든 앨범을 한번 더 클릭하셔서 앨범보기...들어가시면요. 왼쪽에. 앨범관련 슬라이드 쇼 보기..메뉴가 있어요

 그거 클릭하시면요. 슬라이드쇼 창이 뜬답니다.

 새로 뜬 창안에 사진말구 사진주변에 마우스대구 마우스 오른쪽 속성..클릭하시면. 속성 중에..주소(url)이 나오거든요.. 이주소 그대로 복사(드래그)하셔서.  게시판에 올리실때요.. 아이프레임태그에 넣으시면 된답니다.

 ① <iframe src=" 00000 " width="600" height="650"  scolling="no" frameborder="0"></iframe>

 ② <iframe src="주소 URL" width="메뉴페이지 너비" height="페이지높이" scolling="no" frameborder="0"></iframe>

 ③ 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>

 창 밖으로 가득히 별이 내리는 새벽 온 몸을 냉각시키는 한기로부터 나는 끊임없이 불빛이 그리웠다.

더보기

 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