Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


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

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

2 T2V 技術 ftp

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

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

5 ftpについてちょっと詳しく クライアン ト サーバー 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


Download ppt "T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8. T2V 技術 ftp."

Similar presentations


Ads by Google