【분양사업본부】

Adobe Muse(어도비 뮤즈) 시작하기 제6부 임베디드 HTML을 사용하여 웹 페이지에 Google 지도 삽입 이번 단원에서는 Google 지도를 통해 생성된 지도를 로드하는 임베디드 HTML을 삽입하여 "KART MAP" 페이지에 컨텐트를 추가해 보겠습니다. 이는 사이트에 임베디드 HTML을 사용할 수 있는 여러 가지 방법 중 또 하나의 작은 예일 뿐입니다. YouTube, Flickr, Picasa 등 기타 수많은 타사 사이트로부터 가져온 컨텐트를 통합할 수 있을 뿐만 아니라, 해당 사이트에서 자신의 계정으로 액세스하고 컨텐트를 게시하여 관리하는 여러 가지 양식, 블로그 및 기타 복잡한 사이트 기능을 추가할 수 있습니다. 1.새 브라우저 창을 열고 maps.google.com을 방문합니다. 2.지..

Adobe Muse(어도비 뮤즈) 시작하기 제5부 Photoshop 파일을 롤오버 단추로 배치 1.[파일] > [Photoshop 단추 배치]를 선택합니다. [Photoshop 가져오기] 대화 상자가 나타나면 Kevins_Koffee_Kart 폴더에서 btn_share.psd라는 파일을 찾습니다. [선택](Mac) 또는 [열기](Windows)를 클릭하여 파일을 선택합니다. 2.[Photoshop 가져오기 옵션] 대화 상자가 나타납니다. 여기서 잠시 시간을 내어 설정이 어떤 식으로 적용되는지 살펴보도록 하겠습니다. 이 대화 상자의 메뉴를 사용하면 단추의 [표준 상태](페이지를 처음 로드했을 때 표시되는 단추 모양), [롤오버 상태](방문자가 마우스 커서를 단추 위에 올려 놓았을 때 표시되는 단추 모양),..

Adobe Muse(어도비 뮤즈) 시작하기 제4부 웹 페이지에 아코디언 위젯 추가 1.[위젯 라이브러리]를 엽니다. ([창] > [위젯 라이브러리]를 선택하여 이 라이브러리를 열 수 있습니다. 위젯 라이브러리가 이미 열려 있으면 고정된 패널 모음에서 상단 탭을 클릭하여 위젯 라이브러리를 활성화합니다.) 2.[패널]을 클릭하여 패널 위젯의 목록을 확장합니다. 아코디언 위젯을 선택합니다. 아코디언 위젯을 페이지 위로 드래그하여 페이지 컨텐트 영역의 왼쪽 상단에 배치합니다. 3.[선택] 도구로 위젯의 여러 구성 요소를 선택해 보십시오. 전체 위젯을 선택하면 [컨트롤] 패널의 왼쪽 위 가장자리에 있는 선택 표시자에 "위젯"이라는 단어가 표시됩니다. 마우스 단추를 다시 클릭하여 컨테이너, 텍스트 프레임 등을 선택..

SEO “description” 메타 태그 활용하기 각 페이지의 요약 정보를 보여주기 페이지에 description 메타 태그를 사용하면 Google 및 다른 검색 엔진에서 페이지 정보의 요약 내용을 볼 수 있습니다(1). 페이지 제목에는 몇몇 단어 또는 구문을 사용하지만 페이지의 description 메타 태그에는 1-2개의 문장이나 짧은 단락을 사용할 수 있습니다. Google 웹마스터 도구에는 description 메타 태그가 너무 짧거나, 너무 길거나 또는 너무 여러번 반복되었는지 알려주는 편리한 콘텐츠 분석 섹션이 있습니다. 태그와 마찬가지로 description 메타 태그는 HTML 문서의 태그 내에 위치합니다. description 메타 태그를 활용했을 때의 장점 Description 메타 ..

