행위

"위키문법"의 두 판 사이의 차이

DKHC Edu
259번째 줄: 259번째 줄:
 
=하이퍼링크 만들기=
 
=하이퍼링크 만들기=
 
==내부 문서 링크==
 
==내부 문서 링크==
−
*문서의 제목 양쪽에 대괄호를 두 개씩 입력하여 자유롭게 링크 생성 <span style="background:yellow">'''[[ ]]'''</span>
+
*본문에서 말하는 내부 링크란 같은 위키 시스템 내의 문서를 말한다.
 +
*문서의 제목 양쪽에 대괄호 <span style="background:yellow">'''[[ ]]'''</span> 를 두 개씩 입력하여 자유롭게 링크 생성
 
*<span style="background:yellow">''' | '''</span>(파이프 문자) 를 사용하여 링크의 제목을 변경할 수 있음
 
*<span style="background:yellow">''' | '''</span>(파이프 문자) 를 사용하여 링크의 제목을 변경할 수 있음
−
*붉은색 글씨는 존재하지 않는 문서일 경우에 나타남
+
*<font color="red">붉은색 글씨</font>는 존재하지 않는 문서일 경우에 나타남
 
{|class="wikitable" style="width:100%;"
 
{|class="wikitable" style="width:100%;"
 
|-
 
|-
292번째 줄: 293번째 줄:
  
 
==외부 문서 링크==
 
==외부 문서 링크==
 +
*'''"<span style="background:yellow">http://</span>", "<span style="background:yellow">https://</span>"'''로 시작하는 주소를 링크로 인식한다.
 +
*외부 사이트 링크는 URL 양쪽에 대괄호 '''<span style="background:yellow">[  ]</span>''' 를 입력하여 생성한다.
 +
** <span style="background:AliceBlue"><nowiki>[http://...]</nowiki></span>
 +
** <span style="background:AliceBlue"><nowiki>[https://...]</nowiki></span>
 +
*링크에 이름을 부여할 경우, <span style="background:yellow">URL 뒤에 한 칸을 띄운 뒤 이름을 입력</span>한다.
 +
** <span style="background:AliceBlue"><nowiki>[http://... 링크 이름]</nowiki></span>
 +
** <span style="background:AliceBlue"><nowiki>[https://... 링크 이름]</nowiki></span>
 +
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:40%;text-align:center" | '''입력 내용''' !! style="width:60%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<center>URL 보이기
 +
<pre>
 +
http://www.aks.ac.kr
 +
</pre>
 +
||
 +
http://www.aks.ac.kr
 +
|-
 +
|
 +
<center>이름이 없는 링크
 +
<pre>
 +
[http://www.aks.ac.kr]
 +
</pre>
 +
||
 +
[http://www.aks.ac.kr]
 +
|-
 +
|
 +
<center>이름이 부여된 링크
 +
<pre>
 +
[http://www.aks.ac.kr 한국학중앙연구원]
 +
</pre>
 +
||
 +
[http://www.aks.ac.kr 한국학중앙연구원]
 +
|-
 +
|}
 +
<br/>
 +
<br/>
  
 
=멀티미디어 삽입하기=
 
=멀티미디어 삽입하기=
 
==이미지 삽입==
 
==이미지 삽입==
−
*'가운데' 정렬이 안됨. 따로 정렬 태그 필요.
+
*파일 업로드 방법
 +
:① 상단의 <span style="background:AliceBlue">'''톱니바퀴'''</span> 아이콘 클릭
 +
:② 업로드하고자 하는 파일을 선택
 +
:③ <span style="background:AliceBlue">'''파일 올리기'''</span> 클릭
 +
:④ 또는 검색창에 <span style="background:AliceBlue">'''특수:올리기'''</span>를 검색하여 나타나는 페이지에서 파일을 업로드
 +
*위키 계정을 가진 사용자만 파일 업로드가 가능하다.
 +
*파일이 업로드되면 파일마다 해당 파일 문서가 생성된다.
 +
*위키 페이지에서 <span style="background:yellow">'''<nowiki>[[파일:파일이름.확장자]]</nowiki>'''</span>를 입력하여 업로드한 파일의 하이퍼링크를 제시한다.
 +
*'''<font color="Magenta">확장자명</font>'''은 반드시 대소문자를 구별하여 정확히 기재한다. <span style="background:MistyRose">('''jpg, JPG, png, PNG''' 등)</span>
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:50%;text-align:center" | '''입력 내용''' !! style="width:50%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<div style="text-align:center;">이미지 파일을 원본 크기 그대로 사용<br/>
 +
<nowiki>[[파일:Bottle.png]]</nowiki></div>
 +
||
 +
[[파일:Bottle.png]]
 +
|-
 +
|
 +
<div style="text-align:center;">이미지 크기 지정<br/>
 +
('''픽셀''' 또는 '''px''' 입력)<br/>
 +
<nowiki>[[파일:Bottle.png|100px]]</nowiki></div>
 +
||
 +
[[파일:Bottle.png|100px]]
 +
|-
 +
|
 +
<div style="text-align:center;">이미지 위치 지정<br/>
 +
('''right''', '''left''', '''center''')<br/>
 +
<nowiki><div style="text-align:right;">[[파일:Bottle.png|100px]]</div></nowiki></div>
 +
||
 +
<div style="text-align:right;">[[파일:Bottle.png|100px]]</div>
 +
|-
 +
|
 +
<div style="text-align:center;">이미지 캡션 삽입<br/>
 +
커서를 이미지 위에 보이면 이미지 캡션이 보임<br/>
 +
<nowiki><div style="text-align:center;">[[파일:Bottle.png|100px|호리병]]</div></nowiki></div>
 +
||
 +
<div style="text-align:center;">[[파일:Bottle.png|100px|호리병]]</div>
 +
|-
 +
|
 +
<div style="text-align:center;">이미지 아래쪽에 설명을 넣기 위한 섬네일<br/>
 +
('''섬네일''', '''썸네일''', '''thumbnail''' 입력 가능)<br/>
 +
<nowiki>[[파일:Bottle.png|100px|섬네일|호리병]]</nowiki></div>
 +
||
 +
[[파일:Bottle.png|100px|섬네일|호리병]]
 +
|-
 +
|}
 +
 
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:30%;text-align:center" | '''입력 내용''' !! style="width:60%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<div style="text-align:center;">여러 개의 이미지를 갤러리 형식으로 나열<br/>
 +
이미지 크기는 '''heights="픽셀값"'''으로 조절<br/>
 +
(이미지 정렬 불가)<br/><br/></div>
 +
<pre>
 +
<gallery heights="100px">
 +
파일:Encyves-Joseon king old.png|조선시대 왕
 +
파일:Encyves-Joseon queen ceremony mid.png|조선시대 왕비
 +
파일:Encyves-Joseon yangban old.png|조선시대 양반 남성
 +
파일:Encyves-Joseon female mid etc.png|조선시대 양반 여성
 +
파일:Encyves-Joseon yangban young.png|조선시대 젊은 남성
 +
파일:Encyves-Joseon female yangban young.png|조선시대 젊은 여성
 +
</gallery>
 +
</pre>
 +
||
 +
<gallery heights="100px">
 +
파일:Encyves-Joseon king old.png|조선시대 왕
 +
파일:Encyves-Joseon queen ceremony mid.png|조선시대 왕비
 +
파일:Encyves-Joseon yangban old.png|조선시대 양반 남성
 +
파일:Encyves-Joseon female mid etc.png|조선시대 양반 여성
 +
파일:Encyves-Joseon yangban young.png|조선시대 젊은 남성
 +
파일:Encyves-Joseon female yangban young.png|조선시대 젊은 여성
 +
</gallery>
 +
|-
 +
|}
 +
<br/>
 +
<br/>
  
 
==동영상 삽입==
 
==동영상 삽입==
−
* 주의! 공유 아이콘을 통한 youtu.be 링크는 불가. ref에 넣는 주소는 주소창의 url 복사하기.
+
*위키 페이지에 HTML의 '''<iframe>''' 태그 사용
 +
*영상 화면 '''우클릭''' >  '''소스 코드 복사''' 선택
 +
*<span style="background:Yellow">'''<nowiki><html></html></nowiki>'''</span> 태그 사이에 붙여 넣기 
 +
**<span style="background:AliceBlue"><nowiki><html><iframe ...></iframe></html></nowiki></span>
 +
*'''width'''(영상 폭)와 '''height'''(영상 높이)에 원하는 수치를 입력하여 영상 크기 조절
 +
 
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:60%;text-align:center" | '''입력 내용''' !! style="width:40%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
'''<nowiki><html></nowiki>'''<br/>
 +
<font color="green">'''<nowiki><iframe</nowiki>'''</font> <span style="background:white">width="'''360'''" height="'''200'''"</span> src="<font color="Magenta"><nowiki>https://www.youtube.com/embed/ysalYk9R_RU</nowiki></font>" frameborder="0" allowfullscreen<font color="green">'''><nowiki></iframe></nowiki>'''</font><br/>
 +
'''<nowiki></html></nowiki>'''
 +
||
 +
<center>
 +
<html>
 +
<iframe width="360" height="200" src="https://www.youtube.com/embed/ysalYk9R_RU" frameborder="0" allowfullscreen></iframe>
 +
</html>
 +
</center>
 +
|}
 +
<br/>
 +
<br/>
  
 
==전자지도 삽입==
 
==전자지도 삽입==
311번째 줄: 452번째 줄:
 
=각주=
 
=각주=
 
==출처 표기하기==
 
==출처 표기하기==
 +
* 유튜브 주의! 공유 아이콘을 통한 youtu.be 링크는 불가. ref에 넣는 주소는 주소창의 url 복사하기.
  
 
=분류=
 
=분류=

2024년 1월 4일 (목) 20:19 판

위키 시작하기

로그인

① 사이트 상단 오른쪽 인물 아이콘 위에 커서를 올린 후 나타나는 로그인을 클릭한다.
② 사용자 이름, 비밀번호를 기입한다.
③ 로그인 버튼을 클릭하여 완료한다.

위키문법자료-001.png

문서 작성

새 문서 만들기

① 생성하고자 하는 문서의 존재 여부를 검색을 통해 확인한다.
② 이 위키에 "○○○" 문서를 만드세요!" 라는 메시지가 나오면, 해당 표제어 클릭한다.
③ 문서 편집 창 안에 내용을 입력하고 아래쪽에 있는 저장 버튼을 누른다.
④ 기존 문서가 존재한다면, 수정 및 보완을 통해 발전시킨다.

위키문법자료-002.png

문단 구성과 소표제

  • 글의 내용을 여러 문단으로 나눌 때 사용한다.
  • 문서에 네 개 이상의 문단이 있을 경우, 목차가 자동 생성된다.
  • 2단계 머리글이 편집자가 문서 내에서 쓸 수 있는 최고 단계의 머리글이다.
  • 하위 문단의 머리글은 =(Equal sign)의 수를 늘려서 표시한다.
    • 2단계 머리글: ==
    • 3단계 머리글: ===
    • 4단계 머리글: ====
입력 내용 결과 자동 목차 생성 
=김현승 Wiki=
==Hello==
===About Me===
====TMI====
==Multimedia==
===Photo===
===Movie===
===Place===
==Network Graph==
==Note==
위키문법자료-003.png
위키문법자료-004.png



줄 넘김

  • 문단을 구분하거나 줄을 바꿀 때에는 아래의 3가지 방법 중 하나를 선택해 사용한다.
① Enter 키를 두 번 입력한다.
② 줄바꿈 태그인 <br/>(break 의 약자) 태그를 입력한다.
③ <p>(paragraph 의 약자) 태그를 입력한다.
입력 내용 결과 
안녕하세요. 김현승입니다.<p>
저는 디지털 인문학 연구자입니다.<p>
잘 부탁드립니다.
안녕하세요. 김현승입니다.

저는 디지털 인문학 연구자입니다.

잘 부탁드립니다. 

안녕하세요. 김현승입니다.

저는 디지털 인문학 연구자입니다.

잘 부탁드립니다.

안녕하세요. 김현승입니다.

저는 디지털 인문학 연구자입니다.

잘 부탁드립니다. 

안녕하세요. 김현승입니다.<br/>
저는 디지털 인문학 연구자입니다.<br/>
잘 부탁드립니다.

안녕하세요. 김현승입니다.
저는 디지털 인문학 연구자입니다.
잘 부탁드립니다.



문장 정렬

  • HTML 태그 <div style="text-align:속성값;">문자열</div> 사용하여 문장 정렬
  • 속성값 종류
    • left : 왼쪽 정렬
    • right : 오른쪽 정렬
    • center : 가운데 정렬
    • justify : 왼쪽과 오른쪽 열에 맞추어 정렬
입력 내용 결과

<div style="text-align:left;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>

소설은 산문의 형식으로 된 가공된 이야기이다.

<div style="text-align:right;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>

소설은 산문의 형식으로 된 가공된 이야기이다.

<div style="text-align:center;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>

소설은 산문의 형식으로 된 가공된 이야기이다.



글자 모양

  • 2개의 작은따옴표를 양쪽에 입력하면 글자가 이탤릭체 로 표시
  • 3개의 작은따옴표를 양쪽에 입력하면 진한 글씨체 로 표시
  • 5개의 작은따옴표를 양쪽에 입력하면 진한 이탤릭체 로 표시
입력 내용 결과 
''이탤릭체''
'''진한 글씨체'''
'''''진한 이탤릭체'''''

이탤릭체
진한 글씨체
진한 이탤릭체



글자 색

입력 내용 결과 
<font color="tomato">디지털 인문학</font>
<span style="color:#6A5ACD">디지털 인문학</span>

디지털 인문학
디지털 인문학



목록

  • 순번 목록: #
  • 점 목록: *
  • # , * 수가 많을 수록 더 깊은 단계로 표현된다.
  • 순번 목록과 점 목록을 같이 사용할 수 있다.
  • 목록 표시를 사용할 때에는 줄바꿈 태크(Enter 키 두 번 입력, <br/>, <p> 등)를 사용하지 않아도 자동으로 줄이 바뀐다.
입력 내용 결과 
#일
#이
##이의 일
##이의 이
#삼
##삼의 일
###삼의 이
  1. 일
  2. 이
    1. 이의 일
    2. 이의 이
  3. 삼
    1. 삼의 일
      1. 삼의 이
*봄
*여름
*가을
**추석
*겨울
**크리스마스
***산타클로스
  • 봄
  • 여름
  • 가을
    • 추석
  • 겨울
    • 크리스마스
      • 산타클로스
#작품
#*소설
#*시
#*수필
#인물
##작가
##등장인물
##*소설 속 등장인물
  1. 작품
    • 소설
    • 시
    • 수필
  2. 인물
    1. 작가
    2. 등장인물
      • 소설 속 등장인물



하이퍼링크 만들기

내부 문서 링크

  • 본문에서 말하는 내부 링크란 같은 위키 시스템 내의 문서를 말한다.
  • 문서의 제목 양쪽에 대괄호 [[ ]] 를 두 개씩 입력하여 자유롭게 링크 생성
  • | (파이프 문자) 를 사용하여 링크의 제목을 변경할 수 있음
  • 붉은색 글씨는 존재하지 않는 문서일 경우에 나타남
입력 내용 결과 
[[김현승]]

김현승 

[[김현승|자기소개]]

자기소개 

[[이정보]]

이정보



외부 문서 링크

  • "http://", "https://"로 시작하는 주소를 링크로 인식한다.
  • 외부 사이트 링크는 URL 양쪽에 대괄호 [ ] 를 입력하여 생성한다.
    • [http://...]
    • [https://...]
  • 링크에 이름을 부여할 경우, URL 뒤에 한 칸을 띄운 뒤 이름을 입력한다.
    • [http://... 링크 이름]
    • [https://... 링크 이름]
입력 내용 결과
URL 보이기 
http://www.aks.ac.kr

http://www.aks.ac.kr

이름이 없는 링크 
[http://www.aks.ac.kr]

[1]

이름이 부여된 링크 
[http://www.aks.ac.kr 한국학중앙연구원]

한국학중앙연구원



멀티미디어 삽입하기

이미지 삽입

  • 파일 업로드 방법
① 상단의 톱니바퀴 아이콘 클릭
② 업로드하고자 하는 파일을 선택
③ 파일 올리기 클릭
④ 또는 검색창에 특수:올리기를 검색하여 나타나는 페이지에서 파일을 업로드
  • 위키 계정을 가진 사용자만 파일 업로드가 가능하다.
  • 파일이 업로드되면 파일마다 해당 파일 문서가 생성된다.
  • 위키 페이지에서 [[파일:파일이름.확장자]]를 입력하여 업로드한 파일의 하이퍼링크를 제시한다.
  • 확장자명은 반드시 대소문자를 구별하여 정확히 기재한다. (jpg, JPG, png, PNG 등)
입력 내용 결과
이미지 파일을 원본 크기 그대로 사용
[[파일:Bottle.png]]

Bottle.png

이미지 크기 지정

(픽셀 또는 px 입력)

[[파일:Bottle.png|100px]]

Bottle.png

이미지 위치 지정

(right, left, center)

<div style="text-align:right;">[[파일:Bottle.png|100px]]</div>
Bottle.png
이미지 캡션 삽입

커서를 이미지 위에 보이면 이미지 캡션이 보임

<div style="text-align:center;">[[파일:Bottle.png|100px|호리병]]</div>
호리병
이미지 아래쪽에 설명을 넣기 위한 섬네일

(섬네일, 썸네일, thumbnail 입력 가능)

[[파일:Bottle.png|100px|섬네일|호리병]]
호리병
입력 내용 결과
여러 개의 이미지를 갤러리 형식으로 나열

이미지 크기는 heights="픽셀값"으로 조절

(이미지 정렬 불가)

<gallery heights="100px">
파일:Encyves-Joseon king old.png|조선시대 왕
파일:Encyves-Joseon queen ceremony mid.png|조선시대 왕비
파일:Encyves-Joseon yangban old.png|조선시대 양반 남성
파일:Encyves-Joseon female mid etc.png|조선시대 양반 여성
파일:Encyves-Joseon yangban young.png|조선시대 젊은 남성
파일:Encyves-Joseon female yangban young.png|조선시대 젊은 여성
</gallery>

  • 조선시대 왕

  • 조선시대 왕비

  • 조선시대 양반 남성

  • 조선시대 양반 여성

  • 조선시대 젊은 남성

  • 조선시대 젊은 여성



동영상 삽입

  • 위키 페이지에 HTML의 <iframe> 태그 사용
  • 영상 화면 우클릭 > 소스 코드 복사 선택
  • <html></html> 태그 사이에 붙여 넣기
    • <html><iframe ...></iframe></html>
  • width(영상 폭)와 height(영상 높이)에 원하는 수치를 입력하여 영상 크기 조절
입력 내용 결과

<html>
<iframe width="360" height="200" src="https://www.youtube.com/embed/ysalYk9R_RU" frameborder="0" allowfullscreen></iframe>
</html>



전자지도 삽입

표 만들기

  • 전체 가운데 정렬 안됨. 머리글은 따로 위치 지정 필요.

틀

구글지도 삽입

네트워크 그래프 삽입

각주

출처 표기하기

  • 유튜브 주의! 공유 아이콘을 통한 youtu.be 링크는 불가. ref에 넣는 주소는 주소창의 url 복사하기.

분류

주의

편집 충돌

편집 취소

문서 이동

문서 삭제

  • 위키 문서 삭제를 위해서는 관리자 권한이 필요함
  • 사용자는 삭제하고자 하는 문서에 [[분류:삭제]] 기입하여 관리자가 삭제할 수 있도록 한다.



원본 주소 "http://dh.aks.ac.kr/~katd/wiki/index.php?title=위키문법&oldid=180"