본문 바로가기

┏◈ 홈페지.블로거

왕초보 가이드 1,2,3

왕초보 가이드 1장


태그를 알려주는 홈을 다녀봐도 이해가 가지 않는분들과 설명서를 보면 머리 아픈분들을 위해 나름대로 쉽게 풀어 나가 볼까 합니다. 무엇이든 알고 나면 쉽죠. 너무 어렵게 생각하지 마시고 시작하세요 ^^ 그리고 반복되는연습과 약간의 응용력만 있다면 아마 여러분은 저보다 더 빨리 배우 실 것입니다. 왕 초보태그에서는 일반적인 이론이나 격식에 맞추느라 여러분의 머리를 힘들게 만들진 않을겁니다. 자 이제부터 아래에 있는 내용을 잘읽어 보시고 결과를 보고자 하는것을 태그 연습장에 옮겨서 결과를 보세요. 다시 한번 말씀 드리지만 똑같은 것이라도 연습을 많이 하는것이 빨리 배우는 지름길이라는 것을 잊지 마세요 ^^



복사하는법


태그를 시작하기전에 복사하는법을 먼저 알려드립니다. 왜냐? 복사를 못하면 손구락에 불이 납니다. 어떤 내용을 결과를 볼려면 그많은 소스를 타이핑해서 볼려면 손구락 부러진다고 바야죠...ㅋㅋ 복사하는 법은 간단 합니다. 지금 여러분이 보고 있는 이 페이지의 글자위을 마우스로 밀고 가면 되니까요

즉, 내가 복사하고 싶은 글자의 앞에다 마우스 왼쪽을 크릭한 다음 누른 상태 그대로 쭈욱 ~ 밀고 가면 됩니다. 그렇다고 언제까지 밀고만 가느냐? 계속 밀고만 싶은분은 그렇게 하시길 ^^(혹시 이런분 정말 있으면 우짜징 ...ㅋㅋ)

내가 원하는 곳의 시작부분에서 왼쪽 마우스로 누른 상태로 원하는곳의 끝부분까지 밀고 간 다음 마우스를 놓으시면 됩니다. 자 한번 해보세요 . 어때요 그런데 변화가 생겻죠? 마우스로 밀고 지나간 자리가 파란색으로 변했죠? 요걸 드래그 라고 한다나 뭐라나.. 그런 다음 파랗게 변한곳 아무대나 마우스를 올린 다음 오른쪽 마우스를 눌러보세요 . 작는 창이 하나 뜨죠 거기에 복사 라고 보이나요? 복사라고 나오곳을 왼쪽 마우스로 크릭하세요 그러면 내가 복사하려고 드래그한 부분의 글이 마우스에 복사가 되었답니다.

복사가 된건지 어떻게 아냐구요? 상단에 태그연습장 보이죠? 빨리 클릭하셔서 태그 연습장을 여세요

자 태그 연습장이 열렸나요? 거기에 버튼중에서 [다지워]를 누르시고 내용을 적는 박스안에 왼쪽 마우스로 일단 한번 찍어 보세요 그런 다음 오른쪽 마우스를 크릭하면 [붙여넣기]라고 보이죠? [붙여넣기]를 왼쪽 마우스 크릭해보세요.

어때요 방금 복사한 글이 거기에 나오죠? 혹시 않되는 분은 손 하나를 머리위로 들어보세요 그리고 아래로 사정없이 내려 치세요 .......ㅋㅋ 안되는 분은 다시 처음부터 읽어보세요 그리고 성공하신분은 몇번 반복 연습해보세요.( 요기서 한번만에 성공했다고 연습 안하는 분은 앞으로 많은 실수를 할수 있다는점 아세요 왜냐구요? 드래그도 많은 연습이 필요 합니다. 자칫 복사를 잘못해오면 게시판을 못쓰게 만드는 경우도 있고 글자 한자를 빠트리거나 해서 실행이 안되는 경우도 많으니 충분히 하시는 분이 아니라면 꼭 반복 연습하시기를 부탁 드립니다.)

태그연습장 사용법


여기 오신분들 대부분이 어느 사이트나 개인홈 같은 곳에서 그림과 음악이 나오면 글이 위로 올라가는 걸 보고 신기해서 태그란 걸 배울려고 오셨을겁니다.
태그연습장이 뭐냐구요 여러분이 태그란 것을 배워서 게시판이나 홈에 올리기 전에 내가 만든게 제대로 나오나 안나오나 검사도 하고 연습도 쉽게 할수 있게 만든게 태그연습장입니다.

