ホームページの作り方

今回、ホームページの作り方の基本として学ぶのは、「スタイルシート」です。ホームページをブラウザに表示する際に必要になるものですが、スタイルシート単体ではあまり意味がありません。HTML文書とセットで初めて機能するものなのですが、今回はHPの作り方としてスタイルシートのことを勉強しましょう。

そもそもスタイルシートとは、ワープロソフトなどで、フォントの種類や文字の大きさ、色、行間の幅、修飾など、文書の見栄えに関する情報をひとまとめにした、文書の雛形のことを指しました。あらかじめ複数のスタイルシートを用意しておくことにより、簡単に文書作成することができるというものです。伝票作成などの定型文書を作成する際に、スタイルシートを利用することで見栄えを統一することができる便利なものです。

このスタイルシートという考え方はサイト制作でも利用されるようになり、現在では「スタイルシート」の意味はむしろホームページの作り方のほうが主流となっています。

HTML文書にスタイルシートを適用することで、複数のページの見栄えを統一することができます。また、HTML文書からレイアウトに関する情報などを分離し、文書の構造だけを記述することが可能になるので、HTML文書の論理的な構造が把握しやすくなるほか、メンテナンスがずっと容易になるというメリットがあります。

また、HTML文書がキレイになるため、検索エンジンのクローラーにも読みやすい構造になるため、SEO的にもいいとされています。

ホームページの作り方というと、技術的な作り方とコンテンツ（内容）の作り方と大きく2つあります。どうしてもホームページの作り方と聞くと、技術的なことばかりがクローズアップされますが、なんと云ってもホームページの作り方で重要になるのはコンテンツの作り方になります。

ホームページの技術的な作り方にばかり気をつけてしまうと、中身のないホームページが出来上がってしまうこともしばしば。ホームページの作り方で本当に気をつけなければならないのは、コンテンツの作り方なんです。

内容さえしっかりしていれば、技術的なことはあとからなんとでも修正がききますが、コンテンツがスカスカというのはなかなか修正がききません。ホームページの作り方で重要なのはコンテンツ（中身）だということです。でも、どうしても技術的な作り方を知らないと、ホームページなんて作れないんじゃないかと思う人が少なくありません。技術的な作り方のほうが順序だてて勉強できますし、すぐに形に表れるので学びやすいというのもあります。

でも本当にしっかりと練らないといけないのは、ホームページの中身の作り方なのです。コンテンツの作り方さえしっかりとしていれば、作り方なんてなんとかなるものです。「何を伝えたいのか」「何が重要なことなのか」ということを見失わないでホームページの作り方を勉強していきましょう。

ホームページの作り方を勉強するに当たって、本当に大事なことは技術的な作り方を学ぶことではなくて、コンテンツの作り方をしっかりとすることだということを今回はお伝えしました。

今回はHPの作り方の基本として、HTMLの基本についてご紹介しましょう。
初回の今日は、HTMLのタグについて簡単な説明を行っていきます。まだまだ、HPの作り方といえる段階ではありませんが、HTMLの構造やルールを覚えることが、HPの作り方の基本になりますのでしっかりと覚えていきましょう。

HP（ホームページ）は、HTML（Hyper Text Markup Language；ハイパーテキストマークアップランゲージ）というマークアップ言語を使って作られています。タグというマーク（命令）を使って、HTML文書の構造を指定したり、文字の大きさや色を変えるといったことなどが出来ます。HTMLを使ってHPを作る場合、メモ帳などのテキストエディタを使ってタグを記入していきますが、それをHTMLファイルとして保存しブラウザで開くと、タグの指定されたとおりにブラウザに表示されることになります。

HPの作り方の基本として、タグとは<タグ名>の記号で囲まれた半角の英数字のことです。試しにどのホームページでも構わないので、ホームページ上で右クリックして、「ソースの表示」を選択してみて下さい。メモ帳が立ち上がってたくさんの<　>で囲まれた文字が表示されると思います。この<>で囲まれているのがタグです。

