2014. 2. 3. 14:37 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제7부 대시보드를 사용하여 사이트 관리 사이트 관리에는 사이트 업그레이드, 사이트의 최종 도메인 이름(URL) 설정, 새 사용자 추가 등 사이트를 런칭하기 전에 수행하는 여러 가지 작업이 포함됩니다. 고객을 사이트의 사용자로 추가하면 해당 고객이 관리 콘솔에 로그인하여 트래픽 보고서를 확인하고 사이트의 성과를 점검할 수 있습니다. 대개 사이트 업그레이드 작업은 디자인을 완성하고 도메인 이름을 등록하고 나서야 진행하는 것이 일반적입니다. 도메인 이름 등록에 대한 자세한 내용은 도메인 이름 변경 방법을 설명하는 부분을 참조하십시오. 사이트를 관리하려면 앞 단원에서 살펴본 게시 확인 메시지 창의 [관리] 링크를 클릭하거나 [관리] 단추를 클릭합니다(그림 65 참조)...
2014. 2. 2. 14:36 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제6부 임베디드 HTML을 사용하여 웹 페이지에 Google 지도 삽입 이번 단원에서는 Google 지도를 통해 생성된 지도를 로드하는 임베디드 HTML을 삽입하여 "KART MAP" 페이지에 컨텐트를 추가해 보겠습니다. 이는 사이트에 임베디드 HTML을 사용할 수 있는 여러 가지 방법 중 또 하나의 작은 예일 뿐입니다. YouTube, Flickr, Picasa 등 기타 수많은 타사 사이트로부터 가져온 컨텐트를 통합할 수 있을 뿐만 아니라, 해당 사이트에서 자신의 계정으로 액세스하고 컨텐트를 게시하여 관리하는 여러 가지 양식, 블로그 및 기타 복잡한 사이트 기능을 추가할 수 있습니다. 1.새 브라우저 창을 열고 maps.google.com을 방문합니다. 2.지..
2014. 2. 1. 14:35 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제5부 Photoshop 파일을 롤오버 단추로 배치 1.[파일] > [Photoshop 단추 배치]를 선택합니다. [Photoshop 가져오기] 대화 상자가 나타나면 Kevins_Koffee_Kart 폴더에서 btn_share.psd라는 파일을 찾습니다. [선택](Mac) 또는 [열기](Windows)를 클릭하여 파일을 선택합니다. 2.[Photoshop 가져오기 옵션] 대화 상자가 나타납니다. 여기서 잠시 시간을 내어 설정이 어떤 식으로 적용되는지 살펴보도록 하겠습니다. 이 대화 상자의 메뉴를 사용하면 단추의 [표준 상태](페이지를 처음 로드했을 때 표시되는 단추 모양), [롤오버 상태](방문자가 마우스 커서를 단추 위에 올려 놓았을 때 표시되는 단추 모양),..
2014. 1. 31. 14:34 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제4부 웹 페이지에 아코디언 위젯 추가 1.[위젯 라이브러리]를 엽니다. ([창] > [위젯 라이브러리]를 선택하여 이 라이브러리를 열 수 있습니다. 위젯 라이브러리가 이미 열려 있으면 고정된 패널 모음에서 상단 탭을 클릭하여 위젯 라이브러리를 활성화합니다.) 2.[패널]을 클릭하여 패널 위젯의 목록을 확장합니다. 아코디언 위젯을 선택합니다. 아코디언 위젯을 페이지 위로 드래그하여 페이지 컨텐트 영역의 왼쪽 상단에 배치합니다. 3.[선택] 도구로 위젯의 여러 구성 요소를 선택해 보십시오. 전체 위젯을 선택하면 [컨트롤] 패널의 왼쪽 위 가장자리에 있는 선택 표시자에 "위젯"이라는 단어가 표시됩니다. 마우스 단추를 다시 클릭하여 컨테이너, 텍스트 프레임 등을 선택..
2014. 1. 31. 09:30 컴퓨터/이것저것
SEO “description” 메타 태그 활용하기 각 페이지의 요약 정보를 보여주기 페이지에 description 메타 태그를 사용하면 Google 및 다른 검색 엔진에서 페이지 정보의 요약 내용을 볼 수 있습니다(1). 페이지 제목에는 몇몇 단어 또는 구문을 사용하지만 페이지의 description 메타 태그에는 1-2개의 문장이나 짧은 단락을 사용할 수 있습니다. Google 웹마스터 도구에는 description 메타 태그가 너무 짧거나, 너무 길거나 또는 너무 여러번 반복되었는지 알려주는 편리한 콘텐츠 분석 섹션이 있습니다. 태그와 마찬가지로 description 메타 태그는 HTML 문서의 태그 내에 위치합니다. description 메타 태그를 활용했을 때의 장점 Description 메타 ..
2014. 1. 30. 14:33 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제3부 페이지의 채우기 색상을 조정하여 반투명하게 만들기 [에셋] 패널에 표시되는 경고 메시지를 해결하려면 마우스 오른쪽 단추를 클릭하고 개별 에셋 파일에 수정 사항을 적용하는 데 필요한 메뉴 옵션을 선택합니다. 또는 [에셋] 패널에서 (Shift 키를 누른 채) 여러 에셋을 한꺼번에 선택한 다음 선택한 에셋 파일 전체에 수정 사항을 적용하기 위한 메뉴 옵션을 선택합니다. 페이지의 채우기 색상을 조정하여 반투명하게 만들면 마스터 페이지를 채우는 데 기본적으로 흰색이 사용됩니다. 그러나 원한다면 사용자가 페이지의 색상과 투명도를 바꿀 수 있습니다. [디자인] 보기에 "A-마스터" 페이지를 열어 둔 상태에서 아래 작업을 수행하십시오. 1.[컨트롤] 패널에서 [브라우..
2014. 1. 29. 14:32 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제2부 웹 사이트의 페이지를 채우고 구성하기 위한 사이트맵 만들기 (Muse를 사용하거나 웹 사이트를 만들 때 사용되는) "사이트맵"이라는 용어는 웹 사이트 하나에 포함되는 여러 페이지의 계층 구조를 가리킵니다. Muse에서 새로 만드는 모든 사이트에는 기본적으로 Home 페이지 하나가 포함됩니다. 이는 방문자가 브라우저를 통해 라이브 사이트를 볼 때 맨 처음 로드되는 페이지입니다. 원한다면 Home 페이지의 이름을 "Index"라고 변경할 수 있습니다. 메뉴 막대 위젯을 사용하는 경우 동적 메뉴에 각 페이지의 이름이 자동으로 표시 및 연결됩니다. 페이지 이름은 언제든지 변경할 수 있습니다. 새 사이트를 처음 만들 때는 일반적으로 [플랜] 보기를 사용하여 사이트..
2014. 1. 28. 14:22 컴퓨터/그래픽
Adobe Muse(어도비 뮤즈) 시작하기 제1부 이 자습서에서는 Adobe® Muse™ 소프트웨어를 기반으로 하여 실제 프로젝트에서 일반적으로 사용되는 기능을 담고 있는 웹 사이트를 만드는 방법을 설명합니다. 여기에서는 마스터 페이지를 사용하는 방법, 텍스트와 이미지를 다루는 방법, 위젯을 통해 대화형 기능을 추가하는 방법, 임베디드 HTML을 사용하여 리치 미디어 및 동적 웹 데이터를 삽입하는 방법 등을 주로 살펴봅니다. 이 첫 단원을 진행하려면 인터넷에 연결되어 있어야 합니다. Adobe Muse 제품 페이지를 방문하여 소프트웨어를 다운로드하고 설치합니다. Muse를 사용하려면 서비스에 가입을 해야 하지만 평가용 버전을 30일 동안 무료로 사용해 볼 수도 있습니다. 소프트웨어를 실행하고 사이트를 디..
2014. 1. 28. 10:00 컴퓨터/이것저것
제가 만든것도 이제 바닥이 나고 있습니다. 운전하면서 이쁜현수막 보면 사직찍어서 시안을 올리겠습니다. 만약 좋은 시안이 있거나 보셨으면 cometkey@naver.com 으로 보내주시면 시안을 만들어서 올려보도록 하겠습니다. (포토샾 실력이 없어서 어려운건 비슷하게라도 만들어보겠습니다.) 아 몇일전에 현수막업체에다 현수막 시안 좀 얻을 수 있냐고 물어봤는데, 댓구도 안하더군요...시안 달라고 말한 나도 웃기지만 현수막 팔아준게 얼만데...댓구라도 좀 해주지...쩝..
2014. 1. 28. 09:30 컴퓨터/이것저것
title 태그를 이용하여 페이지의 제목 나타내기 t i t l e 태그는 사용자와 검색 엔진에 특정 페이지의 주제를 알려줍니다. 태그는 HTML 문서의 태그 내에 있어야 합니다(1). 각각의 페이지마다 고유한 제목을 만드는 것이 이상적입니다. 타이틀 태그의 내용은 검색결과에 반영됩니다 문서가 검색결과 페이지에 나타나면 title 태그의 콘텐츠는 주로 결과의 첫 번째 행에 나타납니다 . 여러 부분으로 구성된 Google 검색결과에 아직 익숙하지 않다면 Google 수석 엔지니어인 매트커츠가 만든 “검색 결과 페이지의 구조” 동영상과 Google 검색 결과 페이지 전체 개요를 보는 것이 좋습니다 . 사용자가 찾고 있는 것이 페이지의 주제와 밀접한 연관이 있다는 것을 효과적으로 나타내기 위하여 , 사용자의 ..