왜 쉬우냐구요? 예를 들어 게시판에 글을 올린후 수정할려면 비밀번호도 눌러야 하고 로그인을 해야 할경우는 로그인도 해야 합니다. 그런 과정 없이 태그 연습장에서는 바로 수정과 결과를 볼 수 있으니 편하죠

처음 태그 연습장을 사용하실 때는 그안에 있는 글들도 뭔지 모르시겠죠 그건 나중에 차차 용도를 알게 되구요 우선 [다지워] 누르고 그냥 백지 상태로 연습하시면 됩니다.



메모장 사용법


메모장이 뭔지 모르시나요? 그럼 컴 왼쪽 하단에 있는 시작 누르세요 그런 다음 프로그램으로 가시구요 거기서 보조프로 그램 가시면 그안에 메모장이 보이죠? (시작 - 프로그램 - 보조프로그램 - 메모장)

혹시 못 찾으신분은 아까 조기 위에서 제가 말씀 드린데로 한손을 위로 들었다 아래로 사정없이 머리를 향해 내려치세요...ㅋㅋ

자 이제 메모장을 찾으셧으면 이 메모장이 나중에 엄청나게 편리한 것이란 것을 알게 될겁니다. 메모장 상단에 제목없음 - 메모장 이라고 나오죠? 자 이제 내용란에 님이 정한 이름 하나를 넣어세요 예를 들어 태그연습 이라고 적어보셔도 되구요 님의 이름 이나 뭐등 적어 보세요

그런 다음 메모장 상단에 있는 파일을 누르세요 저장이라고 보이시죠 저장 누르세요 그러면 다른 이름으로 저장 이라는 창이 나옵니다. 위치는 내문서로 나오고 그아래에 파일이름 : 제목없음 이라고 나오죠 ? 제목없음 글자를 태그연습(이것 역시 자신이 원하는 이름으로 하셔도 됨)이라고 적으시고 저장 누르세요

자 이제 다시 메모장 상단을 보세요 조금전까지 제목없음 메모장 이라는 이름이 태그 연습이라고 나오죠 이제 님이 태그 연습을 하는 메모장 하나가 만들어 진겁니다.

이걸 다음에 어떻게 불러내어 사용 하냐구요? 방법은 같아요 일단 메모장을 닫기 하신 다음 위와 같은 방법으로 메모장을 하나 여세요

거기에서 파일 누르면 저장위에 열기 보이시죠 열기를 누르면 태그연습이라는 파일이 보일겁니다.그 파일을 크릭 하신 다음 열기 누르시면 됩니다.

꼭 태그연습이 아니라도 메모나 글들을 적은 다음 저장하셔도 되구요 태그소스를 정리해 모으셔도 된답니다.

그리고 이메모장은 내컴의 내문서라는 폴더에 저장된답니다.

파랑새 태그마을 부탁의 말씀 !


질문이 있을 때는 질문과 답변 게시판을 이용하세요 질문과 답변 게시판이 아닌곳에 올라온 질문에는 답을 드리지 않습니다.

그리고 질문을 하실때는 질문의 요지를 정확히 해주세요 그래야 정확히 답을 드릴수 있습니다. 예를 들어 음악어떻게 올려요 라고 묻는다면 어떻게 답을 드릴까요?

아마 어디 있으니 찾아보세요라든지 이렇게 답이 나갈겁니다. 물론 몰라서 그럴수도 있겟지만 아마 이글을 보신 분들은 그러지 않으시기를 당부드립니다.

우리가 학교에서 배운 육하원칙 데로 질문은 하지 않더라도 어디에 어떤걸 어떻게 할려니 이게 잘안된다라고 묻는 다면 답하기도 쉬울겁니다.

그리고 이곳을 먼저 찾으신분들이 자기가 아는걸 잘 알려드리기도 쉬울거구요. 그리고 본인이 아시는건 남들에게도 많이 알려주시는게 본인의 기억도 오래가고 본인의 공부도 된답니다.

자신이 처음 몰라서 답답했을 때를 생각해서 자신과 같이 처음 오시고 질문하시는 분들께 서로 아는분이 먼저 답글 달아 주시는 태그마을이 되었으면 합니다.

태그연습장에서 연습한것을 낙서장에 올려서 직접 게시판에 글도 많이 올려보세요 몇번 강조 하지만 연습을 많이 하시는게 빨리 고수가 되는 지름길입니다.

왕초보 가이드1장은 여기서 이만 마무리 합니다. 다음 장부터는 글씨나 그림 음악 같은 것을 게시판에 올리는법을 알려 드리겠습니다.






