드림위버강좌 제19편_드림위버 싸이트매니져

드림위버 싸이트매니져


홈페이지를제작하는 일.. 어떻게 보면 매우 간단하면서도 어떻게 보면 매우 복잡하고 다양합니다.
제작 초기에 사이트를 기획하는 단계에서 부터 드림위버는 막강한 힘을 자랑합니다.

홈페이지 제작 초기에 사이트를 정의 하므로 경로관리나 화일 관리 등이 매우 편리하게 됩니다.

일예로 사이트 관리 매니저에서 하나의 파일에 이름을 바꾸었을때 그 파일내용과 관련된 링크는 자동으로 업데이트가 됩니다.


자 그럼 드림위버의 사이트 매니져에 대해서 하나하나 알아보겠습니다.
우선 사이트 매니저를 사용하는 것은 새로운 사이트를 처음부터 만들경우와 기존의 사이트를 확장하거나 수정할 경우입니다.


1. Site Definition Window
- 새로운 프로젝트나 기존 프로젝트에 대한 환경을 설정합니다.
2. Site Manager Window - 기본적인 site Window에 대해설명합니다.
3. Define Site - 새로운 프로젝트나 기존 프로젝트에 대한 변경등을 할 수 있는 창
4. Site Menu - 사이트 매니져 윈도우에 있는 Site Menu를 설명합니다.

 

우선 새로운 사이트를 정의 하는 창을 띄우면 아래와 같은 창이 나타납니다.(메뉴에서 Site =">" New Site 클릭)


1. Site
Definition Window



위의 창이 사이트를 정의하기 위한 창입니다.
왼쪽에 카테고리가 있고 오른쪽에 사이트를 정의 하기 위한 항목들이 있습니다. 우선 위의 창에서 Category에 대해서 알아보겠습니다.

Local Info
작업하려고 하는 사이트에 대한 기본적인 정보를 입력하는 곳
Web Server Info
실제 웹 사이트가 존재하게 될 인터넷 공간에 대한 정보를 입력하는 곳.
즉 도메인이 있는 경우는 도메인에 대한 정보를 ,,,
무료계정 사용자는 무료계정에 대한 정보를 입력하면 됩니다.
잘 모르시는 분은 서버관리자에게 문의하십시오.
Design Notes
웹 페이지 Design에 대한 Note를 기록합니다.
여러사람이 공동작업을 할 경우 유용합니다.
Site Map Layout
Site Map 의 Layout에 대한 기본적인 설정을 하는 곳입니다.


그럼 이번엔 각 카테고리에 대한 상세한 설명을 하도록 하겠습니다. 그림으로 설명을 하면 더 편하니까. 윗 그림을 보겠습니다 . 윗그림이 바로 Local Info를 선택했을 때 나타나는 옵션들입니다.

아래는 Local Info 항목에 대한 설명입니다.

Site Name

관리할 사트의 이름을 적으면 됩니다. 즉 프로그램으로
이해합니다면
프로젝트 이름이라고 생각하면 됩니다.

Local Root Folder가장 루트가 되는 폴더를 지정하면됩니다. 즉 Index.htm
이 있는 경로를 선택해 주면 됩니다.
Refresh Local File List Automatically사이트 안의 파일을 화면에 보여줄 때 자동으로 정렬
(이름순) 시킨다는 항목
HTTP Address업로드할 사이트의 URL을 적으면 됩니다.
Cache : Use Cache to Speed Link Updates파일 연결정보(링크)가 바뀌었을 경우 바뀐 정보를
체크해 주고 바로 업데이트 할것인가 하는 항목.
이 항목은 꼭 체크를 합니다. 그래야 바로바로
업데이트가 되니깐.


이번엔 두번째 Web Server Info를 선택하였을 경우의 그림입니다. 여기서 Server Access를 클릭하면 세개의 항목중에서 선택을 할 수 있는데 아래의 그림은 FTP를 선택하였을 경우입니다.

아래는 Web Server Info 항목에 설명입니다.



Server Access 를 클릭하면 세개의 메뉴가 나오는데 아래의 항목을 보면 쉽게 이해가 됩니다.

