행위

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

DKHC Edu
10번째 줄: 10번째 줄:
 
=문서 작성=
 
=문서 작성=
 
==새 문서 만들기==
 
==새 문서 만들기==
−
:① 생성하고자 하는 문서의 존재 여부를 <font color="royal blue">'''검색'''</font>을 통해 확인한다.
+
:① 생성하고자 하는 문서의 존재 여부를 <font color="Blue">'''검색'''</font>을 통해 확인한다.
 
:② '''이 위키에 "<font color=red>○○○</font>" 문서를 만드세요!"''' 라는 메시지가 나오면, 해당 표제어 클릭한다.
 
:② '''이 위키에 "<font color=red>○○○</font>" 문서를 만드세요!"''' 라는 메시지가 나오면, 해당 표제어 클릭한다.
 
:③ 문서 편집 창 안에 내용을 입력하고 아래쪽에 있는 <span style="background:yellow">'''저장'''</span> 버튼을 누른다.
 
:③ 문서 편집 창 안에 내용을 입력하고 아래쪽에 있는 <span style="background:yellow">'''저장'''</span> 버튼을 누른다.
 
:④ 기존 문서가 존재한다면, 수정 및 보완을 통해 발전시킨다.<br/>
 
:④ 기존 문서가 존재한다면, 수정 및 보완을 통해 발전시킨다.<br/>
−
[[파일:위키문법자료-002.png|450px]]
+
[[파일:위키문법자료-002.png|600px]]
 
<br/>
 
<br/>
 
<br/>
 
<br/>
22번째 줄: 22번째 줄:
 
*문서에 네 개 이상의 문단이 있을 경우,  목차가 자동 생성된다.
 
*문서에 네 개 이상의 문단이 있을 경우,  목차가 자동 생성된다.
 
*2단계 머리글이 편집자가 문서 내에서 쓸 수 있는 최고 단계의 머리글이다.
 
*2단계 머리글이 편집자가 문서 내에서 쓸 수 있는 최고 단계의 머리글이다.
−
*하위 문단의 머리글은 <font color="royal blue">'''<nowiki>=</nowiki>'''</font>의 수를 늘려서 표시한다.
+
*하위 문단의 머리글은 <font color="Blue">'''<nowiki>=</nowiki>'''</font>(Equal sign)의 수를 늘려서 표시한다.
 
**2단계 머리글: <span style="background:AliceBlue">'''<nowiki>==</nowiki>'''</span>
 
**2단계 머리글: <span style="background:AliceBlue">'''<nowiki>==</nowiki>'''</span>
 
**3단계 머리글: <span style="background:AliceBlue">'''<nowiki>===</nowiki>'''</span>
 
**3단계 머리글: <span style="background:AliceBlue">'''<nowiki>===</nowiki>'''</span>
 
**4단계 머리글: <span style="background:AliceBlue">'''<nowiki>====</nowiki>'''</span>
 
