ホームページの目的は？
格好いいホームページ！ とほとんどの方が答えます。
ダサいサイトよりは、格好のよいサイトの方がいいに決まっていますが、ホームページにとって、 最も大事なことはアクセスです。
アクセスの無いサイトは、どんなにカッコいいサイトを作っても、誰も見てくれないわけですから 意味がないですよね！カッコいいサイトは、あとから時間をかけて作るといいでしょう、まず、 アクセスの集まるホームページを作りましょう！
ホームページのしくみ
ホームページはメモ帳で作る
ホームページはどうすれば作れるのかを知る為には、ホームページの仕組みを知らないといけません。ホームページはあなたが持ってるパソコンで簡単に作れます。
特別なソフトなど必要が無いのです。
パソコンに搭載されているプログラムの中に、メモ帳やワードパッドがあります、Windowsの場合には、 【アクセサリ】の中にありますので、探してください。
ここでは、【メモ帳】だけでホームページを作ってみます。これから解説するとおりにやってみて下さい。
最初に、あなたのパソコンの設定を確認して下さい。
拡張子が表示されるようになっていますか？
拡張子とは、ファイルの名前に付いている記号です。
「.xls」とか「.doc」の部分が拡張子です。
もし表示されていなければ、表示されるように設定します。
Windowsの場合、コントロールパネルの【フォルダオプション】をクリックして下さい。
【表示】をクリックすると下のようなダイアログボックスが表示されます。
その中の【登録されている拡張子は表示しない】のチェックを外します。
そうすると拡張子が表示されます。
ここは大事なところですから、必ず実行して下さい。
メモ帳を立ち上げる
準備ができたところで【メモ帳】を立ち上げて下さい。何も書かれていないですね！ そこへ下のフォーム内のテキストをすべてコピーして貼り付けして下さい。 貼り付けたら【保存】します。保存する時に拡張子を『.html』とします。
例えば、ファイル名を『test-hp』とする場合には 『test-hp.html』とします。
『test-hp』の部分は、何でもかまいません、 半角英数でお好きなファイル名を決めて下さい。
保存したフォルダには『test-hp.html』というファイルがあります。
そのファイルをクリックして下さい。下のようにウェブプラウザでファイルが表示されます。
下のフォーム内のテキストをコピーして、先ほどの『test-hp.html』を 【メモ帳】で開いて、すべてを上書きしてから【保存】して下さい。
もう一度、『test-hp.html』をクリックすると、下のようなページになります。
これで１ページが出来ました。こうして作られたファイルをHTMLファイルと言います。
このHTMLファイルを、あなたのレンタルサーバーにアップロードすると、
ホームページとして公開できるわけです。簡単ですね！！
＜html lang="ja"＞の部分は、このファイルは HTML で作られたファイルで、日本語を使用しています！とウェブプラウザに通知をする約束事です。
＜head＞〜＜/head＞には、ページの本文以外の、重要な事を記載します。
＜body＞〜＜/body＞の間に、ページの本文が記載されます。
最後は必ず＜/html＞で終ります。
ページをデザインする
次に、作ったページをデザインします。
『ホームページをやさしく解説』の部分は【見出し】ですので、色や文字の太さを変えます。
画像を小さくして、文章を右側に廻りこむようにします。
もう一度【メモ帳】を立ち上げて下さい。そして、まず【開く】から『test-hp.html』を開いて下さい。
＜head＞〜＜/head＞の間に下のフォーム内のテキストをコピーして貼り付けて下さい。
『ホームページをやさしく解説』の前後に、＜h2＞と＜/h2＞を付け加えて下さい。
それから画像のサイズを指定して、文章が右側に廻りこむように設定して、説明文を加えます。
画像のサイズは横幅を200ピクセルにします。
＜img src="http://afl.omoshiro-server.com/images/testph1.jpg"＞の部分を次のように変えます。 つづいて文章を加えます。加える文章は下の文章にしましょう！
２年前に訪れた大きな公園です。
一年中、いろんな花が咲いていて、落ち込んだ時や行き詰った時には、
元気をくれる特別な場所です。
CSSファイルを作る
先ほど作った『test-hp.html』とは別に、『test.css』 を作ります。下のフォームの中のテキストをすべてコピーして、【メモ帳】に貼り付けて下さい。
貼り付けたらtest.cssの名前で保存します。
これで２つのファイルが出来ましたが、２つとも同じフォルダに保存して下さい。
そうして、test-hp.htmlをクリックして下さい。
下のページが表れます。
ホームページはこのように、専用ソフトが無くても作ることが出来ます。
賢威のしくみもまったく同じですが、アクセスが集まりやすく、デザイン性も高く、CSSファイルやHTMLファイルの知識があまり無くても、
検索エンジンに強いホームページを作れるように、マニュアル化されたホームページ作成システムなのです。
※当サイトはリンクフリーです