2012年6月20日水曜日
.
簡単にサイトの作成方法を説明させていただきます。※Windowsの説明です。
目次
- フォルダー設定 (一部の方だけ)
- 必要ソフトダウンロード
- サーバー確保
- サイト作成
- アップロード
フォルダー設定
※この設定は、一部設定されていない方の為の説明です。まずサイトを作成するには、拡張子と言う物が必要です。
よくサイトで使う拡張子は、(HTML)(CSS)(js)(MP3)などまだ色々あります。
この拡張子設定は、CSSやHTMLの区別を付ける時などにも必要です。
特に画像を作成する時にも必要になります。
画像にも色々な拡張子がありその画像に対応している拡張などがあるからです。
PNGなどの拡張子は、透明画像など保存する時の拡張子です。
まーそんな感じで色々拡張子は、必要なので設定しましょう。
まずスタートボタンをクリックしてください。
基本的なWindows のボタンは
←このボタンマークです。
［プログラムとファイル検索］で『フォルダーオプション』と検索
してください。
フォルダーオプションを開いて次の手順で設定してください
表示>詳細設定>登録されている拡張子は、表示しない
のチェックを外してください。
これでファイルの横に拡張子が表示されます。
例... 【猫の画像】から【猫の画像.jpg】など出る様になります。
これで基本設定は、完了です。
必要ソフトダウンロード
まず必要なソフトは、FFFTPソフトです。下のURLからダウンロードしてください。
(http://www.forest.impress.co.jp/lib/inet/servernt/ftp/ffftp.html)
これだけ一番必要なソフトです。
使い方の分からない方は、下のURLのページで学んでください。
(http://siriasu.s10.xrea.com/ffftp/ffftp.htm これで大体の準備は、完了です。
サーバー確保
サーバーとは?初心者の方は、サーバーと聞くと何かスゴイと感じる方も居ると思います。
まずサーバーと言う物は、何なのかを説明します。
サーバーとは、ネット上のスペースと考えてください。
まずホームページは、あるデータを元に出来ている物なんです。
なのでそのサイトのデータをサーバーに転送するとサイトの完成みたいな感じです。
サーバーは、常にネットワークに接続している物なのでサーバーにアップしたデータは、
誰でも見る事が可能なのです。
.jpg)
この様にパソコンがサーバーへ接続して
サイトが見れると言う物なのです。
※サーバーは、雲の上にあるわけでは、ありません。
さてさっそくサーバーを確保しましょう。
今回説明で使うサーバーは、忍者サーバーです。
初めての方は、無料でレンタルしましょう。
まず忍者ツールズへアクセスして［ホームページ］をクリックしてください。
http://www.ninja.co.jp/
そしたら有料プランか無料プランか決めましょう。
http://www.ninja.co.jp/hp/plan
決めたら今すぐこのツールを作成をクリックしてください。
※今回は、無料プランで
そしたらログインページへ移動するので下の新規ユーザー登録で登録をしてください。
登録が完了したら下の用な物が出てきます。
このお勧めツールの
［忍者ホームページ］の［追加］クリックしてください
追加をクリックしたら登録画面へ移ります。
種目の説明をします。
ツール名:ツール名とは、簡単に言うとサイトの名前になります。
アカウント・ドメイン選択
アカウントでは、URLアドレス一部を自分で設定する事が可能です。
例...僕のブログのURLは、http://aquarzx2010.blogspot.jp/こうですが
aquarzx2010は、自分で設定した物です。
こんな感じです。
ドメインとは?
よくgoogleやYahooなどのURLの最後に co.jp
などザURL的名感じのがあります。僕のブログでは、dlogspot.jpです。
だから最後のドメインを設定しましょう。
ドメインは、なるべく覚えやすいとサイトを見に来る人もURLからすぐアクセスしやすくなります。
まーそんな感じで利用契約を呼んで同意して次へ進んでください。
ツールの作成が完了したら管理トップページの利用出来るツール一覧に
忍者ホームページとあります。
その下にツール名があるのでクリックしてください。
そしたら下の方にFTP設定があります。
その設定は、FFFTPソフトでサーバーへ接続する時に必要なので覚えときましょう。
サイト作成
では、さっそくサイトを作成したいと思います。使用する物は、Windowsに元々あるメモ帳を使いましょう。
ってかサイトは、字が書ければ何でもいいです。
ちなみに僕は、ez-HTMLを利用しています。
支援入力が豊富なので初心者の方にお勧めです。
http://www.w-frontier.com/software/ezhtml.html
さてさっそくサイトを作成します。
今回は、めんどくさいので配布テンプレートを使ってサイトを作成します。
テンプレートは、こちらから入手してください。
http://aquarzx2010.blogspot.jp/p/blog-page.html
今回は、(黒猫の部屋を利用します。)
フォルダーと展開してレイアウト.HTMLをメモ帳で開いてください。
そしたら意味不明のコードが出来ますが
そのコードがサイト作成に必要なのです。
まず
<!-- メインカラム開始 -->
<div id="content">
<div id="box2">
この部分から
</div>
までがサイトの内容です。
この中に内容を書いてください。
大体出来たらhtmlを打ち込んで行きましょう。
<br> このタグが改行タグです。
<h2><h3>などが見出しタグです。
これだけ覚えたら基本おk
次に保存します。
保存は、名前を付けて保存で名前は、(index.html)と保存してください。
保存完了したらさっそくサーバーにアップします。
FFFTPソフトを開いて下の説明を見て設定してください。
(http://siriasu.s10.xrea.com/ffftp/ffftp.htm
設定が完了したらフォルダーごとドラッグ&ドロップしてファイルのアップロード完了です。
おつかれさま
参考サイト
http://www.tagindex.com/index.html
