이번글에서는 HOME 페이지에 플래시 로고와 컨텐트 영역에 유투브 동영상 삽입하는 방법을 알아봅니다. 이전글에서 구글맵을 삽입할때 알아봤듯이 모든 요소의 삽입은 위치배정에 있어서 아주 자유롭습니다. 이것을 CSS로 배치하자면 단순하지가 않습니다. 하지만 뮤즈에서는 클릭드래그해서 원하는 곳에 놓기만 하면 스타일을 자동으로 만들어주는 것입니다.
1. 플래시 로고 삽입하기
플랜뷰 모드에서 A-Master 썸네일을 우클릭해서 페이지 복사를 선택하면 매스터페이지가 복사됩니다. 이름을 바꾸고 더블클릭해서 디자인뷰에 불러옵니다.
1의 로고이미지를 선택해서 Delete키를 눌러 삭제하고 Ctrl+D키를 눌러 브라우저창에서 Logo.swf파일을 선택해서 엽니다. 3의 페이지 상단 조절 슬라이더를 이동해서 공간을 만든 다음 플래시 이미지를 배치합니다.
1의 소셜네트워크 아이콘은 플래시 애니메이션에 걸리므로 제거를 하거나 다른 곳에 배치합니다. 플랜뷰를 클릭합니다.
플래시 페이지를 클릭드래그해서 HOME페이지 위로 올리면 페이지가 교체됩니다. 여러개의 마스터 페이지가 있으면 원하는 상세페이지에 드래그해서 간단하게 교체됩니다.
2. 유투브 동영상 삽입하기
플랜뷰에서 ABOUT페이지를 더블클릭하여 디자인뷰에 연 다음 유투브 사이트 로 갑니다.
원하는 동영상을 찾아서 동영상 하단에서 공유를 클릭하고 소스코드를 클릭합니다. 3에 코드가 나오고 4에서 옵션을 선택한 다음 5에서 원하는 사이즈를 선택하거나 6에서 자유롭게 사이즈를 조절할 수 있습니다. 사이즈를 변경하고 나면 3의 코드가 변경이 됩니다. 우클릭해서 복사하기를 선택하거나 Ctrl+C키를 눌러 복사합니다.
페이지로 돌아와서 Ctrl+V키를 누르면 잠시후에 검정색 화면이 나옵니다. Preview모드로 가면 동영상 화면을 볼 수가 있습니다. 구글맵의 사이즈를 조정할 수 있는 것처럼 여기서도 유투브에 다시 가서 재조정할 필요없이 우클릭해서 HTML을 선택하면 코드창이 나옵니다. 다시 원하는 사이즈로 설정을 할 수 있습니다.
3. 트위터 위젯 설치하기
트위터에 로그인 하고 우측 사이드바 하단에 보면 자료실이 있습니다. 클릭한 다음 위젯을 선택합니다.
웹사이트용을 선택하고 검색위젯을 선택합니다.
설정에서 검색어에 원하는 검색어를 입력하고 제목과 설명을 입력하면 위젯에 나타납니다.
색상탭을 선택하고 위젯색상이나 기타 다른 색상을 설정합니다.
크기탭을 선택하고 위젯의 크기를 설정합니다.
마지막으로 끝내기 & 코드받기를 클릭하면 코드창이 나옵니다. 클릭하고 Ctrl+C키를 누르면 클립보드에 복사됩니다.
웹페이지로 돌아와서 Ctrl+V키를 누르면 나타나고 클릭드래그하여 배치합니다.
