テキストエディタとFTPソフト-簡単!ホームページの作り方(5)


ここまでで、自分の専用ドメインでウエッブページを公開するためのスペースを借りることができました。

やりましたね。

ここまでに使ったお金は、たったの990円です。ほとんどノーリスクですね。

それでは、テストページを作って、公開してみましょう。

そこで、まず必要となるのが「テキストエディタ」です。WindowsやMacに付属のエディタでも何とかなるのですが、せっかく無料か格安で優秀なテキストエディタが公開されているので、それを使ってみましょう。

有料(シェアウエア)のエディタも、無料で試せる期間があるので、気に入らなかったらお金を払う必要はありません。

Windowsなら、フリーウエア(無料)のTeraPadか、シェアウエアの秀丸エディタEmEditorあたりを試してみるのが良いでしょう。

Macなら、miあたりを無料で使うことができます。

コンピューターやネットが開発された歴史的経緯から、日本語はいろいろなコードで表されることがあって、JISやShift-JIS以外にUNIX系のEUCや国際的??なUnicode(UTF-8など)と、いろいろあってわけがわからなくなります。

詳しいことを理解する必要はないと思いますが、とりあえず「いろいろあるんだな〜」くらいは思っておいてください。

それで、自分のページを公開するのに、どのコードで公開するか決めなければなりません。っていっても、特別に指定しないければ、最近の賢いブラウザー(IEやFireFoxなど)は自動でうまく表示してくれますけど...

さっき紹介したテキストエディタの良いところは、それらのいろいろな文字コードと改行コードに対応していていて、さらにHTMLなどサイトを作る上での構文みたいなのを、ちゃんと色分けしたりして表示してくれるところです。

とりあえず、どれか一つ選んで、ダウンロードして使ってみてください。

圧縮したファイルでダウンロードされますので、自動的に展開されないときは、解凍ソフトで展開してください。このへんのことは、Googleなんかで検索すればでてくるので、今日は省きます。わからなかったら質問してください。



それでは、つぎの文章を作って、index.htmlという名前で保存してみましょう。とりあえずここでは、文字コードなんかは気にしなくて良いでしょう。

<html>
<head>
<title>メジャーリーグ・ベースボール</title>
</head>
<body>
<h1>メジャー・リーグ</h1>
<p>このページでは、最新のメジャーリーグ・ベースボールに関する話題を提供しています。</p>
</body>
</html>

これが、典型的なWebページです。


まず、全体は<html>と</html>で囲われています。
これは、この中がHTMLという文章で書かれているというしるしです。

次に、<html></html>の中は、<head></head>と<body></body>に囲まれた部分に分けられます。

<head></head>の間は、タイトルやページのいろいろな情報が書かれます。
ここでは、<title></title>で囲んでタイトルだけ書いてみました。
これが、ページを表示したときのタイトルバーに表示されます。

<body></body>に囲まれた部分には、実際にブラウザに表示される本文が書かれます。
<h1></h1>(段階的に<h6></h6>まであります)で囲まれたところは、「見出し」です。数字が小さくなるにつれ、大見出し、中見出し、小見出しみたいになっていきます。

それで、<p></p>で囲まれたところが、本文です。<p>は段落(パラグラフ)です。


これ以外に、テーブルやリストなんかがをいれても、簡単なページを作るだけなら、専用ソフトはいりません。

ホームページ・ビルダーなんかで作ると、気づかないうちに訳のわからない複雑なものになっています。検索エンジン対策(SEO)的にも、良くないのは明らかです。Dreamweaverなんかに大金を払う必要もありません。

テキストエディタか、Homepage ManagerStyleNoteなんかの、ホームページ作成支援ソフトくらいで十分だと思います。


作ったページはローカルのコンピューター(あなたのPC)からサーバー(XREAで借りているスペース)に転送しなければなりません。

これには、ファイル転送プロトコール(FTP)を使います。

FFFTP(Win)やFetch(Mac)なんかを使ってみましょう。これも、Googleなんかで調べれば、たくさんの情報が得られるので、ここでは省きます。わからなかったら質問してみてください。

さっき紹介したホームページ作成支援ソフトには、FTP機能も入っているものがあるので、それなら専用FTPソフトはいりません。

XREAの、あなたが決めたサブドメイン名とサーバーにアクセスすると、「public_html」というフォルダー(ディレクトリー)があるはずですので、その中にあなたのオリジナルドメイン名フォルダー(ディレクトリー)を作成します。www.yourdomain.comみたいな感じのフォルダーです。

その中に、さっきのindex.htmlと名付けたファイルを転送すれば、とりあえず1ページ目(indexページ)の完成です。


ブラウザーで、www.yourdomain.comにアクセスしてみてください。index.htmlが表示されるはずです。

表示されないときは、前回お話ししたDNSの設定とかがうまくいっていないのかもしれません。


ここまで、来れば好きなことを公開できます。いろいろ書いて試してみるのも面白いですね。

それでは、次回はMovable Type(MT)を使ってページを作ってみます。


【皆様の声】


【皆様の声をお聞かせ下さい】

入力頂いたお名前とWeb URLは公開されますが、メールアドレスは公開されません。




保存しますか?