|
はじめての方にもわかりやすいホームページ作成入門/リンクの貼り方・バナーの貼り方をご紹介します。ホームページの活用はインターネットでの集客方法、オンラインショップの必須な技術です。これをを分かりやすく解説しています。 掲示板を設置しましたので感想をご記入していただけたらうれしく思います。相互リンク大歓迎です。リンクを作成後に連絡フォームよりご連絡ください。 |
| ■ホームページ作成入門/基礎編 | ■ホームページ作成無料素材集・花1 |
| ■ホームページ作成入門/バナーを貼る | ■ホームページ作成無料素材集・花2 |
| ■検索エンジン上位表示は自分でできる | ■ホームページ作成無料素材集・花3 |
|
■ 目次
■ ホームページを作成する方法ホームページ作成ソフトで作成
ホームページビルダーやFront Pageなどのホームページを作成支援するソフトが各社から発売されています。フリーのものやシェアウェアなどもあります。
テキストエディタで作成
ホームページは HTML という言語を用いて書きますが、それほど難しくありません。ここでは、HTMLを理解しながら、テキストエディタで作成する方法を紹介します。
■ ホームページを作成する準備ホームページを作成するにはメモ帳とブラウザがあればOKです。
これ以降の説明では、「Windows」で「Internet Explorer」と「メモ帳」を用いた例を示します。Macintosh の場合や、Netscape ブラウザの場合でもメニューの名前が若干異なる（例えば [上書き保存] が [保存] ）場合がありますが、読み替えてください。 ■ 格納するフォルダを作るこれから作成する各種ファイルを格納するフォルダを作成します。例えば、C: ドライブの直下にHPという名前のフォルダ（C:\HP）を作成するには以下のようにします。
■ 拡張子を表示するホームページを作成する場合、拡張子（ファイル名末尾の .txt や .htm などの文字）は非常に重要で、正しく記述しないとブラウザでホームページ文書として認識されません。次の方法で拡張子を表示するモードに変更してください。
 クリックすると拡大します ■ メモ帳でHTMLを書くメモ帳で HTML 文書を作成します。Word などのソフトを使用する場合は、保存時にテキストファイルとして保存し、拡張子は .htm または .htmlで保存してください。
 メモ帳で入力 これを、C:\HP フォルダに test.html という名前で保存します。
ファイル名が test.htm.txt になってしまう場合は、メモ帳の [名前を付けて保存] で、"test.html" のように、ファイル名を " " で囲んでください。  クリックすると拡大 ■ ファイル名の注意事項ホームページで作成する htmlML文書や画像ファイルのファイル名は、以下の点に注意してください。
○ test.html ○ test-page.html × test&page.html × ホーム＠ページ.html × Home Page.html Windows で作成しているときは test.html も TEST.html も同じファイルとみなされますが、WWWサーバーにアップロードすると別のファイルとして認識される場合があり、大文字、小文字を間違えただけで表示されない場合があるので注意してください。大文字と小文字の使い分け に注意すること。しばらくのあいだファイル名はすべて小文字で書くのがよいでしょう ■ 拡張子に関する注意事項HTML 文書の拡張子は通常 .html なのですが、Windows 3.1 など古いシステムで拡張子に 3文字しか使えない時代があったので、Windows では .htm でも使えます。拡張子は .htm でも .html でもどちらでも使えますが、どちらかに統一したほうが、「作成したが表示されない」事故を防げます。 ○ test.htm ○ test.html ■ ブラウザで表示する作成した test.htm をブラウザで表示する。
■ 修正する「私のホームページです。」という文章を修正します。test.htm のファイルをダブルクリックするとブラウザが起動しますが、修正はブラウザではなく、[メモ帳] などのテキストエディタで行います。
メモ帳で test.htm を開いたら、次のようにして修正します。
メモ帳で修正した内容が、ブラウザに反映されれば OK です。 ■ 改行する「私」と「のホームページです」の間に改行を入れます。 私の 私のホームページです。 ところが、これをブラウザで再表示（[最新の情報に更新]）しても、うまく改行できていません。まったく改行されないか、ブラウザによっては、「私の ホームページです。」のように多少の隙間があくだけです。改行を行うには次のように変更して保存、再表示してください。 私<br>のホームページです。 今度はちゃんと改行されるはずです。<br> は break の略で、「改行する」という命令です。 ■ 太字にする/斜体にする今度は「ホームページ」を太字に変更します。 私の<b>ホームページ</b>です。 ブラウザで再表示すると、「ホームページ」が太字で表示されます。<b> は bold の略で、<b>と</b> の間を太字にするいう命令です。同様に、<i>と</i> で囲めば斜体文字「ホームページ」（Italic）になります。 ■ 色を変える今度は「ホームページ」を赤色に変更します。私の次に<font color=red>を追加し、ホームページの次に</font>を追加してください 私の<font color=red>ホームページ</font>です。 ブラウザで再表示すると、「ホームページ」が赤字で表示されます。 色の名前主な色は英文の名前で指定できます。
|
|
■ 動画でわかる！ ホームページ作成 ☆ これならできる！ ■ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ホームページ・ビルダーの使い方をわかりやすい動画で解説するサービス。 解説書でつまずいた方も、かんたんすぐにマスターできます。 動画でわかる！ ホームページ作成詳細 動画でホームページ・ビルダーの使い方を解説するホームページ作成講座です。 初めての方でも、解説書でつまずいた方でも、詳しい人に教えてもらっているよ うな感覚で、ホームページ・ビルダーの操作方法をマスターできます。 |
|
|
