新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

DreamweaverとFC2ホームページで作るサイト定義(前編)

      2014/11/12

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

前編 → 後編 → 公開編

すみません。
学校用のメモとして記事立てさせて頂きます。
それなりに需要があるんじゃないかと思っているのですが。。

スポンサーリンク
 

学校で生徒さんにWebサイト(主にポートフォリオサイト)を作ってもらい、それをどこかにアップする際、
やはり有料のものですと少し敷居が高いので無料の「FC2ホームページ」をおすすめしています。
今回はそんなFC2ホームページを使ってWebサイトを公開するまでを記事にしておきます。
実は、生徒さんから要望いただいてのことなのですが。。 

□ FC2ホームページ – 無料ホームページスペース

ちなみに有料でのオススメは「さくらインターネット」のレンタルサーバー。
こちらもしっかりサイト運営をやっていきたいという方のために紹介させてもらいました。

□ レンタルサーバー | さくらインターネット

まずはFC2でのアカウント取得からFC2ホームページの契約まで。 

  1. FC2ホームページトップから「新規登録」をクリック。
    既にFC2アカウントを持っている方は「ログイン」をクリックしてログインし、「6.」へ
    FC2ホームページ01
  2. メールアドレスと画像に書かれている数字を入力して「利用規約に同意しFC2IDへ登録する」をクリック。
    FC2ホームページ02
  3. 登録時のメールアドレスにメールが送信されるので確認してそこに書かれているURLをクリック。
    FC2ホームページ03
    FC2ホームページ04
  4. 必要事項を入力して「登録」をクリック。
    ここで入力したパスワードはログインパスワードなので、サイト定義では使いません。
    FC2ホームページ05
  5. 「ユーザー情報の入力に進む」をクリック。
    FC2ホームページ06
  6. 一般・無料のサービス下、「このプランで登録」をクリック。
    FC2ホームページ07
  7. 必要事項を入力して「登録する」をクリック。
    ここで入力した情報がサイト定義に使われます。
    FC2ホームページ8
  8. 以上で登録完了です。必要な情報を取りに行きます。
    「ホームページの管理画面へログイン」をクリック。
    FC2ホームページ09
  9. 左メニュー「FTP情報」をクリック。
    FC2ホームページ10
  10. ここに書かれている「ホスト名(ホストアドレス)」と「ユーザー名」、及び「7.」で設定した「FTPパスワード」がサイト定義時に必要になります。
    覚えておきましょう。
    FC2ホームページ11

ここまででFC2側での設定は終了。
続く

前編 → 後編 → 公開編

 - Dreamweaver, Webデザイン, パソコン教室

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

なんとツイッターのツイートを縦書きに変換してくれるサイトが登場!

1年以上前の記事です。内容が古い可能性があります。ツイッターのツイートに改行を入 …

Yahoo!ブログでアバターがきえた時の対処法

1年以上前の記事です。内容が古い可能性があります。生徒さんのYahoo!ブログの …

no image
なぜだか人気です。

1年以上前の記事です。内容が古い可能性があります。ホームページを作ったからという …

スマホサイト(スマートフォンサイト)のソース(HTML)を見る方法

1年以上前の記事です。内容が古い可能性があります。最近ではPCサイト並に重要視さ …

日本のWebは残念だとかそういう話

1年以上前の記事です。内容が古い可能性があります。「ウェブ進化論」を書いた梅田望 …

Yahoo!検索 サイトエクスプローラー日本版登場!!

1年以上前の記事です。内容が古い可能性があります。ついにYahoo!のサイトエク …

ブラインドタッチを覚えるための10のポイント

1年以上前の記事です。内容が古い可能性があります。先日より、ブラインドタッチを覚 …

no image
オートフィルとオートコレクトとオートコンプリート

1年以上前の記事です。内容が古い可能性があります。P検3級シリーズ。(というのが …

Google+ページとWordPressを連携させた時、記事を一般公開設定にする方法

1年以上前の記事です。内容が古い可能性があります。今まで使っていたブログサービス …

Windowsキー(Windowsロゴキー)を使った便利なショートカット

1年以上前の記事です。内容が古い可能性があります。先日書いた記事「左下クイック起 …

血液型オヤジ