None
아무것도 선택을 하지 않은 상태
FTP
FTP를 선택하면 위의 그림과 같이 뜨는데 여느 FTP 프로그램을 사용할 때 나오는 메뉴와 거으 같다.
FTP Host : FTP Host 의 이름을 적는다.
Host Directory : FTP Host에 접속하였을 경우 기본적인 Directory를 설정하는 곳입니다.
Login : FTP 접속 ID
Password : FTP 접속 Password
Use Passive FTP : Passive FTP를 요구하는 방화벽(Firewall)을 설치한 서버에 접속하려면 이 옵션을 체크
Use Firewall(in Preferences) : 방화벽이 설치된 서버에 접속하려면 이 옵션을 체크
Local/Network
Remote Folder: 내부 네트워크상의 홈 디렉토리
Refresh Remote File List Automatically : 내부 네트워크에 있는 홈 디렉토리 내부의 파일을 자동으로 Refresh 하는 기능


***** 방화벽 : 내부 네트워크와 외부 네트워크사이에 내부 네트워크를 보호하기 위해 설치 되는데 인증되지 않은 외부사용자의 침입을 막을 수 있습니다.*****


세번째 Site Map Layout 을 선택하였을 경우에는 아래와 같은 그림이 뜹니다.

아래는 Site Map Layout 항목에 대한 설명입니다.





Home Page
홈페이지 중에서 가장 기준이 되는 문서를 선택합니다.
가장 많이 사용되는 것이 index.htm파일을 선택하면 됩니다.
Number of Columns
사이트 맵에서 하나의 컬럼(세로줄)에 표시될 웹페이지 수를 적으면 됩니다.
Column Width
사이트 맵에서 하나의 칼럼(세로줄)에 대한 가로의 폭을 적어줍니다.
Icon Labels
사이트 맵에 표시되는 아이콘 파일의 이름을 결정합니다.
File Names : 해당 파일의 이름으로 표시
Page Titles : 해당 페이지에 제목으로 표시
Options
Display Files Marked as Hidden : 숨김 속성을 가진 파일도 보여주려면 체크
Display Dependent Files : HTML문서와 연결된 이미지와 같은 개체도
사이트 맵에서 보여지게 하려면 체크


마지막으로 Design Notes 는 여러사람이 공동으로 작업할 경우 유용합니다. 아래의 그림을 보고 설명을 계속하겠습니다.

아래는 Design Notes 항목에 대한 설명입니다.




Maintain Design Notes
이 옵션을 체크하면 매 웹페이지마다 디자인 노트가 생성됩니다.
Upload Design Notes For Sharing
이 옵션을 체크하면 팀의 다른 사람과 디자인 노트를 공유할 수 있습니다.


이상으로 사이트 매니져 윈도우의 기본설정을 알아 보았습니다. 이렇게 Ok를 클릭하면 새로운 사이트를 정의하게 되는데 그 이후에는 아래와 같은 사이트 윈도우가 오픈 될 것입니다.

2. Site Manager Window


아래는 기본적인 사이트 매니져 윈도우입니다.


그럼 위에 나오는 메뉴들에 대해서 하나하나 알아보도록 하겠습니다.

사이트 파일을 보여줍니다.
사이트 맵을 나타내 줍니다.
Site 목록 상자로 현재 드림위버로 작업하고 있는 프로젝트를 보여줍니다. 여러개의 프로젝트를 수행하고 있을 경우 각각을 정의해 두면 작업할때 편리합니다. 그리고 밑에 있는 Define Sites에 대한 설명은 아래에서 자세히 다루기로 합니다.

(Connection)

현재 설정된 사이트를 실제 호스트에 연결해 줍니다. 이 기능은 FTP기능과 유사한데 처음에 사이트 윈도우 설정에서 Web Server Info에서 FTP 기능을 이용하기 위해서 선택을 하고 옵션을 제대로 설정한 경우에 사용이 가능합니다.

위의 Web Server Info를 참고 하기 바란다.

그리고 연결이 되면 Connect 버튼은 Disconnect 버튼으로 바뀐다.

