Dreamweaver (드림위버) - 사이트 정의

1. 드림위버 소개

 

 - 웹 사이트와 모바일 콘텐츠를 제작, 게시 및 관리하기 위한 시각적인 올인원 개발 툴 입니다.

 

2. 드림위버 설치 

 

 - Adobe 사이트 접속하여 제품 선택 및 다운로드 ( 무료체험판 제공, 추후 유료)

 

3. 드림위버 사이트 정의

 - 드림위버 실행 후 첫 번째로 해야할 작업

 

 - 모든 웹사이트의 파일을 한곳에서 관리하기 위해서 사이트 정의를 합니다. 

 

 

 - 정의 예제

 

 1) 사이트 - 새 사이트 클릭

 

새 사이트 선택

 

2)사이트 설정 - 사이트에서 사이트 이름과 로컬 사이트 폴더 설정

 

사이트 이름과 로컬 사이트 폴더 설정

 - 사이트 이름 : First site(사이에 공백 가능)

 - 로컬 사이트 폴더 : first_site(사이에 공백 불가) , 바탕화면에 first_site라는 폴더를 생성해서 지정

 

3) 사이트 설정 - 고급설정 - 로컬정보에서 기본 이미지 폴더 지정

 

이미지 폴더 생성 및 지정

 - 기본 이미지 폴더 왼쪽의 아이콘 클릭 하면 first_site 폴더가 표출되고 새 폴더로 images 폴더를 생성하고 선택

 - 저장

 

4)html 파일 추가 

 

 - 빠른 시작에서 html 선택 

 

 

 - html문서 선택 후 파일 저장을 선택 index.html를 이름란에 입력 후 저장

 

index.html 생성

5) 추후 절차 

 

 - 자바스크립트, CSS 파일 이미지 파일 등을 생성 추가하여 한 폴더에서 관리 

 

 

*Dreamweaver 관련 사이트 정의 튜토리얼 주소 안내

https://helpx.adobe.com/kr/dreamweaver/how-to/define-a-dreamweaver-site.html?playlist=/services/playlist.helpx/products:SG_DREAMWEAVER_1_1/learn-path:get-started/set-header:ccx-designer/playlist:orientation/ko_KR.json&ref=helpx.adobe.com