뮤즈(Muse) CC

* 뮤즈(Muse)는 웹 표준인 HTML5, CSS3, 자바스크립트 기반으로 모든 디바이스의 브라우저와 플랫폼에서 구현되어, 모바일용 앱 디자인이 가능합니다. * 뮤즈(Muse)는 코드를 몰라도 위젯 패널에서 제공하는 슬라이드 쇼, 내비게이션, 툴팁, 아코디언, 탭 구분 위젯을 활용하여 동적인 웹&앱을 디자인하고 출판할 수 있습니다. * 뮤즈(Muse)는 데스크탑 레이아웃 하나만 디자인하고 변환하여 태블릿과 스마트폰 레이아웃을 쉽게 제작할 수 있습니다. * 뮤즈를 처음 접하는 사용자를 위하여 프로젝트별로 스텝을 빠짐 없이 다루었습니다. * 무료 호스팅 개설과 도메인을 통하여 출판사는 방법까지 다루었습니다.

01 뮤즈(Muse) 프롤로그 일목요연한 사이트 계획 웹 폰트, 웹 세이프 폰트, 시스템 폰트와 직관적인 인터렉티브 요소 제공 HTML 포함과 시차 스크롤링 다양한 디바이스 환경에서 사이트 테스트와 검색 엔진 최적화 02 뮤즈(Muse) 다운로드와 설치 어도비 계정 만들고 뮤즈 설치하기 03 완성된 사이트를 HTML로 내보내기 파일 열기와 저장하기 04 사이트 설계와 레이아웃 사이트 생성 05 사이트 레이아웃과 페이지 운용 페이지 추가, 삭제, 이동 06 디자인 페이지의 화면 구성 07 메뉴(Menu) 파일 편집 페이지 개체 보기 창 도움말 08 도구 상자(Tools Box) 도구의 명칭과 기능 09 메인 페이지와 서브 페이지 구성 10 레이아웃 설정 머리글, 바닥글, 디자인 영역 설정 레이아웃을 위한 안내선 활용 11 배경 설정 브라우저 이미지 배경 브라우저 단색 배경 브라우저 그라데이션 배경 페이지 배경색과 삭제 페이지 배경 이미지 “회원 가입 마스터”와 “스크롤 마스터”디자인 12 마스터 페이지 적용과 운용 마스터 페이지 적용 마스터 페이지에 바닥글 내용 작성 페이지 이동과 재배치 13 파비콘(Favicon) 설정하기 14 브라우저 타이틀 설정 15 바닥글 항목 지정 16 이미지 다루기 이미지 확대, 축소, 회전, 자르기 이미지의 모서리 모퉁이 반경 조절 이미지의 투명도 복수의 이미지 불러오기 롤오버 이벤트 이미지와 URL 17 포토샵 레이어와 버튼 이미지 포토샵 이벤트 이미지 제작 포토샵 레이어 이미지 가져오기 포토샵 버튼 이미지 가져오기 원본 이미지 수정 편집하기 18 개체 정렬과 관리 개체 정렬 개체 대치 개체 재연결 개체를 문서에 포함 19 스타일 문자 스타일 단락 스타일 그래픽 스타일 20 문자와 웹 글꼴 웹 글꼴, 웹 세이프 글꼴, 시스템 글꼴 사용 웹 글꼴 추가 글꼴 지정 방법 문자와 문단 속성 21 텍스트 감싸기와 여백 텍스트 감싸기 프레임과의 여백 22 포토샵 이벤트 버튼 이미지 표시 메뉴 사이트 초기화와 포토샵 이미지 메뉴 이벤트 이미지 배경 텍스트 23 개체의 위치, 크기, 회전 24 메뉴 위젯 세로형 메뉴 생성 메뉴의 색상 변경 가로형 메뉴 생성 메뉴 바 디자인 바닥글 디자인 25 단락 스타일과 텍스트 26 슬라이드 쇼 위젯 이미지 대치와 섬네일, 캡션 편집 슬라이드 쇼 이미지 추가 풍선 도움말과 URL 슬라이드 쇼 순서 변경 페이드 형식을 슬라이드 형식으로 설정 투명도와 그림자 27 아코디언 위젯 아코디언 내용 디자인 아코디언 색상 28 탭 구분 패널 위젯 탭 구분 패널 내용 디자인 탭 색상 29 툴팁 위젯 툴팁 내용 디자인 트리거 배치와 수정 30 어도비 계정을 위한 회원 가입 폼 위젯 31 동영상 삽입 유투브 동영상 동영상 파일 32 구글 지도 삽입 33 스크롤 동작 34 앵커, 핀, 내용 스크롤 앵커 다른 페이지의 앵커 “핀”으로 위치 고정 내용 스크롤 35 URL 페이지 열기, 파일 열기, 메일 보내기, 전화 걸기 툴팁 디자인 하이퍼링크 설정 36 한국형 회원 로그인 폼, 폼 메일, 게시판 생성 37 모바일 디바이스(스마트폰, 태블릿) 레이아웃 38 어도비 계정과 자신의 계정에 출판 어도비 계정에 출판 자신의 계정에 출판 39 무료 도메인과 포워딩