왕초보 가이드 2장
앞장에서 설명 드린건 이제 잘되시나요? 말이 너무 많아 보기가 불편 하신분도 계실겁니다 하지만 정말 초보라면 단어 한마디가 생소할수 있기에 다소 글이 길어 보기가 힘든 분도 계시겠지만 이렇게 해야 이해가 가는분도 계실거란 생각에 주절주절 거립니다.

게시판이나 홈에 그림이나 사진 올리는법 <img src="사진이나 그림 주소">
사진이나 그림을 올릴때는 <img src="사진이나 그림 주소"> 이렇게 하시면 됩니다.
태그명령어는 <img src=""> 입니다. 즉 명령어 속의 " 과 " 사이에 넣고자하는 그림의 주소를 넣으시면 됩니다.

사진이나 그림의 주소찾는법

그럼 주소는 어떻게 찾아 넣어야 할까요?
마음에 드는 그림에 마우스 포인트를 대고 마우스의 오른쪽을 누르세요.
그럼, 등록정보(=속성)라는 것이 나오고, 그것을 누르면, 주소(URL)이 나옵니다.
그 주소를 복사하셔서 ---> 그림을 넣고 싶은 곳에 클릭한 후 마우스 오른쪽 버튼 클릭 ---> 붙여넣기 하시면 됩니다.
이것도 html 언어이니 당연 뾰족괄호< >를 사용하셔야겠죠?
참고로 아래에 그림을 올려 놓으니
마우스의 오른쪽을 이용해 주소를 한번 알아내보세요~!
혹시 주소 복사 어떻게 하냐구요? 앞장에서 배우셨죠 드래그라고 주소의 앞에서부터 뒤분분까지 쭈욱....
힌트! 혹시 주소가 길어서 두줄로 된경우는 드래그를 하며 마우스를 오른쪽 아래로 끌어보세요 숨겨진 부분의 주소가 나옵니다.
주소는 반드시 http://부터 끝에는 gif나 jpg로 끝이 나야 합니다. gif는 그림 jpg는 사진 ^^


그림의 주소를 확인 하셨나요? 그럼 위 그림들을 명령어와 주소로 함께 표시하면 아래와 같이 됩니다.




이해가 되시나요 그럼 결과를 한번 보세요 원하는 그림이 들어있는 명령어 한줄을 복사한다음
태그연습장에 넣어시고 [봅시다]를 누르시면 그림이 나타납니다
잘나오나? 성공하신분은 신기하다는 생각도 들겁니다 저도 처음에 그랬으니까요 ^^
재미있죠 이렇게 계속 호기심을 가지고 배우시길....

게시판에 음악 올리는법


음악을 올리는법 역시 그림 올리는법 같이 어려운건 아닙니다.
하지만 음악을 올리는 법이 여러가지가 있기 때문에 가장 쉬운방법 하나만 예를 들어 설명 합니다.


음악올리는법은 이렇게 하시면 됩니다.

태그명령어는 입니다. 그림 올리는법과 같은 방법이죠 ^^
명령어 속의 " 과 " 사이에 넣고자하는 음악의 주소를 넣으시면 됩니다.


음악 주소찾는법
이전에는 음악 사이트에서 음악을 가져올 때 듣기버튼이나 노래제목등 크릭을 해서
음악이 나오면 그기에 오른쪽마우스를 크릭하고 바로가기 복사를 해서 주소넣는곳에 붙여넣기 하면 되었는데
요즘은 그렇게 하지 못하게 막아둔 곳이 너무 많아서 잘 안먹히는 곳이 많아요
제가 여기 노래 한곡을 올립니다. 노래제목위에 크릭하셔서 음악이 나오나 확인해보신다음
제목 위에 오른쪽 마우스 크릭하신다음 바로가기 복사 하셔서 주소넣는 곳붙여넣기 해보세요 ^^

김신우 - 더맨 ( the man )

위의 노래 제목에 오른쪽 마우스를 크릭한 다음 바로 가기 복사 해서 주소를 음악 명령어 안에 넣어보세요.
그러면 모양이 이렇게 되죠

<embed src="http://parangsaekr.com.ne.kr/the_man.asf">

위와 같이 되었다면 태그 연습장에서 실행해 보시기 바랍니다.
어때요 쉽죠 ^^
게시판에 그렇게 올리시면 되구요.
영상시를 올린다든지 할때는 미디어 박스를 감추는게 이쁘겠죠
이런 방법들은 나중에 HTML 중급에서 알려 드릴께요 ^^
여기까지 따라오시느라 수고 많으 셨구요.
다음장에서는 글씨 태그를 알려 드릴께요 ^^
그리고 낙서장에 음악이나 그림 많이 올려보시고 연습 많이 하세요 ^^




출처: