><EMBED hidden=true <center ------- 설명하겠습니다 밑으로 하나씩 윗부분부터 제일 태그 --------- 소스입니다 영상시 여기까지>
<--- 중앙정렬
background-color:ffcc00 <--- ffcc00은 테이블 중앙 색입니다. 다른 색으로 바꾸셔도 됩니다.
border-width:17px; <--- 테두리 바깥쪽 두께 조절입니다. 숫자가 클스록 두께가 커지겠죠^^
border-color:ff9966; <---ff9966은 테두리 바깥쪽 색입니다. 원하는 색을 넣어 주세요
border-style:ridge;" cellpadding=1 <--- 숫자 1은 중앙쪽 테두리 두께 조절입니다.
<TR><TD><--테이블 안쪽으로 선을 들어 가게 해줍니다.
table background="http://user.chollian.net/~jd13952/img/bridge.jpg <--- 그림 주소입니다 원하는 그림을 넣어주시면 됩니다.
width=550 height=440 <--- 그림 사이즈 입니다 그림 크기를 설정해 주세요
cellspacing="2" <--- 2는 테이블 제일 안쪽 좁게 넙게 해줍니다.
border=8 <--8은 테이블 중앙쪽 넓게 좁게 해줍니다.
bordercolor="ffffff"> <-- ffffff은 테이블 안쪽 색 조절입니다.
<MARQUEE style="TEXT-ALIGN: left" direction=up height=220 scrollAmount=1><-- 이 태그는 글자를 위로 자연스럽게 올라가게
해줍니다. 글자 올라가는 태그중에서 scrollamount=1 <-- 1은 빨리 올라가거가 느리게 설정해줍니다. 숫자가 높을수록 빨리 올라 가겠죠^^
height=220 <--- 220은 글자 상단 하단 길이 입니다.
<PRE> <--- pre는 자동 줄바꿈입니다.
<UL> <---- ul은 한칸 들여쓰기입니다.
<SPAN style="TEXT-ALIGN: left; FILTER: glow(color=000000,strength:2); HEIGHT: 9px; COLOR: #ffffff"><PRE>
<--- 위 소스는 그림자 글씨체를 써주는 태그입니다.
위 그림자 글씨체중에서
text-align:left <-- left는 자측정렬 중앙 정렬을 하고 싶으면 center로 해주시고
오른쪽 정렬 해주실려면 right로 바꿔 주세요
color=000000 <-- 000000은 그림자 글씨 바깥쪽 색지정입니다.
COLOR:ffffff <--ffffff은 그림자 안쪽 색 지정입니다.
HEIGHT:9px <---숫자 9는 글자 크기입니다.
글자 크기가 안변할 경우는
<-- 복사해서 뒷부분에 넣어 글자크기를 정하세요
<SPAN style="TEXT-ALIGN: left; FILTER: glow(color=000000,strength:2); HEIGHT: 9px; COLOR: #ffffff"><FONT size=2>
위처럼
<---이걸 붙이고 글자 크기를 정하면 됩니다.
이곳에다 시를 쓰세요
<--이곳에다 시를 쓰세요를 지우시고 좋아하는 시를 쓰시면 됩니다.
</MARQEE></FONT></SPAN><B><PRE></TD></TR></TABLE></TD></TR></TABLE>
위소스는 테이블을 퍼지지 않게 해줍니다. 위 소스가 빠질경우는 엉망진창이 되지요^^
<EMBED hidden=true src=http://user.chol.com/~jd13952/music/shrek.asf loop="infinite" autostart="true">
위 소스는 음악을 넣어 주는 소스입니다. 음악주소를 지우시고 원하는 음악을 넣으세요^
embed는 asf,mp3등의 일반음악에 xxxbgsound는 mid파일에 사용합니다.
hidden="true"는 음악재생기를 감춘다는 뜻이고
autostart="true"는 자동 재생한다는 뜻입니다.
loop는 반복의 횟수를 지정하는 것으로 "infinite" 나 "-1"은 무한 재생을 의미합니다.
</PRE></B></PRE></SPAN></UL></PRE>
<CENTER></CENTER>
<CENTER></CENTER></CENTER>
height=250 ~~~~~~사진틀 세로 크기
width=420 ~~~~~~~사진틀 가로 크기
LEFT: 340px;~~~~~~~~~글자위치 좌우 방향 조절
TOP: 5px;~~~~~~~~~글자위치 상하 높낮이 조절
LINE-HEIGHT: 15px~~~~~~~~~글씨 크기 조절
HEIGHT: 521px">~~~~~~~~~글씨 간격 조절
~~~~~~~~~~~~~~~~~~~~~~
|
| |||||||||||||||||||||||||||||||||||||||
|
|
|
|
|
| |||||||||||||||||||||||||||||||||
사진 꾸미기 소스
. 글쓰기를 선택후에 제목쓰고 아래 이미지에 보이는대로 이미지 넣기를 클릭합니다
2. 이미지 넣기 창이 생겨나면 오른쪽에 있는 사진추가를 선택하세요
3. 이제 본인 컴퓨터에 저장되어 있는 사진을 찾아서 더블클릭하세요
4. 선택된 사진이 보여집니다. 최대 20장까지 가능하구요 총 용량은 2MB 이내로
제한됩니다. 두장 이상 일경우 2번부터 반복하세요. 올릴 사진의 선택이 끝나면
아래에 있는 확인을 클릭하세요. 
★ 이제 사진에 대한 설명을 써 넣으시고 등록을 하시면 됩니다.
~~~~~~~~~~~~~~~~~~~~~~~~~~~
사진이나 그림을 스캐너에 넣고
1. 바탕화면에서
시작 - 프로그램 클릭 -VACCES 클릭 (화면이 없어지며 바탕화면나옴)
2. 다시 바탕화면에서
내컴퓨터 클릭 - C드라이브 클릭 -VSTASCAN 클릭 - VACCESS 클릭 -나감
3. 다시 바탕화면에서
pressto page man 클릭 - 메뉴줄(상단)에서 스캔 (모양) 클릭
- 미리보기 클릭
한참(약10초정도)있으면 스캐너가 복사하느라 내부에 불이 켜지며
스캔하는 모습이 보임
-점선을 이용 스캔할 사진의 범위를 지정
-colorphoto 클릭
-EXIT 클릭후 나감
-새화면이 나오면 - 저장(사진)
- 파일형식 JPEG 로 변경
- 파일이름 - 사진명칭 타자 - 저장
사진(이미지)저장
사진(이미지)수정
- image 클릭
- image sige 클릭 하여 적당한 크기로 수정
여러장의 사진을 1장에 작은 사진으로 만들어 주는 기능이 있습니다
file→automate→contact sheet ll 클릭 contact sheet ll 대화상자가 열림
browser 를 클릭하고 image 가들어있는 폴더를 선택하고 OK 하면
자동으로 섬네일 이미지가 만들어짐니다
섬내일 크기 등 여러가지 옵션들이 있읍니다
원하는 그림사진을 모두 불러와서
이미지 사이즈로 가서 원하는 사이즈로 만든다음에
멏장을 보이게 할것인지 계산하여 새로운 파일을 하나 만들어서
원하는 그림을 ctrl+a(전체선택)하여 새로운 파일에 붙여놓기를 하세요
이 방법이 가장 쉬운 방법입니다.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
포토샾없이 사진 크기 줄이는 방법 많은 분들이 포토샾이나 이미지 프로그램으로
사진을 줄이시는데요...
그런 프로그램 없는 분들도 간단히 이미지 크기를 줄이는 방법입니다
우선 원본 사진입니다.원본 이미지는 백업를 한장정도 해두세요... 
그림에서 처럼 그림판을 열어주세요.. 
그림판이 열렸으면 파일에서 열기로 그림을 불러옵니다. 
사진을 불러 오셨으면 다음으로 이미지 메뉴에서 늘이기/기울이기를 선택해 주세요...
그냥 Ctrl+W를 눌러 주셔도 됩니다. 
그러면 보시는 바와같이 늘이기 및 기울이기 창이 뜨는데요. 
여기서 늘이기밑에 가로/세로 가 보이는 데요. 100%가 원본이미지 크기 입니다.
100%로 되어있는것을 자신이 원하는 크기에 마쳐서 %로 줄이시면 됩니다.
줄이고 싶으시면 90%,80%...... 늘이고 싶으시면 110%,120% 이런 식으로요...
저는 과감히 50%로 줄여 보겠습니다.
그리고 확인이나 엔터.. 주의 하실점은 가로,세로를 같은 비율로 줄이거나 늘려 주세요...
짜~잔~! 네 성공적으로 줄었습니다.
그럼 파일에서 다른이름으로저장으로 파일명을 바꿔서 저장해주시면 모든 작업은 끝났습니다..
그리고 그림판을 끝낼때 "변경내용을 저장할까요?"에서 아니요를 선택해주세요.
마지막으로 수정한 사진을 끝으로 오늘의 작업을 끝마치겠습니다..
|
1.아름다운글 올리는 방법
(글자의 움직이는 명령어-marquee)
2.아름다운글 올리는 방법
(marquee의속도-scrollamount)
3.아름다운글 올리는 방법
(marquee움직임의 방향 명령-direction)
4.아름다운글 올리는 방법
(marquee 완결)
5.아름다운글 올리는 방법
(글자의 크기와 색상- font)
6.아름다운글 올리는 방법
(문단의 정열- br와p의차이)
7.아름다운글 올리는 방법
(문단의 정열-right오른쪽-center중앙-left-왼쪽)
8.아름다운글 올리는 방법
(table 테이블이란)
9.아름다운글 올리는 방법
(이미지-img src)
10.아름다운글 올리는 방법
(배경-background)
11.아름다운글 올리는 방법
(음악과 동영상 올리는법)
12.아름다운글 올리는 방법
(Tip & Tech 생성기)
13.아름다운글 올리는 방법
(글자의 효과 )
소스복사할 때 타카페 링크 없에는 방법
<CENTER><TABLE style="BORDER-RIGHT: green 5px solid; BORDER-TOP: green 5px solid; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#cccccc,direction:145,strength:15); BORDER-LEFT: green 5px solid; BORDER-BOTTOM: green 5px solid; HEIGHT: 15pt" height=360 cellSpacing=3 cellPadding=15 width=450 align=center><TBODY><TR> <TD> <TABLE style="BORDER-RIGHT: green 1px solid; BORDER-TOP: green 1px solid; BORDER-LEFT: green 1px solid; BORDER-BOTTOM: green 1px solid" cellSpacing=0 cellPadding=10 bgColor=#ffffff><TBODY> <TR><TD> <CENTER><embed a src=http://pic3.ohpy.com/up/tmp/elbbs/2007/11/14/83960/670321225/a6.swf width=500 height=350></EMBED></center><a href=http://cafe.daum.net/anemstksrkzvp" style="text-decoration: none;" target="blank"><PRE><FONT face=Verdana color=00000><span id="style" style="line-height:21px"><ul><ul>
여기까지는 편지지 소스보기입니다
이곳에서 보면 이런곳이 있습니다
<a href="http://cafe.daum.net/ anemstksrkzvp " style="text-decoration: none;" target="blank">
보이시조
이곳을 삭제 하십시오
이곳은 카페 링크 입니다
이곳을 지우면 링크가 사라집니다
이것은 편지지를 예로 든것 입니다..
회람없이 소스 보는 법
아시는 거겠지만 .. 스크랩을 해가는게 기본적인 방법이구요~
이미지 같은 일반 자료는.. 자료를 보면서 자료위에 마우스를 대고 쫙~ 긁어보세요.
자료가 시작되는 부분부터 마지막까지 전체가 까맣게 칠해지면 [Ctrl]+[C]키를 눌러
복사하시구요~ 글쓰기 클릭하시고 에디터를 클릭합니다.
그리고 [Ctrl]+[V]를 눌러 붙여넣으시면 됩니다.
동영상 같은 경우에는 긁어지지 않아요 ~ 아래 소스보기 방법을 이용하셔야 됩니다^^
② 테이블이나 배경등 자료를 퍼가 사용하실경우
회람이 없어도 얼마든지 퍼가실수 있어요.. 자료를 보면서 마우스 오른쪽을 클릭하셔서
소스보기를 클릭합니다. 그리고 메모장이 뜨면 편집 - 찾기를 클릭한후
스크랩 출처 라고 써넣으면 자동으로 찾아줍니다. 스크랩 출처 아랫부분이 소스가 되지요.
소스를 어느정도 아시는 분이면 직접 써넣으시면 더 빨리 찾으시겠지요..
동영상경우엔 embed 라고 써서 찾아보시면 나오겠지요..
③ 소스보기가 길어서 복잡하다 생각되면..
자료를 클릭하고 아래 부분 답글 옆에 인쇄라는 부분이 있습니다.
인쇄를 누르고 인쇄창이 뜨면 취소 누르시구요~ 위에 보기 - 소스보기를 하시고
편집 - 찾기 하셔서 스크랩 출처라고 적으시면 아래에 소스가 있습니다.
게시판에서 소스보기 하는것보다 더 간단해서 소스 찾기가 더 수월할 것입니다.. 이미지 옆에 글 넣기 보기글이 끝난 부분 아래를 살펴보면........ 윗글(스크랩금지된 글의 소스보기)대로 따라하면
HP DeskJet 930c Photo Printer(windows me용)에 사용하는 프린터 드라이버. 코덱 설치가 필요없고 손상된 AVI 파일까지 재생 가능한 국산 동영상 플레이어. 디자텰 사진기로 찍은 사진을 손쉽게 보정하여 사용할 수 있는 프로그램. 화려한 디자인과 살아 움직이는 듯한 동영상이 실제처럼 느껴지는 화면보호기 windows 2000, XP용 윈도우즈 미디어 인코더9 버젼. 현재 내 시스템에 있는 폰트를 일일이 열지 않고도 바로 모양을 확인할 수 있는 폰트 관리 툴. 동영상, DVD 재생이 가능한 국산 동영상 플레이어. 다운로드 중 미리보기를 지원하며 필수코덱을 포함하고 있다. AVI, MPEG, 이미지 파일을 AVI, MPEG, VCD, SVCD, DVD, WMV, asf 포맷으로 변환할 수 있는 변환 프로그램. DX50코덱 하두리에서 제공하는 웹카메라 작동 드라이버 최신버젼. 홈페이지를 임의로 변경하거나 성인사이트가 뜨는 것을 방지하는 프로그램 윈도우 미디어 플레이어 windows 2000시리즈용. 당나귀 서버와 호환 가능한 국산 P2P 파일 공유 프로그램 미디어 뱀프의 새로운 버전으로 국내 서버 목록을 추가하고 있어서 초보 사용자들이 쓰기 쉽다. V3 라이트 버젼 컴퓨터의 냉각팬을 사용상태에 따라 자동으로 조정하여 소음을 줄일 수 있다. 그림파일의 표준형식으로 볼 수 있는 viewer 웹페이지 혹은 사이트 전체를 내 컴퓨터에 저장하는 오프라인 브라우저. 보고서와 예약 기능 등 다양한 옵션이 돋보인다. Windows XP보다 훨씬 다이어트되어 쾌적한 작동을 자랑하는 Windows 2003 서버 설치관련 자료 Windows 2003 서버 설치시 update를 가능하게 해주는 툴 해킹 관련자료 및 프로그램 모음 HP DeskJet 930c Photo Printer(windows xp용)에 사용하는 프린터 드라이버. 고스트로 백업 및 복원을 할 때 필요한 시동디스켓 대우통합보드용(ct6481)에 필용한 사운드,그래픽카드,랜카드 드라이버
게시판의 글을 보던중
이미지 옆에 글 넣는걸 모르시는분이 계신것같아 올립니다
이미지 옆에 글을 넣을때는
align 를 넣어 주시면 됩니다.
<img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=left>
이렇게 하면
여러줄의 글을 넣을수 있습니다
그러다가
이미지에서 글을 빠져 나가게 할려면
<br clear=left>라고 넣으면
이렇게 이미지 밑에 글을 넣을수 있어요. border는 아래를 설명하기위하여 넣은것 입니다.
그런데
위의 것은 이미지와 글이 너무 붙어 있죠?
글과 이미지 사이를 띄울려면
vspace=띄우고져 하는 수
hspace=띄우고자하는수
이렇게 넣으시면 됩니다
위의것은
<img src='http://mysesang.com/buty/img/t3.gif' border=1 align=left vspace=0 hspace=30>
으로 설정한것 입니다
vspace와
hspace의 용도는 수치를 바꾸어 가면서
실험해보세요
어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다. 그림의 오른쪽에 글자를 오게 할려면 align=right 로 넣어 주세요. 그러면 이렇게 그림의 오른쪽에 글자가 위치하게 됩니다.
<img src='http:///mysesang.com/buty/img/t3.gif' border=1 align=right>
이렇게 한것이죠.
소스 금지된 글 보기
이 글을...() 이란 부분이 보이지요?
이 글을...() 이 부분을 클릭하면 네모칸이 뜨는데 제일 밑에 "인쇄" 라고 있지요?
인쇄 부분을 클릭하세요
자 그럼 조그만 창이 한개 떴지요?
조금 있다가 인쇄물음창이 또 뜨는데 이 인쇄창을 취소 또는 X 를 클릭하여 지워 없애버리세요
그러면 원글이 있던 창과 인쇄를 클릭해서 생긴 조그만 창
두개의 창이 떠있어야 정상입니다.
그런데 원글이 있는 창 상단에는 주소란(http://cafe.daum.net/joo3287)이 있는데
새로 생긴 조그만 창의 상단에는 주소란이 없지요?
자판 맨 위에 있는 기능키 중 F11 키를 클릭하시면 주소가 없던 조그만 창이 새로운 창으로 바뀌면서 화면 가득 차는데
새로 바뀐 창의 주소란에는 영문주소가 나타나지요?
주소란에 마우스를 대고 마우스 우측을 클릭하면 주소가 반전되고 복사를 클릭하면
주소(http://cafe171.daum.net/_c21_/bbs_print?grpid=oP9X&mgrpid=&fldid=HMq3&dataid=16635)가 복사됩니다.
(조그만 창이 바뀌어 화면 가득 차게 된) 창의 상단 주소란에 나타난 영문주소를 복사한 후에는
그 창은... 맨 우측 상단의 X 를 클릭해서 없애버리세요
그러면 원래 글이 있던 창만 남을 겁니다.
그 원글이 있던 창에 있는 주소(http://cafe.daum.net/joo3287)를 지워버리세요
그러면 주소란이 공란이 되지요?
바뀐 창에서 복사해온 주소(http://cafe171.daum.net/_c21_/bbs_print?grpid=oP9X&mgrpid=&fldid=HMq3&dataid=16635)를
원글에 있는 빈 주소란에 붙여넣기 한 후 엔터키를 치세요
새로 붙여넣기 한 주소(바뀐 창에 있던 주소)로 창이 하나 뜨지요?
그 창의 상단에 보면... 파일 편집 보기 즐겨찾기 등이 나열되어 있지요
그 중에서 보기 를 클릭하고 나타난 네모칸에 있는 소스를 클릭하면 원글 소스가 나옵니다
필요한 소스자료만을 복사하여 쓰면 됩니다.
메모장이 뜨는데... 메모장 하나 가득 영어글씨가 써있지요?
이 중에 원하는 소스공식이 포함되어 있습니다.
나머지 영어들은 우리에게 필요없는 것이니까
메모장에 있는 내용 중 우리가 원하는 소스공식 부분만 복사하도록 하겠습니다.
아래 부분이 있는지 찾아보세요
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr valign="top">
<td id="user_contents" name="user_contents" style="width: 100%">
<!-- clix_content 이 안에 본문 내용 외에 다른 내용을 절대 넣지 말 것 -->
보통 위에서부터 2/3 되는 부분쯤 아래에 나와 있습니다.
그 위에 있는 영어들은 필요없는거죠
찾으셨나요?
그 아래부터 필요한 소스공식이 나옵니다.
<!-- 스크랩 출처 --> 라는 것이 나올 때까지가 필요한 소스공식 내용입니다.
마우스 좌측을 클릭하여 누르고 있는 상태에서
원하는 부분의 시작부터 끝까지
쭈욱 드래그한 후 마우스 왼쪽을 누르고 있던 손을 뗍니다.
그러면 복사하기를 원하는 부분이 파란색으로 덮여 있지요?
그 파란색 부분 아무데나 마우스를 대고 마우스 우측을 클릭하여 복사를 클릭하면
마우스에 원하는 부분이 복사되었습니다.
이제 카페의 글쓰기를 클릭하여 빈공간에 마우스 우측을 클릭하여 붙여넣기를 클릭하면
복사해온 것이 그대로 붙여집니다.
일단 글제목을 쓰고 등록하시면 스크랩금지된 글과 똑같은 글이 뜨게 됩니다.
가끔은
그림이나 음악이 안나올 때가 있습니다.
이럴땐 다시 수정을 클릭한 다음
([안내]태그제한으로등록되지않습니다)
이렇게 쓰여진 부분을 delete 키로 삭제하시면
이미지나 음악이 제대로 나옵니다...
컴에 유용한 다운 받기
아래 그림과 같이 여러개의 그림이 있는데, 번호가 지정되어 있지 않으면
난감하셨죠? 많이 해 보시지 않았으면 더욱 난처한데..
누구에게 물어보려고 해도 그림 설명부터 어려워서..ㅠ.ㅠ
이제는 직접 도전해 보시죠^^
아래 그림으로 한 번 해 볼께요
음!!~ 그림위에 마우스 커서(화살표)를 올리시고 오른쪽을 클릭하시면 나오는 화면중에,
좌측 상단에 나오는 화면 등록 정보에서 주소:(URL) 옆에 보이는
http://www.pennyparker2.com/image192.gif 가.. 위 그림의 주소입니다.
마우스로 드래그 하여 주소를 복사 하시구요.
글을 쓰시고자 하는 곳에서 아래처럼, 그림 주소의 리더를 만드세요
<IMG SRC=""> ☜ 이렇게 적으시고
<IMG SRC=그림 주소> "그림주소" 라고 적혀 있는 부분에
복사해 둔 http://www.pennyparker2.com/image192.gif를 붙이면 됩니다.
완성된 소스를 보여 드릴께요. 님께서 만든 소스와 같은지 확인하세요.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
① 카페 게시판에 자료로 퍼갈경우
아시는 거겠지만 .. 스크랩을 해가는게 기본적인 방법이구요~
이미지 같은 일반 자료는.. 자료를 보면서 자료위에 마우스를 대고 쫙~ 긁어보세요.
자료가 시작되는 부분부터 마지막까지 전체가 까맣게 칠해지면 [Ctrl]+[C]키를 눌러
복사하시구요~ 글쓰기 클릭하시고 에디터를 클릭합니다.
그리고 [Ctrl]+[V]를 눌러 붙여넣으시면 됩니다.
동영상 같은 경우에는 긁어지지 않아요 ~ 아래 소스보기 방법을 이용하셔야 됩니다^^
② 테이블이나 배경등 자료를 퍼가 사용하실경우
회람이 없어도 얼마든지 퍼가실수 있어요.. 자료를 보면서 마우스 오른쪽을 클릭하셔서
소스보기를 클릭합니다. 그리고 메모장이 뜨면 편집 - 찾기를 클릭한후
스크랩 출처 라고 써넣으면 자동으로 찾아줍니다. 스크랩 출처 아랫부분이 소스가 되지요.
소스를 어느정도 아시는 분이면 직접 써넣으시면 더 빨리 찾으시겠지요..
동영상경우엔 embed 라고 써서 찾아보시면 나오겠지요..
③ 소스보기가 길어서 복잡하다 생각되면..
자료를 클릭하고 아래 부분 답글 옆에 인쇄라는 부분이 있습니다.
인쇄를 누르고 인쇄창이 뜨면 취소 누르시구요~ 위에 보기 - 소스보기를 하시고
편집 - 찾기 하셔서 스크랩 출처라고 적으시면 아래에 소스가 있습니다.
게시판에서 소스보기 하는것보다 더 간단해서 소스 찾기가 더 수월할 것입니다.. 움직이는 글자(mrquee) 마퀴(marquee)라는 영어 단어는 "움직이다"라는 뜻이 들어있습니다. 이 태그는 글자,그림 등을 움직이게 할 수 있는데여... 마퀴 태그는요 marquee 이 단어 하나만으로도 아주 많은 표현을 할 수 있는 간단하면서도 강력한 태그언어라 할 수 있습니다. 홈페이지 제작할 때는 다른 태그와 함께 아주 중요한 문자입니다. 1.기본적인 소스 글자내용 : 여기에 여러 가지 옵션을 넣어서 사용합니다. 옵션코드와 의미 , 결과보기를 표를 이용하여 알아 보겠습니다.
소스 <marquee behavior=scroll>글자가 계속 반복해서 움직입니다.</marquee> 결과
loop 에 반복 횟수를 한번만 준 경우
소스 <marquee behavior=slide loop=1>(끝에서 와서 멈춥니다.)</marquee> 결과
loop 에 반복 횟수를 30번 준 경우 글자가 갑자기 사라지는 느낌이 전해 집니다.
소스 <marquee behavior=slide loop=30>(글자가 갑자기 사라집니다.)</marquee> 결과
소스 <marquee behavior=alternate>좌 , 우로 왔다 갔다......</marquee> 결과
소스 <marquee bgcolor=pink>배경색상</marquee> 결과
<marquee direction="뱡향" width="넓이 숫자" height="넓이 숫자" bgcolor="색상">내용</marquee>
소스 <marquee width=400 height=50 bgcolor=00ffff>넓이와 높이</marquee> 결과
marquee 태그에도 여러 가지 옵션을 삽입할 수 있는데여..... 좌로 이동, 우로 이동 , 아래로 이동 , 위로 이동 , 좌우로 이동 등을 글자나 그림에 붙여서 사용할 수 있습니다.
홈페이지에서는 많이 사용되지는 않지만 다른 태그와 함께 필수로 알아 두셔야 할 사항입니다. 주로 채팅방에서 많이 사용되는 마퀴(marquee)태그를 지금부터 알아 보도록 하겠습니다.
기본 소스 : <marquee behavior="사용할옵션">본문 내용</marquee>
- direction : 움직이는 방향을 지정해 줍니다.
방향에는 " left , right , up , down " 의 4가지 옵션을 사용할 수 있습니다.
|
왼쪽으로 이동하는 소스 |
<marquee direction=left>왼쪽으로 이동합니다.</marquee> |
|
결과 |
|
|
오른쪽으로 이동하는 소스 |
<marquee direction=right>오른쪽으로 이동합니다.</marquee> |
|
결과 |
|
|
올라가는 소스 |
<marquee direction=up>위로 이동합니다.</marquee> |
|
결과 |
|
|
내려가는 소스 |
<marquee direction=down>아래로 이동합니다.</marquee> |
|
결과 |
|
- scrolldelay : 스크롤의 지연효과를 얻기 위해서 scrolldelay를 사용합니다. 만약 1초간 멈췄다가 이동하려면 1000을 지정해 주면 됩니다.
|
소스 |
<marquee scrolldelay=1000 bgcolor=silver>1초간 정지합니다.</marquee> |
|
결과 |
|
- scrollamount : 값(숫자가 클수록)을 많이 줄 수록 스크롤 속도가 빨라집니다
|
소스 |
<marquee scrollamount=30>당신이 머문자리는 아름답습니다 놀러 오세요.^^*</marquee> |
|
결과 |
|
※ 위에 쓰여진 태그에 여러 가지 옵션을 사용하여 다이나믹하게 표현할 수 있습니다. 예를 들어
<marquee behavior=scroll><font size="2" color="black" face="바탕">하모니의 쉼터</font></marquee> 이 태그안에 크기나 방향 , 색상등을 삽입하여 쓰기도 합니다.
또는 글씨체와 글자 크기를 변경 할 수도 있는데요. 바꾸는 방법은 marquee 앞에 내용을 삽입하면 되겠지요?
2. 마퀴(marquee)태그에 옵션을 삽입한 또 다른 예제입니다.
|
아래로 내려가는 태그 |
소스 |
<marquee direction=down>♣머♣문♣향 |
|
결과 |
| |
|
올라가는 태그 |
소스 |
<marquee direction=up>♣머♣문♣향 |
|
결과 |
| |
|
글자가 세로로 이동하는 태그 |
소스 |
<MARQUEE bgcolor=white direction=reft scrollamount=1 width=300 height=50 loop=-1>머<br>문<br>향</marquee> |
|
결과 |
| |
|
왼쪽으로 이동하면서 위로 올라가는 태그 |
소스 |
<MARQUEE DIRECTION=LEFT><marquee direction=up><font size=5 color=pink face=바탕체>좋은 하루!</font> |
|
결과 |
| |
|
빙글빙글 태그 |
소스 |
<marquee direction=up behavior=alternate height=100>글자가 막 돌아요~~</font> |
|
결과 |
|
※이렇게 태그에 여러 가지 옵션을 삽입하여 응용하면 멋진 글자 태그가 탄생됩니다.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
기본 테그 상식
*<body bgcolor="색상"> : 윈도우 배경화면색 지정.
*<body background="이미지 주소"> : 배경을 그림으로할때 쓰는 속성.
*<body text="색상"> : 표준 글씨색 지정.
*<body link="색상"> : 링크 부분의 색 지정.
*<body vlink="색상"> : 검색한 링크 부분의 색 지정.
*<body alink="색상"> : 링크된글자를 누르는순간의 색을 지정.
▶<P> 태그의 사용법
*<P> 내용 </P> : 문단을 나누는 태그입니다.
▶빈칸 사용하기
* : 빈칸을 만들어 줍니다.(빈공간,글씨의 공란을 대신함.)
▶주석 사용하기
*한 줄을 주석으로 사용할 때는 <! 주석> 태그를 이용하고 여러줄을 주석으로 이용하려면
<!-- , //--> 태그를 이용합니다. 주석태그는 브라우져에서는 보이지 않는 태그입니다.
▶<br> 사용하기
*<br> 태그는 줄을 바꾸고 싶을 때 사용하는 것입니다.
br 은 예를들어 한번만 사용하면 다음줄로 넘어갑니다.
하지만 여러줄을 띄우고 싶을 때는 br 의 횟수를 더 많이 해주면 됩니다.
3칸을 띄우고 싶으면 3번을 쓰시면 됩니다.
▶문단 정렬하기
*<p align="정렬형태"> : left 나 right 를 써서 줄 단위로 정렬합니다.
*<center></center> : 여러문단을 중앙 정렬합니다.
▶선 태그 사용하기
*<hr size="크기" width="크기" align="정렬형태" style="color:색상;" noshade>
수평선 그리기 태그입니다.
size : 픽셀 단위의 선의 두께입니다.
width : 선의 수평길이 입니다.
align : 길이가 화면보다 작을 때 수평선이 그려질 위치입니다.
noshade : 음영 효과 없는 보통의 선 그리기 입니다.
style="color:색상;" : 선의 색상을 바꿔줍니다.
▶글자 크기 변경
*<basefont size="크기"> : 전체 글자 크기를 지정.
*<font size="크기"> : 일부의 글자 크기를 변경.
▶글자색 변경
*<font color="색상"> : 글자의 색상 지정.
▶글꼴 변경
*<font face="글꼴명"> : 글꼴 지정.
만약, 글자의 크기와 색상,글꼴을 동시에 바꾸시려면
<font size="크기" color="색상" face="글꼴"> 이렇게 하시면 됩니다.
▶입력된 그대로 출력하기
<pre>내용</pre> : 화면에 나와 있는 내용을 그대로 출력합니다.
엔터를 치면 <br> 의 효과를 보게 됩니다.
<xmp>내용</xmp> : <pre> 태그와 비슷하지만 태그 소스까지 표시합니다.
한때 대화방에서 폭탄태그 방어로도 쓰였던 것입니다..^^
▶그림 삽입하기
<img src="이미지 파일 경로(주소)" alt="그림 설명">
그림과 설명을 삽입합니다.
▶그림 크기 지정하기
<img src="이미지 파일 경로(주소)" width="가로크기" height="세로크기">
그림을 자신이 원하는 크기만큼 조정합니다. 숫자가 높을 수록 커집니다.
▶그림의 위치 설정하기
<img src="이미지 파일 경로(주소)" align="정렬위치">
그림을 삽입하고 left 나 right 로 위치를 지정해 줍니다.
▶그림의 여백과 테두리 설정
<img src="이미지 파일 경로(주소)" border="테두리 두께">
그림의 경계선을 만듭니다.
<img src="이미지 파일 경로(주소)" hspace="크기">
그림의 좌우 여백을 지정합니다.
<img src="이미지 파일 경로(주소)" vspace="크기">
그림의 상하 여백을 지정합니다.
▶사운드 태그
<[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src="음악주소"> : 주로 배경음악으로 많이 쓰이는 태그입니다.
이 것은 mid 나 wav,mp3 파일등을 사용할때 쓰는 태그인데, 주로 배경음악으로 사용하는
파일은 mid 파일입니다. 용량도 작고해서 홈페이지 로딩시간에 별 지장을 주지 않습니다.
다른 파일들은 시간이 좀 오래 걸립니다. 요즘은 asf 파일도 사용합니다만 그것도 역시
시간이 좀 걸린답니다.
<embed src="음악주소"> : 이 태그는 전에 채팅상에서 많이 쓰이는 태그 였습니다.
주로 사용하는 파일이 asf 나 asx 파일입니다. 이 태그를 쓰게 되면 미디어 재생기가
나타나므로 자신이 맘대루 끌수도 있고 다시 재생시킬수도 있습니다.
이 외에도 리얼음악도 있지만 거의 배경음악으로는 사용이 불가능합니다.
리얼은 링크태그를 써서 클릭하면 들을수 있는 그런 방식입니다.
<a href="리얼 음악주소" target"new_window">여기를 클릭하세요!!</a> 이런식으로 하시면
됩니다.
또 한가지 [Tip], 홈페이지에 리얼과(다른 파일도 해당됨.) 같은 음악을 바로 띄우게 할수 있는
방법도 있습니다. 이건 스크립트를 이용하는 것입니다.
<script>open('음악파일주소')</script>
위의 예제처럼 하시면 홈에 들어오자 마자 플레이어가 나타나게 되죠^^.
<embed src="음악주소"> 이 태그를 쓰실때 재생기가 작게 나오게 하려면.....
width="수치" height="수치" 를 쓰게 되면 재생기의 크기를 마음껏 조절할수 있습니다.
<embed src="음악주소" width="수치" height="수치"> 이런식으로요..^^
음악을 반복해서 여러번 듣고 싶을때는 아래처럼 하시면 됩니다.
----------------------------------------------------------------------
<style>
body {
background-image:url("배경그림주소");background-attachment: fixed;
background-repeat: yes-repeat;
background-position: up; }
table { background-color: transparent; } td
{ background-color: transparent; }
</style>
----------------------------------------------------------------------
♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡
----------------------------------------------------------------------
▒ 설명 ▒
배경그림주소 라는곳에는 배경그림주소를 넣어주시면됩니다
배경을 포토샵 아니면 페인트샵에서 만들어주세요
포토샵에서))※사이즈: 1. 1024*768
2. 작은이미지를 계속놓아줘도 됩니다
계정주소구하기)) 포토샵강좌방에서 찾아서 계정을만들어서 배경이미지를
업로드하세요♡
----------------------------------------------------------------------
<embed src="음악주소" loop="반복횟수"> 이렇게 하시면 자신이 원하는 반복횟수만큼 들으실수 있습니다.
'도서관 (지식 충전...' 카테고리의 다른 글
| 맞춤법과 띄어쓰기<1회> (0) | 2014.04.23 |
|---|---|
| 한글맞춤법과 한글맞춤법통일안의 차이 (0) | 2014.03.25 |
| 제사 상 차리기 (0) | 2013.09.15 |
| 차례 모시기 (0) | 2013.09.15 |
| 전채화면 소스 (0) | 2013.09.02 |