(refresh)
새로고침 버튼입니다. 잘 알겠지만, 버튼을 클릭하면 새롭게 변경된 정보를 읽어 들인다.
웹싸이트로부터 선택된 파일을 자신의 컴퓨터로 다운로드하거나 자신의 컴퓨터에서 작성한 파일을 웹싸이트로 업로드합니다.

 

3. Define Site


자 그럼 이번엔 Site 목록 상자의 Define Sites에 대해서 설명을 하도록 하겠습니다.위의 이미지 중에서 을 클릭해 보면 Define Sites라는 메뉴가 나오는데 이것을 클릭하면 아래의 창이 뜬다.(메뉴에서 Site =">" Define Sites 를 클릭해도 됩니다.)



Define Site는 현재 진행중인 프로젝트별로 관리를 총괄할 수 있고, 새로운 프로젝트를 생성할 수 있는 창인데. 메뉴 하나하나에 대해서 하나씩 알아보도록 하겠습니다.

New..
새로운 프로젝트나 새로운 사이트 설정을 할 경우 사용합니다. 이 New 버튼을 클릭하면 위에서 설명한 Site Definition 할수 있는 창이 뜬다.
Edit..
현재 선택되어진 프로젝트에 대한 설정을 바꾼다.
Duplicate..
현재 선택되어진 프로젝트를 복사합니다.
Remove
현재 선택되어진 프로젝트를 삭제합니다.
Done
확인 버튼과 동일합니다.


이상으로 드림위버의 사이트 관리에 대한 설정에 대해서 알아 보았습니다.
그럼 다음은 사이트 매니져의 메뉴 중 Site 메뉴에 대해서 알아 보도록 하겠습니다.

 

4. Site Menu


사이트 매니져의 사이트 메뉴는 드림위버 다큐먼트 윈도우에 있는 Site와는 약간의 차이가 있습니다.
아래의 그림은 사이트 매니져에서 Site Menu를 클릭했을 경우 나타나는 메뉴들입니다.
이 메뉴들은 중복되는 것도 있고 특정한 설정을 하는 부분도 있습니다.
우선 이미지와 비교하여 설명을 하도록 하겠습니다.

물론 위에 있는 3개의 메뉴는 도큐먼트 윈도우에 있는 Site 윈도우와 동일합니다.

New Site: 새로운 사이트를 정의 합니다.
Open Site: 현재 정의 되어 있는 사이트들 중에서 하나를 선택하여 사이트를 오픈 할 수 있습니다.
Define Site: 현재 정의 되어 있는 사이트나 혹은 새로운 사이트를 정의하고자 할 때 편리하게 사용이 됩니다.
위의 Define Sites 참조
Connect :웹싸이트와 연결합니다.

Get: 선택한 파일을 자신의 컴퓨터로 다운로드 합니다.
Check Out: 선택된 파일을 Check Out 합니다.
Put : 선택된 파일을 자신의 피씨에서 웹싸이트로 업로드 합니다.
Check In: 선택된 파일을 Check In 합니다.
Undo Check Out : 체크아웃된 파일을 다시 되돌려 놓습니다.

위의 5개의 메뉴는 위에서 설명한 2. Site Manager Window 를 참고하시기 바랍니다.

물론 위에서는 연결이 되어 있지 않으므로 비 활성화 되어 있는 것입니다.

나머지 메뉴에 대해서는 아래에 계속됩니다.



Check Links Sitewide
: (ctrl + F8)사이트 전체에 대한 링크를 검사합니다. 아래는 그 검사의 결과를 나타내는 창입니다.


단축키 Ctrl + F8 을 누르면 자동검색합니다.



이중 Show를 클릭하면 위 그림과 같이 3개중 한개를 선택할 수 있는데, Borken Links 는 링크가 연결되지 않는 파일을 표시합니다. 그리고 External Links 는 현재 사이트가 아닌 링크된 파일을 표시합니다. 즉 다른 사이트에 링크가 된 경우입니다. 그리고 마지막으로 Orphaned Files 는 다른 웹페이지에 연결되어 있지 않은 파일을 말합니다.