**4단계 머리글: <span style="background:AliceBlue">'''<nowiki>====</nowiki>'''</span>
−
{|class="wikitable" style="width:100%;"
+
{|class="wikitable" style="width:100%;text-align:center"
 
|-
 
|-
−
! style="width:30%" | '''입력 내용''' !! style="width:35%" | '''결과''' !!style="width:35%" | '''자동 목차 생성'''
+
! style="width:30%;text-align:center" | '''입력 내용''' !! style="width:35%;text-align:center" | '''결과''' !!style="width:35%;text-align:center" | '''자동 목차 생성'''
 
|-
 
|-
 
|  
 
|  
 
<pre>
 
<pre>
−
==김현승 Wiki==
+
=김현승 Wiki=
−
===Hello===
+
==Hello==
 +
===About Me===
 +
====TMI====
 +
==Multimedia==
 +
===Photo===
 +
===Movie===
 +
===Place===
 +
==Network Graph==
 +
==Note==
 
</pre>
 
</pre>
 
||
 
||
−
[[파일:위키문법자료-003.png|center|200px]]
+
[[파일:위키문법자료-003.png|center|170px]]
 
||
 
||
 
[[파일:위키문법자료-004.png|center|170px]]
 
[[파일:위키문법자료-004.png|center|170px]]
44번째 줄: 52번째 줄:
  
 
==줄 넘김==
 
==줄 넘김==
 +
*문단을 구분하거나 줄을 바꿀 때에는 아래의 3가지 방법 중 하나를 선택해 사용한다.
 +
:① <span style="background:yellow">'''Enter'''</span> 키를 두 번 입력한다.
 +
:② 줄바꿈 태그인 <span style="background:yellow">'''<nowiki><br/></nowiki>'''</span>(break 의 약자) 태그를 입력한다.
 +
:③ <span style="background:yellow">'''<nowiki><p></nowiki>'''</span>(paragraph 의 약자) 태그를 입력한다.
 +
{|class="wikitable" style=";width:100%;"
 +
|-
 +
! style="width:50%;text-align:center" | '''입력 내용''' !! style="width:50%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<pre>
 +
안녕하세요. 김현승입니다.<p>
 +
저는 디지털 인문학 연구자입니다.<p>
 +
잘 부탁드립니다.
 +
</pre>
 +
||
 +
안녕하세요. 김현승입니다.<p>
 +
저는 디지털 인문학 연구자입니다.<p>
 +
잘 부탁드립니다.
 +
|-
 +
|
 +
<pre>
 +
안녕하세요. 김현승입니다.
 +
 +
저는 디지털 인문학 연구자입니다.
 +
 +
잘 부탁드립니다.
 +
</pre>
 +
||
 +
안녕하세요. 김현승입니다.
 +
 +
저는 디지털 인문학 연구자입니다.
 +
 +
잘 부탁드립니다.
 +
|-
 +
|
 +
<pre>
 +
안녕하세요. 김현승입니다.<br/>
 +
저는 디지털 인문학 연구자입니다.<br/>
 +
잘 부탁드립니다.
 +
</pre>
 +
||
 +
안녕하세요. 김현승입니다.<br/>
 +
저는 디지털 인문학 연구자입니다.<br/>
 +
잘 부탁드립니다.
 +
|}
 +
<br/>
 +
<br/>
 +
 
==문장 정렬==
 
==문장 정렬==
 +
*HTML 태그 <span style="background:yellow"><nowiki><div style="text-align:속성값;">문자열</div></nowiki></span> 사용하여 문장 정렬
 +
*속성값 종류
 +
**left : 왼쪽 정렬
 +
**right : 오른쪽 정렬
 +
**center : 가운데 정렬
 +
**justify : 왼쪽과 오른쪽 열에 맞추어 정렬
 +
{|class="wikitable" style="width:100%;"
 +
! style="width:60%;text-align:center" | '''입력 내용''' !! style="width:40%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<nowiki>
 +
<div style="text-align:left;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
</nowiki>
 +
||
 +
<div style="text-align:left;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
|-
 +
|
 +
<nowiki>
 +
<div style="text-align:right;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
</nowiki>
 +
||
 +
<div style="text-align:right;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
|-
 +
|
 +
<nowiki>
 +
<div style="text-align:center;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
</nowiki>
 +
||
 +
<div style="text-align:center;">소설은 산문의 형식으로 된 가공된 이야기이다.</div>
 +
|}
 +
<br/>
 +
<br/>
 +
 
==글자 모양==
 
==글자 모양==
 +
*<span style="background:yellow">2개의 작은따옴표</span>를 양쪽에 입력하면 글자가 <span style="background:AliceBlue">''이탤릭체''</span> 로 표시
 +
*<span style="background:yellow">3개의 작은따옴표</span>를 양쪽에 입력하면 <span style="background:AliceBlue">'''진한 글씨체'''</span> 로 표시
 +
*<span style="background:yellow">5개의 작은따옴표</span>를 양쪽에 입력하면 <span style="background:AliceBlue">'''''진한 이탤릭체'''''</span> 로 표시
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:50%;text-align:center" | '''입력 내용''' !! style="width:50%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<center>
 +
<pre>
 +
''이탤릭체''
 +
'''진한 글씨체'''
 +
'''''진한 이탤릭체'''''
 +
</pre>
 +
||
 +
<center>
 +
''이탤릭체''<br/>
 +
'''진한 글씨체'''<br/>
 +
'''''진한 이탤릭체'''''<br/>
 +
|}
 +
<br/>
 +
<br/>
 +
 
==글자 색==
 
==글자 색==
−
==번호 있는 목록==
+
*글자 색을 지정하려면 아래의 방법 중에서 사용한다.
−
==번호 있는 목록==
+
**<span style="background:yellow"><nowiki><font color="색상코드 또는 색상이름">...</font></nowiki></span>
 +
**<span style="background:yellow"><nowiki><span style="color:색상코드 또는 색상이름">...</span></nowiki></span>
 +
*색상 코드 및 이름은 아래 사이트에서 참고
 +
**[https://www.colorhexa.com/ Color Hexa]
 +
**[https://html-color-codes.info/Korean/ HTML Color Codes ①]
 +
**[https://htmlcolorcodes.com/color-names/ HTML Color Codes ②]
 +
**[https://ko.wikipedia.org/wiki/X11_색_이름 위키백과 색상 목록]
 +
{|class="wikitable" style=";width:100%;"
 +
|-
 +
! style="width:50%;text-align:center" | '''입력 내용''' !! style="width:50%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<center>
 +
<pre>
 +
<font color="tomato">디지털 인문학</font>
 +
<span style="color:#6A5ACD">디지털 인문학</span>
 +
</pre>
 +
||
 +
<center>
 +
<font color="tomato">디지털 인문학</font><br/>
 +
<span style="color:#6A5ACD">디지털 인문학</span>
 +
|}
 +
<br/>
 +
<br/>
 +
 
 +
==목록==
 +
*순번 목록: <span style="background:yellow"> '''# '''</span>
 +
*점 목록: <span style="background:yellow"> '''*''' </span>
 +
* <span style="background:AliceBlue"> # , * </span> 수가 많을 수록 더 깊은 단계로 표현된다.
 +
*순번 목록과 점 목록을 같이 사용할 수 있다.
 +
*목록 표시를 사용할 때에는 줄바꿈 태크(Enter 키 두 번 입력, <nowiki><br/>, <p></nowiki> 등)를 사용하지 않아도 자동으로 줄이 바뀐다.
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:40%;text-align:center" | '''입력 내용''' !! style="width:60%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<pre>
 +
#일
 +
#이
 +
##이의 일
 +
##이의 이
 +
#삼
 +
##삼의 일
 +
###삼의 이
 +
</pre>
 +
||
 +
#일
 +
#이
 +
##이의 일
 +
##이의 이
 +
#삼
 +
##삼의 일
 +
###삼의 이
 +
|-
 +
|
 +
<pre>
 +
*봄
 +
*여름
 +
*가을
 +
**추석
 +
*겨울
 +
**크리스마스
 +
***산타클로스
 +
</pre>
 +
||
 +
*봄
 +
*여름
 +
*가을
 +
**추석
 +
*겨울
 +
**크리스마스
 +
***산타클로스 
 +
|-
 +
|
 +
<pre>
 +
#작품
 +
#*소설
 +
#*시
 +
#*수필
 +
#인물
 +
##작가
 +
##등장인물
 +
##*소설 속 등장인물
 +
</pre>
 +
||
 +
#작품
 +
#*소설
 +
#*시
 +
#*수필
 +
#인물
 +
##작가
 +
##등장인물
 +
##*소설 속 등장인물
 +
|}
 +
<br/>
 +
<br/>
  
 
=하이퍼링크 만들기=
 
=하이퍼링크 만들기=
 
==내부 문서 링크==
 
==내부 문서 링크==
 +
*문서의 제목 양쪽에 대괄호를 두 개씩 입력하여 자유롭게 링크 생성 <span style="background:yellow">'''[[ ]]'''</span>
 +
*<span style="background:yellow">''' | '''</span>(파이프 문자) 를 사용하여 링크의 제목을 변경할 수 있음
 +
*붉은색 글씨는 존재하지 않는 문서일 경우에 나타남
 +
{|class="wikitable" style="width:100%;"
 +
|-
 +
! style="width:40%;text-align:center" | '''입력 내용''' !! style="width:60%;text-align:center" | '''결과'''
 +
|-
 +
|
 +
<pre>
 +
[[김현승]]
 +
</pre>
 +
||
 +
[[김현승]]
 +
|-
 +
|
 +
<pre>
 +
[[김현승|자기소개]]
 +
</pre>
 +
||
 +
[[김현승|자기소개]]
 +
|-
 +
|
 +
<pre>
 +
[[이정보]]
 +
</pre>
 +
||
 +
[[이정보]]
 +
|-
 +
|}
 +
<br/>
 +
<br/>
 +
 
==외부 문서 링크==
 
==외부 문서 링크==
  
 
=멀티미디어 삽입하기=
 
=멀티미디어 삽입하기=
 
==이미지 삽입==
 
==이미지 삽입==
 +
*'가운데' 정렬이 안됨. 따로 정렬 태그 필요.
 +
 
==동영상 삽입==
 
==동영상 삽입==
 +
* 주의! 공유 아이콘을 통한 youtu.be 링크는 불가. ref에 넣는 주소는 주소창의 url 복사하기.
 +
 
==전자지도 삽입==
 
==전자지도 삽입==
  
 
=표 만들기=
 
=표 만들기=
 +
* 전체 가운데 정렬 안됨. 머리글은 따로 위치 지정 필요.
  
 
=틀=
 
=틀=
80번째 줄: 324번째 줄:
 
<br/>
 
<br/>
  
−
[[분류:위키문법]] [[분류:김현승]]
+
[[분류:튜토리얼]]

2024년 1월 4일 (목) 16:41 판

위키 시작하기

로그인

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

위키문법자료-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. 등장인물
      • 소설 속 등장인물



하이퍼링크 만들기

내부 문서 링크

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

김현승 

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

자기소개 

[[이정보]]

이정보



외부 문서 링크

멀티미디어 삽입하기

이미지 삽입

  • '가운데' 정렬이 안됨. 따로 정렬 태그 필요.

동영상 삽입

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

전자지도 삽입

표 만들기

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

틀

구글지도 삽입

네트워크 그래프 삽입

각주

출처 표기하기

분류

주의

편집 충돌

편집 취소

문서 이동

문서 삭제

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



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