Adobe Muse(어도비 뮤즈) 시작하기 제3부 페이지의 채우기 색상을 조정하여 반투명하게 만들기 [에셋] 패널에 표시되는 경고 메시지를 해결하려면 마우스 오른쪽 단추를 클릭하고 개별 에셋 파일에 수정 사항을 적용하는 데 필요한 메뉴 옵션을 선택합니다. 또는 [에셋] 패널에서 (Shift 키를 누른 채) 여러 에셋을 한꺼번에 선택한 다음 선택한 에셋 파일 전체에 수정 사항을 적용하기 위한 메뉴 옵션을 선택합니다. 페이지의 채우기 색상을 조정하여 반투명하게 만들면 마스터 페이지를 채우는 데 기본적으로 흰색이 사용됩니다. 그러나 원한다면 사용자가 페이지의 색상과 투명도를 바꿀 수 있습니다. [디자인] 보기에 "A-마스터" 페이지를 열어 둔 상태에서 아래 작업을 수행하십시오. 1.[컨트롤] 패널에서 [브라우..

Adobe Muse(어도비 뮤즈) 시작하기 제2부 웹 사이트의 페이지를 채우고 구성하기 위한 사이트맵 만들기 (Muse를 사용하거나 웹 사이트를 만들 때 사용되는) "사이트맵"이라는 용어는 웹 사이트 하나에 포함되는 여러 페이지의 계층 구조를 가리킵니다. Muse에서 새로 만드는 모든 사이트에는 기본적으로 Home 페이지 하나가 포함됩니다. 이는 방문자가 브라우저를 통해 라이브 사이트를 볼 때 맨 처음 로드되는 페이지입니다. 원한다면 Home 페이지의 이름을 "Index"라고 변경할 수 있습니다. 메뉴 막대 위젯을 사용하는 경우 동적 메뉴에 각 페이지의 이름이 자동으로 표시 및 연결됩니다. 페이지 이름은 언제든지 변경할 수 있습니다. 새 사이트를 처음 만들 때는 일반적으로 [플랜] 보기를 사용하여 사이트..

Adobe Muse(어도비 뮤즈) 시작하기 제1부 이 자습서에서는 Adobe® Muse™ 소프트웨어를 기반으로 하여 실제 프로젝트에서 일반적으로 사용되는 기능을 담고 있는 웹 사이트를 만드는 방법을 설명합니다. 여기에서는 마스터 페이지를 사용하는 방법, 텍스트와 이미지를 다루는 방법, 위젯을 통해 대화형 기능을 추가하는 방법, 임베디드 HTML을 사용하여 리치 미디어 및 동적 웹 데이터를 삽입하는 방법 등을 주로 살펴봅니다. 이 첫 단원을 진행하려면 인터넷에 연결되어 있어야 합니다. Adobe Muse 제품 페이지를 방문하여 소프트웨어를 다운로드하고 설치합니다. Muse를 사용하려면 서비스에 가입을 해야 하지만 평가용 버전을 30일 동안 무료로 사용해 볼 수도 있습니다. 소프트웨어를 실행하고 사이트를 디..

제가 만든것도 이제 바닥이 나고 있습니다. 운전하면서 이쁜현수막 보면 사직찍어서 시안을 올리겠습니다. 만약 좋은 시안이 있거나 보셨으면 cometkey@naver.com 으로 보내주시면 시안을 만들어서 올려보도록 하겠습니다. (포토샾 실력이 없어서 어려운건 비슷하게라도 만들어보겠습니다.) 아 몇일전에 현수막업체에다 현수막 시안 좀 얻을 수 있냐고 물어봤는데, 댓구도 안하더군요...시안 달라고 말한 나도 웃기지만 현수막 팔아준게 얼만데...댓구라도 좀 해주지...쩝..

title 태그를 이용하여 페이지의 제목 나타내기 t i t l e 태그는 사용자와 검색 엔진에 특정 페이지의 주제를 알려줍니다. 태그는 HTML 문서의 태그 내에 있어야 합니다(1). 각각의 페이지마다 고유한 제목을 만드는 것이 이상적입니다. 타이틀 태그의 내용은 검색결과에 반영됩니다 문서가 검색결과 페이지에 나타나면 title 태그의 콘텐츠는 주로 결과의 첫 번째 행에 나타납니다 . 여러 부분으로 구성된 Google 검색결과에 아직 익숙하지 않다면 Google 수석 엔지니어인 매트커츠가 만든 “검색 결과 페이지의 구조” 동영상과 Google 검색 결과 페이지 전체 개요를 보는 것이 좋습니다 . 사용자가 찾고 있는 것이 페이지의 주제와 밀접한 연관이 있다는 것을 효과적으로 나타내기 위하여 , 사용자의 ..

어도비 뮤즈 adobe muse 스크롤13 마스크 이 예에서 막대 그래프가 제 위치로 애니메이션됩니다. 분홍색 화살표 그래픽이 위쪽으로 확장되고 그래프의 막대 위와 뒤로 물결 모양을 이룹니다. 그래프에서 막대가 차트 아래쪽에서 길게 늘어나는 것처럼 보이지만 실제로는 큰 흰색 사각형 뒤에서 나타나는 동작 스크롤 효과가 적용된 단색 사각형입니다 (페이지 배경색과 같은 흰색으로 채워짐). 이 예에서는 스크롤 효과와 함께 여러 기술을 사용합니다. 요소는 [레이어] 패널을 사용하여 서로의 앞과 뒤에 배열됩니다. 흰색 사각형이 그래프 요소 맨 위에 그려집니다. 흰색 사각형이 막대 그래프를 덮고 있을 때 막대와 화살표가 마스크 처리된 것처럼 보기에서 숨겨집니다. 흰색 사각형과 차트 표는 동작 스크롤 효과에서 0 설정..