かったん先生の適当簡単ＨＰ作成講座（不確定仮説）

　

第五章　ＨＰ作成手順編

　

えーと、ココまで、いろいろ書いてきたんですけど、ＨＰ作成
実は、作業自体はもの凄く単純で簡単です。
難しいのは、レイアウトとデザインなんです。

では、簡単なＨＰ作成の手順を書きます。

まず、ＨＰ作成のアプリケーションを起動
↓↓↓↓↓↓
新規作成で、白紙のモノを用意します
↓↓↓↓↓↓
白紙の画面上で、右クリックしてページプロパティを選択
↓↓↓↓↓↓
基本に成る色、壁紙等を決めます
背景の色や、通常文字の色、リンクの色やすでに行ったことが有るリンクの色などです。
ココでは、背景は白、文字色は黒に成ってます。
↓↓↓↓↓↓
タイトルを付けます（一番上に表示されるヤツです）
このページでは「かったんの簡単ＨＰ作成講座（仮説）と成っているモノです。
↓↓↓↓↓↓
で、OKです。

ココまでで、下ごしらえは出来ました♪

あとは、あなたが思うように作るだけです♪

文字を打って、右寄せか中央合わせか左寄せか。。。
打った文字を選択して
フォント（字体、ＭＳゴシックや明朝など）や色やサイズ、スタイル（太字、斜体、アンダーライン等）
変更します。
ただし、フォントの変更に関しては、閲覧者がそのフォントファイルを持っていない限り
閲覧者は、汎用フォントでしか見れません。
ですので、あまり特殊なフォントは避けましょう。

画像が入れたいときは、その場所まで改行して画像挿入としてやれば
ソフトが勝手に、「どのファイルを挿入しますか？」と聞いてきます。
そこで、ファイルを指定して、OK押せば勝手にやってくれます。

え〜・・・文字も画像も作業が同じなので、一緒に説明しますが
リンクと言う機能に付いて説明します。
ま、説明と言うほどのモノでは、有りませんが
ここをクリックすると、指定先に進めると言うのが
いわゆるリンクと言うモノです。
リンク先には、ファイルやメールアドレス、他のサイトのURL等が有ります。
このリンクですが、コレにもちょっと決まりが有って
同一フォルダにリンク先のファイルが有る場合、フルパスで無くても構わないと言うことです。

ここから、katu_c^-^vのＨＰ表紙へリンクを付ける場合
ホントならば、http://www3.famille.ne.jp/~katubou/index.html　と、
入力しなければ成らないのですが
このindex.htmlファイルと、このhpmade.htmlファイルは
katubouと言うフォルダに入っていますので
「http://www3.famille.ne.jp/~katubou/」ココまでが短縮出来て
index.htmlへ行くと指定するだけで、いいのです♪

ですので、ご自身のＰＣでＨＰを作成する場合
あらかじめ、ＨＰ保存用にMyHomePageなど名前を付けたフォルダを作成しておくといいです。
画像ファイルなども、あらかじめ入れておくと、間違いが少なく済むと思います。

ここまで、作成してきて、よく間違われることが有るのですが
HTMLファイルには、画像データやフォントファイルなどは入らないと言うことです。
HTMLファイルは
画像の名前と場所のみ、フォントの名前と場所、変更情報のみ
が、記載されているだけなんです。

この場所で、右クリックしてソースを表示と言うのを選択してください。
このソースと言うのが、情報を表すモノなんです。
メモ帳で見ても、同じように表示されます。
ご自身で作成されたモノが、上手く表示されないときは、ココをみて情報が正しいか、などを
確かめてください。

で、ブラウザは、それらの情報に基づいて画像を表示したり文字を表示したりするわけです。

ちょっと脳味噌沸騰してきましたか？（笑）

でも、がんばるイイコは、次へ進みます。。。だめな人は、旅に出ましょ（笑)。。。

次へ進む　　　 諦めて帰る


能書き　by　katu_c^-^v