Translate

2015년 9월 30일 수요일

[강의] 테이블을 이용한 사진 목록 ...

테이블을 이용한 사진 목록 만들기

<div class="separator" style="clear: both; text-align: left;"> <br /></div> --- 새로운 스타일을 적용 ---- <table align="center" border="1" cellpadding="6" cellspacing="4" style="background-color: #f0f0f0; border: solid 1px #555555; margin-bottom: 20px; margin-top: 20px;"> --- 테이블 속성 지정 --- <tbody> --- 테이블 본문 --- <tr> --- 가로 셀 시작 --- <td align="center" class="imgcell"> --- 셀의 속성 --- <a href="클릭하면 표시할 사진의 URL" target="_blank"> <img border="0" height="높이" src="셀에 표시할 사진의 URL" width="너비" /> </a> </td> <td align="center" class="imgcell"> <a href="클릭하면 표시할 사진의 URL" target="_blank"> <img border="0" height="높이" src="셀에 표시할 사진의 URL" width="너비" /> --- "높이"와 "너비" 중 하나만 적으면 자동으로 비율에 맞도록 크기가 바뀐다. </a> </td> --- 한 줄에 표시 하고 싶은 갯수 만큼 반복해서 적는다. ---- </tr> </tbody> </table>

예)


소스 <div class="separator" style="clear: both; text-align: left;"> <br /></div> <table align="center" border="1" cellpadding="6" cellspacing="4" style="background-color: #f0f0f0; border: solid 1px #555555; margin-bottom: 20px; margin-top: 20px;"> <tbody> <tr> <td class="imgcell" align="center"> <a href="줄 1 셀 1 사진의 URL" target="_blank"><img border="0" src="줄 1 셀 1 사진의 URL" width="100"></a></td> <td class="imgcell" align="center"> <a href="줄 1 셀 2 사진의 URL" target="_blank"><img border="0" src="줄 1 셀 2 사진의 URL" width="100"></a></td> </tr> <tr> <td class="imgcell" align="center"> <a href="줄 2 셀 1 사진의 URL" target="_blank"><img border="0" src="줄 2 셀 1 사진의 URL" width="100"></a></td> <td class="imgcell" align="center"> <a href="줄 2 셀 2 사진의 URL" target="_blank"><img border="0" src="줄 2 셀 2 사진의 URL" width="100"></a></td> </tr> </tbody> </table>


target="_blank"는 사진을 새 창에 엽니다.
imageanchor="1"는 구글 블로거에서는 사진을 필름 스트림 형식으로 보여 주는 창을 엽니다.
사진이 구글 블로거 내에 있는 경우는 target="_blank"imageanchor="1"로 작동합니다.
.

2015년 9월 20일 일요일

[강좌] MuseScore 2.0 - TAB 악보 ...

*. 원본 : 구글 문서



*. 이 강좌는 MuseScore 2.0 버전 기준입니다.



1. 음표 입력



타브 악보에 음표를 입력하려면 원하는 위치에 마우스로 클릭을 한 후 숫자 키를 누르면 됩니다.

001.png

좌우상하 화살표 키로 입력 상자를 이동할 수 있습니다.

901.png

X” 표시는 “Shift + X” 키를 누르면 됩니다.

902.png

.” 표시는 “Shift + S” 키를 누르면 됩니다. 다시 누르면 없어집니다.




2.
TAB 오선 속성

TAB 오선의 속성을 설정하는 방법입니다.


1)
Staff Properties

Tab - Staff Properties.png

원하는 TAB 오선을 선택한 후 마우스 오른쪽 버튼을 클릭합니다.



2)
Advanced Style Properties...

Staff - Style - Tablature.png

Style group의 속성을 설정합니다.




3)
공통 속성과 Fret Marks(프렛 기호)를 설정합니다.


101.png

Lines                            타브 악보의 줄 수
Line distance                 줄 간격
Show Clef                     음자리표 보이기
Show time signature         박자표 보이기
Show barlines                 세로줄 (마디 구분선) 보이기

Fret Marks                프렛 기호
     글꼴                        프렛 기호 표시 용 글꼴
     크기                        프렛 기호 크기
     Vertical offset            기준점에서 세로 위치의 간격
     Marks are                 프렛 표시 종류
              Numbers                숫자로 표시
              Letters                   문자(알파벳)으로 표시  
      Marks are drawn       프렛 표시 위치
              On lines                 (오선)줄 위에 겹쳐서 표시
              Above lines            (오선) 줄 위의 빈 공간에 표시
     Lines are                  프렛이 표시 된 곳의 오선(줄) 표시 방법
              계속                      (오선)줄을 끊어지지 않게 연결
              Broken                   프렛이 표시 된 곳은 (오선)줄을 끊음




4)
속성 설정의 예

102.png


"Fret Marks" 를 "Letters, Above lines, 계속" 으로 설정한 예입니다.


5)
Note Values (음표 속성)

103.png

Shown as : Note Symbols
타브 오선에 표시될 음표를 음표 머리가 있는 음표로 설정합니다.





6)
음표 기둥과 꼬리 표시 방법

104.png

Shown as : Stems and beams
타브 오선에 표시될 음표를 음표 머리는 없이 음표 기둥과 꼬리로 표시 하도록 설정합니다.

Stem position            음표 기둥과 꼬리의 위치
        상                       오선 위에 음표 기둥과 꼬리를 표시
        Blelow                  오선 아래에 음표 기둥과 꼬리를 표시

105.png




7)
2분 음표 (Half notes) 표시 방법

106.png

Stems and beams 로 표시 방법을 설정했을 때 2분 음표를 표시하는 방법입니다.
Half notes
     As short stem                        짧은 음표 기둥
     As slashed stem                     빗금이 있는 음표 기둥

107.png




8)
음표 머리의 크기 설정

108.png

음표 머리를 표시하도록 설정한 경우 음표 머리의 크기를 설정하는 방법입니다.
         글꼴                   음표 머리를 표시할 폰트 종류
         크기                   음표 머리의 크기
         Vertical offset       기준점에서의 세로 위치

.

2015년 9월 16일 수요일

[강좌] Finale 2014 - 서로 다른 모양의 음표 머리 겹치기 ...

*. 원본 : 구글 문서 - [강좌] Finale 2014 - 서로 다른 모양의 음표 머리 겹치기 ...





*. 이 강좌는 피날레 2014 버전 기준입니다.


레이어로 구분된 음표가 같은 음을 사용할 경우, 각각의 음표 머리 모양이 다를 경우는 나란히 그려집니다.

예)

001.png

나란히 그려진 음표를 겹치는 방법입니다.



1.
Note Position Tool

Note Position Tool.png



2.
Layer 2

Layer-2.png



3.
음표의 위치를 옮깁니다.

003.png

004.png

005.png

음표 머리의 모양이 다른 음표를 겹치게 했으나, 레이어 2의 음표가 2분음표 인지, 4분 음표인지 구분이 안 됩니다.
이럴 경우는 레이어 1의 음표 머리 모양을 바꾸면 됩니다.


4.
Note Shape Tool

Note Shape Tool.png




5.
음표 머리 모양을 선택 합니다.

006.png

머리 모양을 바꾸고자 하는 음표 머리를 마우스 왼쪽 버튼으로 더블 클릭을 합니다.
2분 음표의 머리 모양은 250번 기호를 사용합니다.





6.

007.png



7.
레이어 2의 음표 위치를 옮깁니다.

008.png

위의 1 ~ 3 번의 방법으로 음표의 위치를 설정하면 됩니다.

.