2014. 2. 20. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 8부 Muse를 사용한 첫 번째 웹 사이트 구축 7부에서는 수동 가로 메뉴 위젯에서 기준점 태그를 추가하고 메뉴 항목에 이 태그를 연결하는 방법을 살펴보았습니다. 페이지의 요소가 스크롤되지 않도록 고정하는 방법도 알아보았습니다. 또한 방문자가 파일을 다운로드할 수 있게 파일에 링크를 적용하는 방법도 배웠습니다. 8부에서는 개체 그룹화 및 이러한 그룹을 사용하여 페이지의 내용에 붙여넣는 방법을 알아보겠습니다. 또한 이번에는 임베디드 HTML을 사용하여 방문 페이지에 대화형 Google 지도를 추가해 보겠습니다. 그리고 마지막으로 파비콘을 추가하여 평가용 사이트를 제공된 호스팅 서버로 게시하여 사이트를 마무리하는 방법을 알아봅니다. 개체 그룹화 및 붙여넣기 ..
2014. 2. 18. 09:00 컴퓨터/그래픽
포토샵 동영상 강좌 1-8편 블로그에 이것저것 및 고급기술이 많은데, 제 입장에는 항상 사용하는 것만 사용하고 기초가 없으니, 비슷한 일을 해도 능률이 안 올라 동영상을 찾아봤습니다. 포토샵 동영상 강좌를 찾다보니 대부분 유료사이트로 연결이 되어있습니다. 제가 자세히 공부해서 뭐할 것도 아니고 취미로만 할 거라서 돈 주고 듣기는 그래서 유튜브에 검색을 했습니다. 포토샵 동영상 강좌에 화질도 괜찮고 순차적으로 잘 되어있어서 올립니다. 더 열심히 작성하겠습니다. 중급자가 아닌 포토샵을 처음 다루시는 분들에게 적합할거 같습니다.(딱 제 수준) 유튜브 동영상 블로그 가기 가끔 초반에 광고 나오는 경우가 있습니다. 그건 5초 후에 건너뛰기 하면 됩니다. 포토샾 동영상 강좌 1 - 포토샾 작업영역 살펴보기 포토샾 ..
2014. 2. 18. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 7부 Muse를 사용하여 첫 웹 사이트 만들기 6부에서는 [축소판 슬라이드 쇼] 위젯을 추가하여 [탭 구분 패널] 위젯의 컨텐트 영역 내에 갤러리를 표시하는 방법을 배웠습니다. 또한 음식 페이지에 4개의 메뉴(아침, 점심, 저녁 식사, 디저트)를 만들고 스타일을 지정했습니다. 7부에서는 기준점 링크를 추가하고 수동 [가로 메뉴] 위젯이 있는 페이지 탐색을 생성하는 방법을 살펴보고 음식 페이지를 마무리합니다. 또한 링크 메뉴를 살펴보고 모든 유형의 링크(기준점 링크, 전자 메일 링크, 다운로드 링크 및 외부 웹 페이지에 대한 링크)를 만드는 방법을 배웁니다. 마지막으로 페이지 요소의 나머지 부분이 긴 페이지에서 스크롤되더라도 특정 개체가 스크롤되지 않도록 ..
2014. 2. 16. 09:30 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 6부 Muse를 사용하여 첫 웹 사이트 만들기 5부에서는 단일 페이지에 더 많은 컨텐트를 표시하기 위한 [탭 구분 패널] 위젯 추가 방법을 알아보았습니다. 텍스트 프레임 내에서 이미지 주위에 텍스트를 감싸는 방법도 살펴보았습니다. 6부에서는 [탭 구분 패널] 위젯의 컨테이너 중 하나에서 [축소판 슬라이드 쇼] 위젯을 추가하여 정보 페이지에 대한 디자인을 마무리하는 방법을 살펴봅니다. 또한 음식 페이지 디자인을 시작하여 아침, 점심, 저녁 식사 및 디저트 메뉴를 추가할 것입니다. 슬라이드 쇼 위젯은 설정이 쉽습니다. [축소판 슬라이드 쇼] 위젯을 통해 사이트에서 대화형으로 일련의 이미지를 표시할 수 있습니다. [탭 구분 패널] 위젯과 유사하게 방문자가 축소..
2014. 2. 13. 09:30 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 5부 Muse를 사용하여 첫 웹 사이트 만들기 4부에서는 임베디드 HTML을 위젯 컨테이너 내부에 추가했습니다. 또한 라이트박스 컴포지션 위젯으로 작업하고 브라우저에서 라이트박스 동작을 테스트했습니다. 5부에서는 탭 구분 패널 위젯 작업을 시작합니다. 패널 위젯은 더 작은 화면 영역에 더 많은 요소를 표시하는 데 유리합니다. 방문자는 [탭 구분 패널] 위젯의 탭을 클릭하여 각 컨테이너의 컨텐트를 표시할 수 있습니다. 탭 구분 패널 위젯과 아코디언 위젯은 모두 방문자가 확장하고자 하는 컨텐트를 선택할 수 있도록 함으로써 페이지에 상호 작용을 추가합니다. 현재 홈 페이지와 이벤트 페이지가 완성되었습니다. 이 단원에서는 정보 페이지 디자인을 위해 탭 구분 패널..
2014. 2. 11. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 4부 Muse를 사용하여 첫 웹 사이트 만들기 3부에서는 가로 메뉴 위젯을 통해 사이트 탐색 메뉴를 추가하여 Main 마스터 페이지를 업데이트했습니다. [상태] 패널을 사용하여 메뉴 항목 및 레이블의 모양에 스타일을 지정하는 방법을 배웠습니다. 또한 [색상 견본] 패널에서 찾기 쉽도록 색상 견본의 이름을 바꾸는 방법도 배웠습니다. 그리고 마지막으로 마스터 페이지의 요소가 전경에 표시되도록 설정하는 방법을 살펴보았습니다. 4부에서는 임베디드 HTML을 사용하여 다른 웹 사이트에서 생성된 컨텐트를 Muse 사이트의 페이지에 표시하는 작업을 시작할 것입니다. 임베디드 HTML을 위젯 컨테이너 내부에 중첩시키는 방법도 살펴볼 것입니다. 임베디드 HTML을 사용하..
2014. 2. 9. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 3부 Muse를 사용하여 첫 웹 사이트 만들기 2부에서는 바닥글의 메뉴 위젯을 통해 사이트 탐색 메뉴를 추가하여 Main 마스터 페이지를 업데이트했습니다. 위젯의 하위 요소로 드릴 다운하고 위젯을 선택한 후 [상태] 패널을 사용하여 상태 및 레이블의 모양을 편집하는 방법을 배웠습니다. 또한 [옵션] 패널을 사용하여 위젯 동작을 제어하는 설정을 구성하는 방법도 살펴보았습니다. 그리고 단락 스타일을 만들고 적용했습니다. 여기에서는 최상위 사이트 탐색 메뉴를 Main 마스터 페이지에 추가하게 됩니다. Main 마스터 페이지에 머리글 컨텐트 추가 메뉴 위젯을 Main 마스터 페이지에 추가하여 바닥글을 완성했으므로 최상위 탐색 메뉴를 추가하겠습니다. 다음 단계에 ..
2014. 2. 7. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기 2부 Muse를 사용하여 첫 웹 사이트 만들기 1부에서는 웹 사이트를 만들고 플랜 보기를 사용하여 사이트 페이지를 만든 다음 디자인 보기에서 A-마스터 페이지를 편집하여 페이지 요소를 추가하고 머리글과 바닥글 영역을 정의했습니다. 또한 계층적 마스터에 대해 살펴보고 새로운 Main 마스터를 만든 다음 여기에 A-마스터를 적용했습니다. 여기에서는 Main 마스터 페이지를 편집하고 위젯을 추가 및 사용자 정의하는 방법을 배웁니다. 추가할 첫 번째 유형의 위젯은 방문자가 사이트에서 여러 페이지로 이동하는 데 도움을 주는 [메뉴] 위젯입니다. 메뉴 위젯 작업 Brian Wood가 진행하는 이 비디오에서는 페이지에 메뉴 위젯을 삽입하는 방법을 배울 수 있습니다. ..
2014. 2. 5. 09:00 컴퓨터/그래픽
adobe muse(어도브 뮤즈) 웹사이트 만들기1 본 자습서에서는 Adobe Muse 작업 영역이 어떻게 구성되어 있는지 살펴보고, 완벽하게 작동하는 웹 사이트를 어떠한 코드도 전혀 작성하지 않은 채 구축하는 방법을 설명합니다. "Muse를 사용하여 첫 웹 사이트 만들기" 제1부에서는 Muse를 처음 시작하는 데 도움이 될 지침을 소개합니다. 여기에서는 마스터 페이지, 위젯, Photoshop 단추, 링크를 사용하는 방법을 설명합니다. 이 자습서를 학습하면서 언제든지 Katie's Cafe 라이브 웹 사이트를 방문하여 최종 사이트가 어떤 모양일지 확인할 수 있습니다. 소프트웨어 설치 및 샘플 프로젝트 설정 1. 최신 버전의 Muse를 다운로드하여 설치합니다. 2. 샘플 파일을 다운로드합니다. 3. ZI..
2014. 2. 3. 14:37 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제7부 대시보드를 사용하여 사이트 관리 사이트 관리에는 사이트 업그레이드, 사이트의 최종 도메인 이름(URL) 설정, 새 사용자 추가 등 사이트를 런칭하기 전에 수행하는 여러 가지 작업이 포함됩니다. 고객을 사이트의 사용자로 추가하면 해당 고객이 관리 콘솔에 로그인하여 트래픽 보고서를 확인하고 사이트의 성과를 점검할 수 있습니다. 대개 사이트 업그레이드 작업은 디자인을 완성하고 도메인 이름을 등록하고 나서야 진행하는 것이 일반적입니다. 도메인 이름 등록에 대한 자세한 내용은 도메인 이름 변경 방법을 설명하는 부분을 참조하십시오. 사이트를 관리하려면 앞 단원에서 살펴본 게시 확인 메시지 창의 [관리] 링크를 클릭하거나 [관리] 단추를 클릭합니다(그림 65 참조)...