본문 바로가기

웹제작 강의/DREAMWEAVER

Dreamweaver 1강 - Dreamweaver의 사용법 -

오늘은 드림위버 강의 첫번째 시간입니다. HTML강의에 이어서 제가 Dreamweaver 강의까지 하게 되었네요.^^

여러분들이 드림위버 프로그램을 공부하실 때 조금이라도 도움이 되기위해 열심히 하겠습니다.

질문이 있으신 분은 댓글을 달아주세요...^^

웹 호스팅이나 HTML에 대해서 잘 모르시는 분들은 HTML강의를 꼭 먼

저 들으세요...^^ 최소한 HTML 5강까지는 들으셔야 드림위버 강의를

들으시는데 큰 지장이 없으실 겁니다...





<Dreamweaver>

dw1 from Lee Jun Ho on Vimeo.






<Dreamweaver 사용법>

dw1-1 from Lee Jun Ho on Vimeo.







<강의내용>



드림위버 프로그램은 굉장히 똑똑한 프로그램이라서 FTP프로그램 기능까지 있습니다.
그래서 알FTP나 아크로에디터 같은 프로그램을 사용할 필요가 없습니다. 그냥 드림위버 프로그램 내에서 파일을 서버로 바로 올리면 되기 때문이죠.
그래서 이번 강의에서는 드림위버에서 작업한 것을 서버로 바로 올릴 수 있도록 하는 설정을 해보았습니다.

사이트 이름 : 여러사이트의 작업을 하다보면 자신이 작업한 파일이 어떤 것이었는지 헷갈릴 수 있기 때문에
 자신이 작업할 폴더에 이름을 부여하는 것입니다. 만약에 여러분께서 사이트 이름을 Dreamweaver 로 하신다면 여러분의 컴퓨터에 Dreamweaver 폴더가 자동으로 생기고 드림위버 프로그램에서 사이트-사이트 관리 에 들어가시면 Dreamweaver 라는 사이트(폴더)가 생겨있는 것을 보실 수 있습니다.

FTP 주소 : FTP의 주소는 그냥 도메인만 입력하시면 됩니다. 즉 도메인 앞에 http:// 가 붙지 않습니다.
               ex) vonzone.hosting.paran.com


파일을 저장할 서버의 폴더 :


사용자 삽입 이미지
                                                                <파란 웹 호스팅>



사용자 삽입 이미지
                                                               <미리내 웹 호스팅>

위의 사진은 알FTP로 파란서버와 미리내 서버에 접속했을 시 나오는 첫 화면입니다.
저희들은 지금까지 파란서버를 이용하면서 public_html 폴더안에 작업한 내용들을 저장시켰습니다. 하지만 웹에서 작업한 것을 확인하기 위해 웹 브라우저 주소창에 도메인을 입력할 때는 public_html 폴더는 입력하지 않았지요. 미리내도 마찬가지입니다. 작업한 파일들은 html 폴더안에 올리고 확인을 하기위해 웹 브라우저 주소창에 주소를 입력할 때는 html 폴더명은 적지 않습니다.

    ex)       http://vonzone.hosting.paran.com/pubic_html/html/table_finish.html (x)
                http://vonzone.hosting.paran.com/html/table_finish.html (o)

하지만 드림위버에서 FTP 설정을 할 때 '파일을 저장할 서버의 폴더명을 적는 칸' 에는 public_html (파란의 경우) 나 html (미리내의 경우) 폴더명을 적어야 합니다. 만약 제가 파란 서버에서 pubic_html 폴더안에 dw라는 폴더를 만들어서 그 안에 작업한 파일을 올리고 싶은 경우 pubic_html/dw/ 라고 적어야 합니다.  하지만  웹에서 확인 할 때는 html 강의에서 했던 것처럼 웹 브라우저 주소창에 pubic_html 폴더를 적지 않습니다.

사용자 삽입 이미지



     * 위의 그림에서 나오는 '파일을 저장할 서버의 폴더'를 지정하기 전에 알FTP를 이용하여 서버에 폴더를 먼저 만들어놓아야 한다. 예를 들어 위 그림의 경우 알FTP를 이용해서 public_html 폴더 안에 dw 폴더를 만들어놓고 그 다음에 위 그림처럼 드림위버에서 '파일을 저장할 폴더'를 지정해야한다.