おためし受講中

サーバーにアップして、ネット上にWebページを表示させる方法

「自作サイトのFTPサーバーアップロード編 全3回」(2回目)

この授業では、前回の授業でレンタルしたサーバーにwebページを上げ、ネット上で表示されるか確認します。いよいよ、皆さんが制作したWebサイトを自分以外も見れるようにしていきます。

この授業では、FTP(File transfer protocol)の設定サーバーの設定、そして、作ったページをアップロードするところまで一気に90分で実施していきます!

今回の授業を受講すると、制作したサイトを自分以外も開けるような場所に置くことが出来るようになります。

サイト制作の大まかな流れは、下記の手順です

1)クライアント(お客様)へのヒヤリング
2)ターゲット設定
3)サイト設計(ワイヤーフレーム)
4)制作仕様書策定(デザインルール、コーディングルール策定)
5)開発(デザイン&コーディング)
6)ローカルテスト
7)テストサーバーレビュー(クライアントチェック)
8)リリース(本サーバーアップ)
9)ランニング(SEO解析) 

このシリーズはで7番のテストサーバーレビューの為に、レンタルサーバーを借りてサイトをアップロードする演習です。
テストサーバーレビューとは、ローカル(自分のPCの中)で完成したサイトがネット上でどのような動きをするのか検証する事です。自分でデバッグをして問題なければ、クライアント(サイトの発注者)さんにURLをお伝えしてチェックしてもらいます。

まだレンタルサーバーを借りてない人は20日の授業を録画授業を見てサーバーを借りておいて下さい。(授業では、10日間の無料期間のあるレンタルサーバーを借りる演習をしています。無料期間終了後は月払いだと300円、年払いだと月額250円が必要になってきます。)

今回は、初めての人に加えてFTPサーバー設定で挫折した人、ネット上で巧く表示できなかった人を対象にゆっくりハンズオン授業をしていきます。

受講にあたって準備するもの

1)Sublimeのインストール(授業中コードを打つのに使います)

下記のURLからダウンロードしてください。

http://www.sublimetext.com/2

設定は何も必要ありません。インストールして授業が始まる時間に立ち上げられる様にだけしておけば大丈夫です。

※DreamWeaverが慣れている人は、こちらを使用されてもかまいません。

2)解凍ツール (授業中配布する教材の解凍に使います)

授業中にダウンロードしたファイルをすぐに解凍できる様になっていれば大丈夫です。(Mac OSXの場合はダブルクリックで展開します。windows7~の場合は右クリックのコンテキストメニュー「全て展開」を選択でOK)

3)その他のバージョンのOSは、MacであればApp StoreでWinArchiver Lite.appを検索してダウンロードしインストールしておきます。

Wiondwsであれば、下記のURLよりLhaplusをダウンロードし、インストールしておきます。

http://www.forest.impress.co.jp/library/software/lhaplus/

 

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:10  (00:12 ~ )
    前回の復習
    02:29  (02:22 ~ )
    ロリポップのFTPにいってみよう
    06:27  (04:51 ~ )
    index.htmlを作ってみよう
    08:49  (11:18 ~ )
    welcome.htmlを削除しよう
    03:11  (20:07 ~ )
    SublimeText開いて、デスクトップなどわかり易い場所に「TestSite」をいうフォルダをつくろう
    05:42  (23:18 ~ )
    「TestSite」フォルダにschoo_fashionフォルダに入れよう
    02:58  (29:00 ~ )
    installation - Package Controlのページに行き、コードをコピーしよう
    06:28  (31:58 ~ )
    SublimeTextを再起動しパッケージコントロールを起動しよう
    07:45  (38:26 ~ )
    レンタルサーバーの情報に書き換えよう
    03:07  (46:11 ~ )
    レンタルサーバーの情報に書き換えよう:実践
    06:50  (49:18 ~ )
    サイトをフォルダごと上げてみよう
    04:15  (56:08 ~ )
    上がったフォルダやファイルもアップロードされているのを確認してみよう
    06:37  (1:00:23 ~ )
    【後半】質疑応答
    Q:見せる必要のないデータなどを保管したい場合に、サーバーはHD代わりにできますか?
    02:07  (1:08:03 ~ )
    Q:「SFTP」と「FTPS」はちがうものですか?
    02:50  (1:10:10 ~ )
    Q:今回は親フォルダを丸ごとアップロードしましたが、後日特定のフォルダの特定のファイルのみをアップロードしたい場合はSublime上からはできますか?
    01:52  (1:13:00 ~ )
    Q:他のサーバーと契約してもサーバー情報というのは必ず配布されるのでしょうか。
    02:10  (1:14:52 ~ )
    Q:ストレージサーバーとレンタルサーバーの違いを教えてください。
    01:13  (1:17:02 ~ )
    Q:sublime_textの操作で「複数所有のサーバアカウントの切換え」というのが有るなら、取り上げて頂けたら..
    06:05  (1:18:15 ~ )
    Q:学生なのですが、個人向けのおすすめのレンタルサーバーがありましたら教えてください。
    01:55  (1:24:20 ~ )
    Q:今回の授業は、ロリポップを使ってしてますが、ロリポップではない他社のサーバーを借りて、しても大丈夫でしょうか?
    01:15  (1:26:15 ~ )
    レポート課題
      (1:27:30 ~ )