피그마(Figma)에서 프레임(frame)을 PDF 파일로 내보내기(단일, 전체, 선택한 프레임)단일 프레임을 PDF 파일로 내보내기, 전체 프레임을 1개의 PDF 파일로 내보내기, 선택한 모든 프레임을 PDF 파일로 내보내기단일 프레임을 PDF 파일로 내보내기1)PDF 파일로 내보내기할 프레임(frame)을 선택합니다. 2)우측 속성 패널에서 export를 추가하고 내보내기 옵션에서 PDF를 선택한후 내보내기합니다(export) 3)해당 프레임을 PDF 파일로 내보내기한것을 확인할있습니다. 전체 프레임을 1개의 PDF 파일로 내보내기 4)좌측에서 전체 프레임 내보내기를 사용할 페이지를 선택합니다(pages) 5)좌측 상단 메인 메뉴에서 file의 export frames to PDF를 선택합니다. 6)..
피그마(Figma)에서 레이어(layer) 선택 필터링 사용하기(similayer 플러그인)similayer 플러그인을 사용하면 선택한 전체 레이어중에 원하는 속성 및 컴포넌트의 레이어만 선택할수있습니다.1)좌측 상단의 메인 메뉴에서 플러그인(plugins)의 manage plugins로 이동합니다. 2)similayer 플러그인을 검색 및 저장합니다(save) 3)페이지에서 선택할 대상 레이어들을 준비합니다. 4)전체 레이어를 선택합니다. 5)마우스 우클릭 메뉴에서 plugins의 similayer를 선택합니다. 6)좌측에서 레이어 필터링(선택 제한)에 사용할 속성을 선택 및 추가합니다. 레이어 유형에 따라서 선택 제한을 사용하려면 layer type을 추가합니다. 7)선택할 레이어 유형(layer ..
미리캔버스(miri canvas)에서 웹사이트 프리젠테이션 만들고 공유하기 빠르고 간편하게 디자인 문서를 제작할수있는 웹 기반의 프로그램입니다. 저작권 걱정없이 무료로 이용할수있는 템플릿 및 디자인을 제공하며 PPT, 카드뉴스, 이미지, 동영상, 기타 디자인 문서를 제작할수있습니다. 미리캔버스 소개영상 https://youtu.be/Cs-U1y9T54g https://www.miricanvas.com 디자인 플랫폼 미리캔버스 디자인 작업이 필요한가요? 5만개 이상의 무료 템플릿으로 간편하고 편하게 원하는 디자인을 만들 수 있어요. www.miricanvas.com 1)미리캔버스 웹사이트에서 계정 로그인하고 바로 시작하기를 선택합니다. 2)좌측 상단에서 새 워크스페이스 만들기를 선택합니다. 3)내 디자인에..
인터렉티브 웹사이트 레퍼런스 모음kubota(futurecube)https://www.kubota.com/futurecube/ KUBOTA FUTURE CUBE | Kubota Global SiteKubota’s vision of future Earth and technologies. Our contributions for Earth and for all life on it will never cease. You’re welcome to explore.www.kubota.com aquariumhttps://www.aquarium.ru/en
워드프레스(wordpress)에서 메뉴 추가하기(menus) 1)대시보드에서 좌측 pages 메뉴의 add new를 선택합니다. 2)제목과 본문 내용을 작성합니다. 3)우측의 publish를 클릭하면 페이지(page)를 발행합니다. 4)웹사이트에서 발행한 페이지(page)가 표시되지않는것을 확인할수있습니다. 5)대시보드에서 appearance의 menus를 선택합니다. 6)menus에서 웹사이트의 메뉴를 관리합니다. 좌측에 있는 몇가지 유형을 메뉴에 추가할수있습니다. 7)카테고리를 선택하고 add to menu를 클릭하면 우측 메뉴 구조에 해당 카테고리를 추가합니다. 8)같은 방법으로 페이지를 추가합니다. 9)최종적으로 메뉴에 추가할 항목들을 확인하고 save menu를 클릭해서 적용합니다. 10)웹사이..
워드프레스(wordpress)에서 카테고리 추가하기(Categories) 1)대시보드 좌측의 Posts 메뉴에서 Categories를 선택합니다. 2)카테고리 이름을 입력하고 하단의 add new category를 클릭하면 새로운 카테고리를 추가합니다. 3)우측에서 추가한 카테고리를 확인할수있습니다. 4)웹사이트에서 추가한 카테고리가 표시되지않는것을 확인할수있습니다. 현재 해당 카테고리에 게시글이 존재하지않기때문입니다. 5)대시보드의 Posts에서 All Posts로 이동합니다. 6)현재 두개의 게시글이 미분류 카테고리로 설정되어있는것을 확인할수있습니다. 7)게시글을 선택하여 편집합니다. 9)우측에서 uncatagorized 카테고리에 체크되어있는것을 확인할수있습니다. 10)uncatagorized를 체..
워드프레스(wordpress)에서 게시글 작성하기(posts) 1)대시보드 좌측의 Posts 메뉴에서 Add New를 선택합니다. 2)게시글의 제목과 본문 내용을 작성합니다. 3)우측에서 Publish를 클릭하면 작성한 게시글을 발행합니다. 4)웹사이트에서 발행한 게시글을 확인할수있습니다. 5)같은 방법으로 두번째 게시글을 발행합니다. 5)Posts의 All Posts에서 발행한 게시글들을 관리할수있습니다.
워드프레스(wordpress)에서 테마 설정하기(themes) 1)대시보드의 좌측 Appearance 메뉴에서 Themes로 이동합니다. 2)현재 워드프레스의 기본 테마로 설정되어있는것을 확인할수있습니다. 상단의 add new를 선택합니다. 3)워드프레스에서 무료로 제공하는 테마들을 확인할수있습니다. 4)Popular에서 인기 테마들을 확인할수있습니다. 5)웹사이트에서 사용할 테마를 선택하고 install를 클릭해서 설치합니다. 6)설치가 완료되면 activate를 클릭해서 테마를 활성화합니다. 7)웹사이트에 테마가 적용된것을 확인할수있습니다. 8)Appearance의 Themes에서 설치한 테마가 추가된것을 확인할수있습니다. 9)설치한 테마를 삭제하려면 비활성화해야합니다. 비활성화한 테마를 선택하고 우..
워드프레스(wordpress) 시작하기3 - 워드프레스 설치하기(로컬pc에서 사용하기 위한 방법) 1)아래 웹사이트에서 워드프레스를 다운로드합니다. https://wordpress.org/ 2)다운로드한 워드프레스 압축파일을 압축풀기합니다. 3)압축풀기한 wordpress폴더(wordpress-4.6.1) 안에있는 wordpress 폴더를 아래 경로에 위치시킵니다. C:\AutoSet9\public_html 4)웹브라우저에서 http://localhost/wordpress를 입력하면 워드프레스 설치를 시작합니다. 5)데이터베이스 정보를 입력합니다. Database Name에 데이터베이스의 이름을 입력합니다. username, password에 데이터베이스 사용자명과 암호를 입력합니다. 6)설치를 진행합니..
워드프레스(wordpress)시작하기2 - 오토셋(AutoSet)에서 데이터베이스 추가하기(현재 유지보수 종료) 1)오토셋을 실행하고 웹서버 시작, MySQL 시작을 클릭합니다. 2)윈도우 방화벽에서 기능을 차단하면 다음과 같은 문구를 표시합니다. 웹서버가 NT 서비스에 등록되어있지 않습니다. 3)상단의 제어 메뉴에서 NT 서비스 바로가기의 웹서버 서비스에 등록을 선택합니다. 4)네트워크에서 통신 허용에 체크하고 엑세스 허용을 선택합니다. 동일한 방법으로 MySQL의 엑세스 허용을 진행합니다. 5)웹 서버와 MySQL를 시작할수있습니다. 6)상단의 제어 메뉴에서 phpMyAdmin접속을 선택합니다. 7)사용자명과 암호를 입력하고 실행합니다. 기본 사용자명과 암호는 root/autoset로 설정되어있으며 ..
워드프레스(wordpress)시작하기1 - 윈도우에서 오토셋(Autoset) 설치하기(현재 유지보수 종료) 오토셋은 윈도우에서 쉽고 빠르게 php 웹 개발 환경(MySQL, PHP, Apache)을 구축하는데 유용한 프로그램이다. 현재 운영이 종료되었고 아래 웹사이트에서 다운로드할수있다. http://autoset.net/xe/about_autoset 1)오토셋 최신버전(32비트 또는 64비트)을 다운로드한다. 2)다운로드한 오토셋 설치를 진행한다. 3)설치 구성요소를 확인하고 다음으로 이동한다. 4)비쥬얼스튜디오 런타임 구성요소(Visual C++ Redistributable)를 설치하지않으면 다음과 같은 오류 메시지를 표시한다. 5)Visual C++ Redistributable for visual ..
