TOPへ

ホームページの作り方


取りあえず、このホームページの作成の経過など、簡単にご紹介します

まず必要な物は何? ページを作ってみよう 写真やイラストを入れよう 公開しよう 使用ソフト

  • まず必要な物は何?
    • まず、内容はどんな物にするのか、考える
      • 趣味や興味のあることなど、自分が発信できることは何だろう
      • どんな人たちに見てもらいたいかなぁ。
      • 考えたことを、どんなページにしたら、見てもらい易いかなぁ。
    • 実際のページを作るには?
      • ホームページ作成ソフトは無いけれど、HTMLの本はある・・・。あとは、ブラウザとメモ帳やエディタなどがあれば、ページを作れるらしい。HP作成ソフトは高そうなので、エディタでやってみよう!
      • ページが作れたら、契約したブロバイダのホストへ出来たページを転送する為の、FTPソフトも必要らしい。こうなったら、安上がりHPで、フリーソフトを探そう!
      • フリーのHTML作成支援ツールなどもあるらしい、本を見るのが面倒な人は、そういうのを利用するのもいいかも。Web上にも、HTML解説のHPは結構あるようです。
  • 実際のページを作ってみよう
    • HTMLを書いてみよう
      • 本を片手に、練習のつもりでHTMLを書いて「.html」または「.htm」で保存し、ブラウザで開いてみると、おぉ〜!、字が表示された〜\(^^)/ いろいろ書き換えると、大きくしたり小さくしたり、色を変えたりできる! おもしろ〜い。背景の色だって、自由自在。
      • 練習したのを基にして、自分のページを書いていこう。ある程度、書いちゃうと、あとはコピー・ペーストでどんどん作れる
      • 本当は、スタイルシートとかいろいろ、勉強しなくちゃいけないらしいけど・・・。対応していないブラウザでは、見てもらえないらしい・・・。取りあえず、シンプルなHTMLを使って、ページを作っていこう。いろんな環境のたくさんの人に、快適に見てもらいたいからなぁ〜。
      • 内容・文章が入力出来てきたけど、なんか殺風景・・・写真やイラストなどを入れたくなってきた。それで、次項。
        もちろん、文章のみで魅力的なホームページだって、たくさんあるよ。
  • 写真やイラストを入れよう
    • 写真を入れよう
      • 手元の写真などをHPに利用するには、まず、パソコンに取り入れなければ使えません。その為に、スキャナを購入。これから、撮影するのなら、デジタルカメラも便利ですね! 最近は、他にもいろいろ手だてがあるらしい・・・。
      • 取り入れた写真は「.jpg」で保存がいいらしい。 イマイチの写真は、画像処理ソフトでちょっと修正するとキレイになるかも。慣れるまで、大変かも知れないけど、慣れれば、時間もかからない。慣れるまでは、上書き保存しないように、気をつけよう。
      • ファイルが大きいモノをそのまま使うと、表示速度などに影響、見てくれる人の負担にもなるので、縮小ソフトなどを使うと、小さくできる。
      • 上記、画像処理ソフトなどは、フリーでもいろいろあるので、試してみよう。ちなみに、私は、スキャナやデジカメ付属のソフトや、フリーのソフトなどを使っています。
    • イラストを入れよう
      • 手書きのイラストは、スキャナなどで、パソコンへ。ペイントソフトで書いたモノは、そのまま、利用できる。「.gif」で保存するといいらしい
      • イラストもあまりファイルが大きいと、負担になるので、自分で納得出来る範囲での減色処理などをしてみよう。こちらも、慣れるまでは上書き保存しないように気をつけよう。
    • 自分で準備しなくても・・・
      • 自前の写真やイラストを使わなくても、本屋さんには、いろんなイラストなどが出ていて利用できる「ホームページ用素材集」とか売っているし、雑誌にも付いてたりします。またWeb上にも、素材を提供してくれているサイトが、たくさんあります。そういうのを利用してもいいかもね。
        でも私は、下手な絵で恥ずかしいけど、何とか自分で書いてます。
  • 公開しよう
    • 転送(FTP)しよう
      • ページが、出来てきたら、いよいよ公開しよう!
      • FTPソフトの設定は、慣れないと、戸惑ってしまう。でも、もう一息、頑張ろう! どうしても、わからない時はブロバイダのサポートに聞いてみよう。
      • 転送できたら、早速、自分のURLにアクセスして確認しよう! ちゃんと表示されているかな? ちゃんと表示されない時は、ファイル名が間違っていたり、ローカルで確認したようなファイル構成になっていないこともある。注意して、確認しよう!
      • 無事確認できたら、早速、お友達にメールして、見てもらおう。 落ち着いてきたら、各種検索サイトに登録してみるのもいいですね。
  • 主に使っているソフト
    • MMエディタ
      • HTMLを書いているエディタ。HTML作成ツールも付いていますが、その機能は使わず、手書きしています。シェアウエア(有料)ソフト。HP
    • FFFTP
      • 出来たページを転送するソフト。個人などの利用はフリー(無料)です。使いやすくて、気に入っています。HP
    • HappyPaint98 for Web
      • 絵やボタンを作るペイントソフト。(株)インプレス発行「ホームページマガジン」という雑誌の付録。まだまだ使いこなせないけれど、便利に使ってます。HP
    • 色み〜る Ver.2
      • 自分で作った色の16進数(HTMLで色指定をするときの数)が、すぐわかる。フリー(無料)ソフトです。これも、とても便利に、使わせてもらってます。HP
    • JPEG縮小画像生成ツール
      • その名の通り、写真をきれいに小さくしてくれるソフトです。写真の大きさを指定できます。フリーソフト。ニフティサーブ内のライブラリから、ダウンロードしました。
    • その他画像処理ソフト
      • スキャナ:CANON/CanoScan FB310 に付いていたソフト
      • デジカメ:OLYMPUS/CAMEDIA D-320L に付いていたソフト など

子育てINDEX  育児INDEX  花日記INDEX  Koderinの小部屋  Tokyo ADACHI
ご感想・情報,お待ちしています.お気軽にメールください
top