メモ帳に表示されている文字は、同じ大きさで色もついていませんが、このタグを使って書かれたHTML文書をブラウザで表示すると、タグで指定された通りに文字の大きさや色を変えて表示されることになります。

【メモ帳、またはテキストエディタ】
ホームページは、主に以下のファイルから構成されています。
◎HTML文書／HTML（エイチティーエムエル）、またはHTM（エイチティーエム)
◎画像（グラフィックデータ）／GIF（ジフ）、JPG（ジェイペグ）、PNG（ピング）、BMP（ビットマップ）
◎その他／CSS（カスケーディングスタイルシート）、JS（ジャバスクリプト）etc.
このようなものからホームページのファイルは構成されています。
HTML文書（テキストファイル）は、文字が打てるものがあればＯＫです。
ホームページビルダーなどのソフトを使用しなくてもメモ帳で充分できるんです。
でも、その場合はＨＴＭＬの記述を知っていないとできません。
メモ帳はWindowsの「スタート」→「プログラム」→「アクセサリ」の中に入っています。
メモ帳よりもHTMLを記述するのに向いているのがテキストエディタ。
テキストエディタはたくさんのフリーソフトがありますので、検索して自分好みのものをゲットしましょう。
私は秀丸を使用しています。

【ホームページ作成ソフト】
ある程度、ホームページの作り方やホームページのタグをご存知の方なら、メモ帳、またはテキストエディタで充分でしょう。
しかし、ホームページのタグ？って方には厳しいでしょう。
ある程度の知識があっても皆さん、作成ソフトは何かしら持ってらっしゃると思います。
有名なのはホームページビルダーやドリームウィーバー(Dreamwever)です。

【サーバースペース】
ホームページを公開するためには、前にも少しお話しましたがサーバーが必要です。
サーバーを借りるサービスのことを「レンタルサーバー」っていいます。
個人の方はら、レンタルサーバーで充分でしょう。
容量もいろいろですが、自分のしたいことを充分考えて選んでみましょう。
◎初心者さん向きレンタルサーバーはいろいろありますが、サーバースペースを無料で提供してくれる所もたくさんありますので検討してみてください。
自分の使用しているプロバイダも所有しているところがあるかもしれません。
Yahoo!ジオシティーズやinfoseek、などなどたくさんあります。
でも無料のところはほとんどの場合は広告が入ります。
広告が入ってもかまわないという方はどんどん利用させていただくといいですね。

【FTP 転送ソフトウェア】
FTP って聞いたこはありますか？
自分のパソコンで作成したホームページのデータを、電話回線や光回線を通してネットワーク上のホームページを置く場所（ホームページスペース）に転送するソフトです。
このFTPソフトはFFFTPという超有名なフリー（無料）ソフトがあります。とても使いやすく初心者さんにおすすめでーす。フリーのソフトもこれが無料で使えるの？ってくらいすごいものたくさんありますよね・・・
私は自宅ではDVDのダビングソフトやら、音楽ソフトやら、家計簿にいたるまで、なんでもフリーのソフトを使っています。
あなたもどんどん活用してみてくださいね。

またFTPソフトはホームページビルダー（IBM）やドリームウィーバー（Macromedia）などのホームページ作成ソフトにも、内蔵されていますからご安心を！

今日はホームページを作るにあたって、準備するものを書いていきます。
まず、あなたがホームページの作り方を知りたくて、こちらのサイトにたどり着いたのなら・・・
ほぼ準備は整っていると思います。
まずはコレ絶対いります。
【パソコン】
このページを閲覧しているのなら、パソコンはお持ちかなと思います。
そのパソコンで問題なしです。
会社のパソコンやネットカフェで閲覧しているのだったら、駄目ですね（笑）
安いものでも十分ですいから、まずは購入してください～。

