くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

[Dreamweaver]FTP設定

今日の授業で行ったDreamweaverFTP設定のまとめです

無料サーバーの忍者ツールズでページを公開することにします。

 

1.サーバーにアップするファイルをまとめたフォルダをローカルコンピューターでつくる

サーバーにアップする専用のフォルダを作っておき、そこにファイルや画像を全部入れておきます。それをサーバーにアップすれば、そのままサイトの構造になるので管理が楽です。

f:id:pleasure10501:20150428172655p:plain

2.サーバー側のFTP設定を調べておく

f:id:pleasure10501:20150428173238p:plain

ホスト名、FTPユーザー名、FTPパスワードは最低でも必要です。サーバーにログインすれば調べられます。
サーバーにログインする際のユーザー名・パスワードとは異なるので注意。

3.Dreamweaverのサイト管理

Dreamweaverで新規サイトを立ち上げ、設定をします

f:id:pleasure10501:20150428173632p:plain

ローカルサイトフォルダーは、1.でFTPサーバー用につくったフォルダーを指定します。
サイト名は日本語でも大丈夫です

 

サーバー設定

f:id:pleasure10501:20150428173919p:plain

+をクリックして次に進む

f:id:pleasure10501:20150428174406p:plain

2.のサーバーのFTP設定を入力。
※ポート番号とWeb URLは自動表示されるので入力不要

「テスト」をクリックして、サーバーとの接続を確認する

f:id:pleasure10501:20150428174813p:plain

ファイルをアップロード

 

細かい設定

1. サーバーとの接続・切断はこのボタンで

f:id:pleasure10501:20150428175718p:plain

プラグが接続しているときはサーバーに接続中。

FTPはウィルスに感染する危険性が高いので、ファイルのアップロードが終わったらすぐに手動で切断すること。

 

2.リモートとローカルの表示の順序

 

デフォルトでは右ローカル、左リモートになっている設定は、環境設定の「サイト」の項目で変更可能

f:id:pleasure10501:20150428175942p:plain

 

ちなみに、FTP接続時間の自動切断の設定もこの画面で変えられる。

 

 

2.アップロードするファイルから、PhotoshopIllustratorなど素材ファイルを除外したい時

 

サイトの管理 > サイト設定> 詳細設定 > クローク 
で、拡張子名を指定することで自動的に除外される

f:id:pleasure10501:20150428175250p:plain

.flaと.psdはデフォルトで入っている