意外と簡単に自分だけのホームページが公開出来るのです。趣味のWEBサイトから始まり、お店や会社の宣伝や通販も可能です。英会話を覚えるよりも簡単で、パソコンのキーボードが打てれば十分です。覚え無理をせずに出来る範囲で作成しましょう。基本が大事ですので、再確認の意味で最初から確認してみましょう。簡単なホームページなら初心者でも数週間で作れます。公開しながら何度も手直し(更新)して徐々に完成させます。芸術的センスも必要ですが、知識や技術次第でプロ顔負けのWEBサイトが仕上がります。重要なのは、内容の充実です。知識と素晴らしいアイデアでWEBサイトを運営して下さい。ホームページの仕組み基本的には、HTMLというルール言語で制作しパソコンにHTMLファイルとして保存します。この段階では、自分(ローカル)環境内で表示するだけで、ウェブ上に公開されません。公開するには、公開サーバーを手配し、パソコンに保存してあるファイルをFTPツールなどでサーバにアップロード(転送)したり、URL,アドレス(アクセスするIP,名前)を設定します。これで、インターネット上に公開する事になりユーザーがパソコンなどの回線環境下で回覧できるのです。プロバイダなどのサーバ業者や仕様・プランによって様々です。デザイン公開設定まずは、HTMLでコンテンツを制作保存し自分環境(ローカル)で表示してみましょう。解説サイトの為、画質は低設定にしています。(商用サイトなどでは、適度に綺麗な高画質で保存しましょう)ホームページをWEBサイト(ウェブサイト)と表現する場合があります。class名もあえて簡単にしています。パソコンのOSやブラウザなどの環境によって表示や動作が違います。作成方法は、多種ありますが、なるべく一般的に、簡単、シンプル尚且つ正規文法での掲載で進行していきたいと思います。誤字脱字、間違いがありましたらご指摘願います。ホームページ制作ソフトは不要(まずは、基本を覚える事)。WEBサイトを作る準備(必要な物)ですが、パソコン1台。最初はパソコン内のメモ帳(notepad)だけで十分です。エディタは慣れてから利用しましょう。シンプルテキストかテキストエディットなど)画像を加工するのに画像処理ソフトと最後にウェブ上に公開するのにサーバが必要です。付属しているテキストエディタの事です。スタート全てのプログラムアクセサリメモ帳このメモ帳をクリックすれば、白紙のメモ帳が開きます。メモ帳を起動したら、文章を書きます。Worldこの文章をパソコンのDドライブに保存しますが、その前に安全に保存する為に整理します。Cドライブやマイドキュメントでも良いですが保存場所を把握しておきます。HPではない適当な半角英数字でも良いですが把握しておきます。」フォルダが出来ましたので、これから毎回、このHPフォルダにファイルを保存するようにします。World」と記述したメモ帳を保存します。ファイル(F)名前を付けて保存...(A)保存する画面が立ち上がる。上部のリスト図のフォルダ表示や矢印をクリックして保存するフォルダを確認しましょう。ここで先ほどの保存する場所を指定する事。」フォルダダブルクリック現在、フォルダ内は、空の状態です。ファイル名と拡張子を付けて保存します。上記を下記の説明通りに変更します。ファイル名(N)をtest.htmlと記述します。ファイルの種類を「すべてのファイル」に変更します。文字コードは「ANSI」のままです。「保存(S)」これで完了です。この作業は、良く利用しますので覚えておきましょう。.htmlの拡張子にする事で単なるテキストをブラウザで見れるように変換したのです。半角英小文字にする事を推奨します。今回はShift_JIS(CP932)で記述する旨、「ANSI」を選択します。この辺を統一しないと文字化けします。「ANSI」は、シフトJISコードで保存、「UTF-8」は、BOM付UTF-8コードで保存されます。(Fx)などでウェブサイトなどを見る為の回覧ソフト。(ウェブブラウザ、ユーザーエージェント)文章をブラウザで表示しよう。ブラウザで見てみましょう。.htmlの拡張子にしたので、メモ帳でもブラウザでも見る事が可能になりました。ホームページを一般的に見るようにブラウザで見てみましょう。いつものブラウザで表示されました。文章の追加や変更しよう。再度、メモ帳を開いて編集します。書いたメモ帳が開きます。日本語を書き込んでみましょう。文章を追加し再保存しますが、もう名前が付いているので上書き保存にしましょう。この作業は、毎回利用しますので覚えておきましょう。」が表示してあれば、更新(再読み込み)します。ボタンかF5キーで最新の状態を表示。この作業は、毎回利用しますので覚えておきます。間違った文字コードで表示してしまった為におこる現象です。利用しない方が賢明です(Eメールでも)。実体参照文字としてエスケープします。制作者側で、正しい知識で記述していれば通常は、回避出来る問題です。文字だけではなく、画像や枠がズレたり文字が隠れたりするトラブルも初心者には多々ありがちで、そこで対処に苦労しますので、どんな回覧者環境でも正しく表示出来る様にユーザビリティに配慮する事も重要です。ここまでの作業方法で、パソコンで保存、表示、更新が出来るように覚えましたね?(次ページからは、保存や表示の手順は省略します)次の章からは、正しく表示出来るように本格的なHTMLの勉強なので、インターネットで公開するのは、もう少し先です。