【ブラウザ】
自分のパソコンからこのページを見ているあなたは大丈夫！
ブラウザというのは、ホームページを閲覧するためのソフトにことです。
たとえば、IE（インターネットエクスプローラー）です。
2大ブラウザといえばIEとNNになります。
ブラウザはNetscape Navigator（NN）や Opera、Mozilla などの様々なものがあります。
誰でもそれらを使用することができます。
最近人気急上昇なのが Mozilla　Fire fox　ですね。
私も使っています♪

【インターネット接続環境】
あなたのパソコンでメールの送受信やインターネットが閲覧できる人はOKですね。
まだ、ネット環境が整ってないという方で今後プロバイダと契約しようとしている人がいましたら、ホームページ・スペースを貸していただけるところを選びぶのもいいでしょうね。
まずは無料のものや、安価なものから初めてみましょう。

今日はバタバタと仕事はあまり進まなかったです。
私の会社がとうとうサーバー販売会社で1Uサーバーを購入。
なんか設定やらで大変そうですが、これからは快適になりそうですね～

楽しみです。

ホームページはどこにあるか？
インターネットでそのホームページを作った人のパソコンになんかのシステムでそれぞれ直接繋がっていて、そのパソコンの中身を見ているものって思ってました・・・
と前回お話しましたが・・・
以前は全く無知なお馬鹿な私だったんですね。
今もそんなに進歩してないかもしれませんが・・・

ホームページっていうのはは「サーバー」と呼ばれるコンピュータシステムの中に入っています。
サーバーはいわゆるプロバイダと呼ばれる通信業者なんかや、提供会社なんかなど(DION、OCN、BIGLOBE、@nifty、Plala、などなど様々です）がそれぞれ所有しています。
このプロバイダなどのサーバーと、わたし達のパソコンをつなぐネットワークが「インターネット」といえます。
個人の人が普通利用するサーバーは、共有サーバーといわれるものです。
サーバーをマンションだと思ってくださいね。
そこにたくさんの部屋があり、その部屋の一つ一つにあなた（持ち主）がいます。
そこには当然それぞれに住所（番地や部屋番号）があります。
それをインターネットの世界に当てはめると、住所（番地や部屋番号）がホームページアドレス、URLと呼ばれているものになります。

ホームページを公開するためには、サーバーの一部屋を借りることになります。
この借りる場所やサービスのことを「レンタルサーバー」と呼んでいます。

もちろんレンタルばかりでなく専用サーバを持つことも可能です。

はじめまして～
こんにちは。
まずは自己紹介。
３０歳女性。

パソコンを触るのも苦手・・・
エクセルなんて触れない・・・
パソコンを使うのは、ネット検索少々、ブログを少々・・・
あと、音楽CDをつくったり、DVDダビングしたり・・・
そんなことでしかパソコンを使ったことはありませんでした。
そんな全く何の知識もない私ですが、現在、seo対策とホームページ制作の会社に勤めてます。
勤めて２年になりますが、いまだにパソコンは苦手です　llll(*´=Å=｀*;)llllll ｽﾞｰﾝ
なんでseo対策やホームページ制作をする会社に入社してしまったのか？ビックリですが・・・
そんな私がホームページを少々作れるようになり、勉強もかねて、このブログを立ち上げました。
初心者の皆さんの参考に少しでもなれば・・・
と思っています。

ホームページっていいますけど、そもそもホームページはどこにあるかご存知ですか？
私ははじめ、インターネットでそのホームページを作った人のパソコンになんかのシステムでそれぞれ直接繋がっていて、そのパソコンの中身を見ているものって思ってました（笑）
いや、マジで、フツーにそんな事漠然と思っていましたね（笑）
そんな私、初心者どころかピントがかなりずれているかも・・・
でも皆さんもどうしてホームページを見れるかはっきりとわかりますか？

そういった、いまさら誰にも聞けない・・・
って簡単なことから、インターネットのしくみやら、ホームページの作り方を、
「あ、なんだ、そんな簡単なことだったの？」
って理解してもらえるように、わかりやすく説明できたらな・・・
と思っています。

乞うご期待ください！