【ホームぺージを作成する】
当サイトの運用を開始するまでの経緯について紹介します。これからホームページを作成する方に参考になれば幸いです。
(1)ホームページを作成する
・HTMLについて学習する
ホームページを作成するのが初めての方は、HTMLの作成方法を理解することが第一歩です。HTMLの作成方法について、多くのWebサイトがありますが、管理人がお奨めするサイトを紹介します。
|
|
|
| とほほWWW入門 | 超有名サイトです。初心者の方はもちろん上級者の方にも参考になるサイトです。HTML、CSS、JavaScript、CGIなどホームページ作成に関する総合サイトです。 |
| ヨッシーの”ホームページを作ろう!” | ホームページ作成の初心者向けに基礎講座や「ホームページを作ろう」というコーナーから始まり、HTML、CSS、JavaScript、DHTMLの4講座が開かれています。 |
| ゼロから始めよう!わかりやすい!ホームページ作成ガイド | 初心者ガイドはコース別(最短コース、普通コース、じっくりコース)に別れています。説明も丁寧で初心者の方へお奨めできます。又、ホームページお役立ち情報、ホームページレベルアップ情報もあり大変役に立つサイトです。 |
・無料素材集の利用
簡単にホームページを作る方法の一つとして無料のホームページを利用する方法があります。初めて作る場合には、無料のホームページを利用すのが良いと思います。ホームページの全体の構成方法を知ることも出来ますし、HTMLについても覚えられるからです。当サイトでも無料のホームページを利用しています。
|
|
|
| スタイルシート(CSS)レイアウト | スタイルシート(CSS)で段組した無料テンプレートを配布しているサイトです。スタイルシートの編集方法について詳細に解説がされています。当サイトのホームページもこちらからダウンロードして利用しています。 |
| CSSレイアウト実践講座 | CSSの使い方について解説してます。段組のテンプレートのソースが公開されていてコピーして利用できます。 |
| SEO対策済み!ホームページ(HTML)無料公開中 | SEO対策済みのホームページテンプレートを配布しています。テンプレートをそのまま使う場合は問題ありませんが、改造する場合はCSSについてある程度の知識が必要になります。 |
・ツールの利用
ホームページを作るツールにはHTMLを知らなくても作れるツールが市販ソフト(IBM ホームページビルダー等)がありますが、このようなソフトを使う場合でも
実際に運用するばあいには、HTMLを意識する必要があります。はじめは、フリーソフトのHTMLエディタやメモ帳で作成することが良いと思います。
|
|
||
| 種別 | フリーソフト サイト名 |
概 要 |
| エディタ | alphaEDIT | WYSIWYG編集タイプのWebエディターです。WYSIWYG編集・HTMLソース編集・ブラウザプレビューの3画面を簡単に切り替えながら編集することができます。多機能なシェアウェア版のalphaEDIT+もあります。 |
| 管理ツール | HTML Project2 | Windows95/98/Me/XP
上で動作する、強力なキー入力支援、カスタマイズ機能、HTMLファイルのプロジェクト管理機能、およびCSS2に完全対応したスタイル設定機能を特徴とするタグ挿入型エディタです。 |
| サーバー | AN HTTPD | フリーのHTTPサーバーソフトです。プロキシとしても使える優秀なフリーソフトです。ホームページを作成しサーバへ登録する前のテストをする時に使用しています。特にCGIの場合は登録する前にテストする場合このようなサーバソフトが必要になります。クライアントPCで使用できるので大変便利です。 |
| テンプレート作成 | CSSEZ | Web上でサイトのデザインを完成させることが出来るCMS/ブログ用のオンラインジェネレータです。 対応しているCMS(Contents Management System)やブログとして「Movable Type」「WordPress」「JUGEMブログ」「Seesaaブログ」「アメブロ」「FC2」「ヤプログ」「ライブドアブログ」などがあり、それぞれにテンプレートを設定する方法も書かれています。 |
| タグ検索・作成 | タグインデックス | 「知りたいタグを素早く探せるサイト」をテーマにした、HTMLタグの検索サイトです。テーブるタグ自動作成ツール等の便利ツールもあり便利なサイトの一つです。
|
| ロゴ作成 | ガラスやプラスチックのような質感を持った立体的なロゴを作るソフト。BMP形式でしか出力できないので、ホームページで使うにはJTrim等の別ソフトでファイル形式を変換する必要があります。 | |
| reflectionmaker | 反射画像を作成してくれるサイトです。元になる画像をアップロードするかURLを指定し、反射率、背景色を指定するだけで 反射画像が出来ます。当サイトのタイトルロゴ”ネットで稼ごう.COM”はこのサイトを利用しています | |
| AUTO LOGO | ホームページ作成支援としてタイトルロゴやボタン、ライン、バナーを無料自動作成してくれます | |
・有料サイトを利用する
|
|
|
| オンラインHPビルダー | 専門知識不要。掲示板感覚でホームページが出来ちゃいます! |
| トっクにおトク | ホームページ運営が楽しくなる!!豊富でカラフルなサンプルページから、お好みのデザインをピックアップするだけ!しかも一度作成したホームページは、いつでも何度でも操作性抜群の管理画面から簡単にデザイン変更ができます!! |
| WebScan | WebScanは縦長のページもボタン一つで一発キャプチャする、Webプロフェッショナルの必携ツールです |

