Left TopRight Top

post 初心者のホームページの作り方;HTMLのこと

9月 29th, 2009

カテゴリー: 作り方, 方法 — 初心者 @ 3:33 PM

パソコン初心者がホームページの作り方を学ぶときに、壁となるのがHTMLのこと。HTMLって、作り方にルールがあって、その作り方さえ覚えてしまえば、パソコン付属のメモ帳やテキストエディターで、チャッチャッと作ることも可能です。

しかーし、やはり初心者には難しいというもの。ホームページの作り方で学ぶのは、基本的なことに留めておいても問題ありません。一通り作り方を学んだ上で、興味が沸いたらHTMLのことを詳しく勉強していくのでも全然OKです。

まずは、HTMLがどのように表記されているのかを知ることから、ホームページの作り方は始まります。そこで実際にHTMLファイルの中身を覗いて見ましょう。今このページをIE(インターネットエクスプローラー)でご覧の方は、ページ上で右クリックして「ソースを表示」をクリックしてみましょう。

メモ帳などが開いて英語の文字が延々と表示されていると思います。これがHTMLファイルの「タグ」と呼ばれているもので、HTMLファイル内部を見ていることになります。(このメモ帳をダビングではなく、コピーしておけば、後で自分のホームページを作成する際のたたき台にすることも可能ですよ。)

HTMLそのものは大きく分けて「ヘッダー」「ボディ(本文)」「フッター」の3つに分かれます。

「ヘッダー」・・・HTMLであることを宣言したり、タイトルを表記するなど、ブラウザの表示に直接的には関係しない。(で囲まれる部分。)

「ボディ(本文)」・・・実際にブラウザに表示する部分。全体の配置や文字、画像の指定を行うところ。(で囲まれる部分。)

「フッター」・・・ヘッダーと同様の役割。

post 初心者のホームページの作り方;作り方#1

8月 1st, 2009

カテゴリー: 作り方, 初心者, 方法 — 初心者 @ 2:56 PM

初心者のホームページの作り方として、今回ご紹介するのは「必要なもの」です。
まず初心者に必要なのが「気持ち」というか、「何のために作るのか」という目的意識です。いきなり精神論になってしまいましたが、気持ちがしっかりしていないとホームページは作成できません。自分のホームページで何を表現したいのかは、最初にまとめておきましょう。

それでは「気持ち」以外に必要になるものを挙げていきましょう。

<パソコン>
初心者でもそれぐらいはわかりますよねぇ(;^_^Aまぁ、自分専用のパソコンがあればベストですが、サイアク家族共用のパソコンでも可能です。

<インターネット接続環境>
本当の初心者はここで挫折してしまうこともありますが、今ではパソコンを購入した場合に家電量販店でインターネットの接続環境を整えてくれるので、あまり意識しなくても大丈夫です。(一応付け加えておくと、ブロードバンドのほうが何かと作業がスムースになります。)

<サーバ>
前回ご紹介したようにホームページを公開するにあたり、作成した文書や画像を公開するためのウェブスペースが必要です。サーバー販売会社で用意している1Uサーバーから、一区画購入してもいいですし、レンタルすることも可能です。中には無料で貸し出している業者もあるので、イロイロ探してみましょう。

<ホームページ作成ソフト>
HTMLを書ければ、ホームページを作成可能なので、パソコン付属のテキストエディターでも大丈夫・・・と言いたいところですが、初心者では無理。市販のホームページ作成ソフトなどを検討してみましょう。

Left BottomRight Bottom