Change Link Sitewide: 변경되거나 이동된 파일이 있을 때, 자동으로 업데이트를 할 수 있는데 일일이 해당 링크를 찾아 수정하는 일이 필요가 없졌다. 메뉴를 클릭하면 아래의 창이 뜨는데.



Change All Links To 는 현재 설정된 링크의 파일명
이며, Into Links To 는 바뀔 링크의 파일명을 적으면 됩니다.
그러면 작업을 진행하고 Update를 할 수 있는 창이 하나 뜨는데 그냥 Update를 클릭하면 자동으로 업데이트가 됩니다.

Synchronize: 팀으로 작업을 하거나 여러컴퓨터로 작업을 할경우 서버에 저장된 파일과 로컬에 있는 파일이 다를 수가 있는데, 이때 일일이 찾아서 업로드 또는 다운로드를 해야 하는데 매우 번거로운 일입니다.
이 때 사용하는 것이 바로 Synchronize 입니다.
메뉴를 클릭하면 아래와 같은 창이 뜨는데 ..



위의 창에서 Synchronize는 동일화 할 범위를 지정합니다. 즉 하나는 사이트 전체를 동일화 하는 것이고 두번째는 로컬 file 만 동일화 하는 것입니다.

그리고 그 아래에 있는 Direction 은 3개의 항목이 있는데,

Put newer files to remote : 새로 추가된 파일을 원격 서버에 업로드 합니다.
Get newer file from remote :
원격서버에 새로 추가된 파일을 로컬로 다운로드 합니다.
Get and Put newer files :
위의 두 기능을 동시에 수행합니다.

Delete remote files not on local dreve :
로컬에 없는 파일을 서버에서 지운다는 옵션입니다.


Recreate Site Cache
: 로컬에 저장되어 있는 웹페이지 파일을 원격 서버에 빠르게 업데이트를 하기 위해서 캐쉬를 만드는데, 장시간 작업을 하다 보면 캐쉬에 저장되어 있는 내용와 로컬파일의 내용이 다를 수 있습니다.
이때 캐쉬를 재설정 해주어야 하는데 이 메뉴가 바로 그것입니다.

실행을 시키면 그냥 실행화면이 나오고 실행이 끝나면 작업도 끝난것입니다. 그러면 캐쉬에 저장되어 있는 내용이 새로 갱신이 된것입니다.


Link to New Files
: 원격 서버에 새로운 파일을 생성하여 링크를 시킵니다.

Link to Existing File : 현존하는 파일에 링크를 생성합니다.

Change Link : 선택된 파일의 링크를 바꿉니다.

Remove Link : 선택된 파일의 모든 링크를 삭제합니다.

Open Source of Link: 선택된 파일과 링크되어 있는 파일을 드림위버 도큐먼트 윈도우(작업창)으로 불러옵니다.

New Home Page: 원격 서버에 새로운 웹 페이지를 만듭니다.

Set as Home Page : 로컬 영역에 선택된 파일을 메인으로 하는 웹 페이지를 만듭니다.


이상으로 드림위버의 사이트 매니져에 대해서 알아 보았습니다.
사실 새로운 프로젝트(홈페이지를 만들경우)나 기존의 작업된 사이트를 수정, 보수 하고자 할 경우 드림위버의 사이트 매니져를 이용하면 매우 편리하고 유용하게 작업을 할 수 있습니다.

처음엔 몰라서 사용을 못하더라도 조금씩 , 그리고 하나씩 하나씩 이용해 나가다 보면 그만큼 편리함을 느낄 수 있을 것입니다.

사이트 매니저 유용하게 잘 활용하여 , 효율적이고 능률적으로 작업하여 좋은 사이트를 만들 수 있게 되시기 바랍니다.

by 노틀맨 | 2009/02/17 15:32 | 드림위버강좌(기초편) | 트랙백 | 덧글(0)

트랙백 주소 : http://midluck.egloos.com/tb/4805231
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]

:         :

:

비공개 덧글

◀ 이전 페이지다음 페이지 ▶