T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8. T2V 技術 ｆｔｐ.

Presentation on theme: "T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8. T2V 技術 ｆｔｐ."— Presentation transcript:

1 T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8

2 T2V 技術 ｆｔｐ

3 ｆｔｐでアップロード・ダウンロードする さっきはサーバー会社が提供するファイルマネージャを 使いましたが、今回は ftp でやってみましょう。 Web が見られる環境ならどこでも作業でき る 操作イマイチが多い（使われないから？） ■ ファイルマネージャ クライアントソフトをインストールする（フ リー多数） 操作はけっこう快適 ■ftp （ File Transfer Protocol)

4 FileZilla をインストールする ftp クライアントのフリーソフトウェアはたくさんありま すが、ラボでは Windows 版と Ma ｃ版がある FileZilla を使 うことにします ・ http://filezilla-project.org/ をアクセス ・「 Download FileZilla Client 」を開く（ Server の方では無い） ・ Windows 版または Mac OSX 版をダウンロード ・インストールする ちなみに僕は ffftp をずっと使ってます（ Windows のみ）

5 ｆｔｐについてちょっと詳しく クライアン ト サーバー FTP Client ファイル インターネット われわれが PC にイン ストールして使う サーバー屋さんがインス トールして提供する Index.html ファイル FTP Server これらはプログラムです File Transfer Protocol

6 FileZilla を使う ・起動する ・「ファイル」～「サイトマネージャ」を開く ・「新しいサイト」ボタンを押して設定に名前をつける ・右側の「一般」タブで以下のように設定 ホスト： FTP サーバ名 niz237gt.sakura.ne.jp Protocol ： FTP – File Transfer Protocol Encryption:Use plain FTP ログオンの種類： 通常 ユーザー： FTP アカウント niz237gt パスワード： サーバパスワード m89mnm9ns6 ・ OK を押すと設定が保存される ・サイトマネージャを開き、「接続」ボタンを押すと接続する ・「 www 」フォルダへ移動。そこがサイトのルートです

7 FileZilla でフォルダ移動 ・リモートサイトというのがサーバーです ・まず、フォルダ移動はダブルクリック ・ひとつ上のフォルダへ移動は「.. 」をダブルクリック.. （点 2 つ）というのは「一つ上」. （点 1 つ）というのは「自分のいると ころ」 ところで のことです。 （カレントディレクト リ） 例：../index.html → 一つ上のフォルダの index.html./index.html → 今いるところにある index.html

8 FileZilla でアップロードダウンロード ドラッグアンドドロップができます ・ドラッグしてローカル（例えばデスクトップ） に移動すればダウンロード ・逆をやればアップロード ローカルサイトを設定しておくと便利 ・例えばマイドキュメントの中に MyHP というフォル ダを作る ・そのフォルダに対してドラグアンドドロップ その他 ・右クリックでプルダウンメニューを出して、フォル ダ作成、削除、リネームなどができます

9 テキストエディタ（復習） Windows だったら「 notepad 」、 Mac だったら 「 TextEdit 」（ Simple Text はもう、無い？） 最近はフリーでよいテキストエディターがたく さん出ているので、それを使うのがよい。そこ でラボでは、 でも、いいのですが、 EncodingType など 何かと不便。。。 ・ TeraPad for Windows ・ mi for Mac OSX に、してます

10 改行について、ひとこと 同じファイルなのに、開いてみると改行が無くなってたり、 ヘンな記号みたいなのが入っていて、どうにもならないこ とがあります。 詳しくは、 HTML 講座のところで説明しますが、さわり だけ 改行コードというものがあり、これがマシン依存なのです ・ WindowsCR+LF ・ MacCR ・ Linux (Unix)LF CR: キャリッジリターン LF: ラインフィード ⇒ Web ブラウザでの表示には関係ありません

11 Web ページ作成の基本プロセス（復習） HTML をエディタで編集 Web ブラウザでローカルで確認 OK だったら ftp で必要ファイルをアップ ロード Web ブラウザでリモートを確認 テキストエディタと ftp クライアントを決めて使い込めば、な かなか快適な Web ページ作成環境になる

12 それ以外のやり方 ・ Web ページ作成統合ソフトを使う Dreamweaver 、 ホームページビルダー、 KompoZer など ・ブログで作っちゃう ブログは各社いろいろあり ・ホームページ作成サービスを使う プロバイダなどが提供。 Yahoo ジオシティーズと か ・ CMS を使う Wordpress が今ではポピュラー エディタと ftp の基本以外では以下のようなやり方がある。 今のところ、さわりだけ。後ほど、詳しく紹介するものもあり。

13 宿題 サーバーに自分のコンテンツを載 せる 自分のプロフィール（または自 由） 公開されているので注意 締め切り： 5/7