初心者にもできるホームページ作成！

皆さんはJavaScript（ジャバスクリプト）というものをご存知でしょうか？
ネットサーフィンしていると、特定のサイトでマウスポインタの形が変わったり、雪や花びら（の画像）が降ってくるページがあったり・・・と、面白い機能が付けられているサイトやページを見かけることはありませんか？
これらはどれもJavaScriptというプログラムによる機能です。
JavaScriptとは、ウェブページに動的な機能を追加させるプログラミングの一種なのです。

初心者のうちは、ホームページ作りに関するいろいろなことに興味が惹かれますよね。
コピー自由な装飾画像があれば貼り付けてみたくなりますし、アンカーテキストの色を自由に設定できると知れば試してみたくなるものです。
それと同様に、サイトに面白い機能を付けられるJavaScriptというのも、できることなら使ってみたいと思ってしまいます。

ただ、JavaScriptはプログラミングの一種というだけあって、一朝一夕の知識ではなかなか自作できません。
HTMLやCSSとは明らかに異なるのです。
ですが、ご安心ください。
自作したJavaScriptを無料配布しているサイトもあるので、もし気に入った機能のものがあれば、利用規約さえしっかりと守れば誰だって利用できます。

しかし、JavaScriptに関しては多くの注意点があります。
例えば、全てのユーザーのブラウザがそれに対応しているとは限らないことや、セキュリティのためにJavaScriptが無効化されることもあること。
また、JavaScriptは使えば使うほどサイトにアクセスしにくくなるものでもあります。

興味本位だけで何でも使ってみるのではなく、本当に必要な機能だけを厳選するようにしたいものですね。

ホームページ作成は初心者でも簡単にできてしまいますが、逆に初心者だからこそ起こしがちな失敗も多々あります。
ありがちな失敗に限って「初心者だから」と言い訳できない重要なことが多いので、注意が必要ですよ。

ホームページの作成は、いくら簡単だとはいっても最初のうちは間違いが多く、それらを繰り返して勉強してこそ良いものが作れるようになるものです。
ですが、そういった過程の中で覚えるのではなく、なるべく最初から行っておきたいのが複数のブラウザでの表示確認。
初心者だと多くの方がInternetExplorer（IE）を使っていることと思いますが、最低限FireFox（FF）も確認しておきたいですね。
FireFoxを中心に使っている人も多いのです。

IEとFFとでは余白計算が異なります。
余白とはmarginやpaddingのことですが・・・とどのつまり、IEとFFとでは表示のされ方が異なることがあるということです。
表示が異なってもデザインが崩れないのであれば良いのですが、酷い場合は表示されるべきテキストが隠れてしまって見えないなんてこともあるのです。
IEでは正常に表示されても、FFでは酷い出来に・・・なんてことになりかねないので、ホームページは作成しながら両方のブラウザで表示確認しておきましょう。
もしどちらかで不具合が発生するなら、指定方法を変更するなど対応をとらなくてはなりません。

最低限、IEとFFの2ブラウザ。
余裕があれば、Operaなどでも見ておきたいですね。
ホームページ作成のプロともなればWinとMacそれぞれのOSで確認しているのだとか。
WinだけでもMacでの表示を確認できるツールなどもあるそうですが・・・

☆お勧めサイト
「東京へ整体に行こう」
「ガイガーカウンターのオススメ」

初心者でも使いやすいソフトのひとつがDreamweaver。
というよりもweb関係の仕事に携わる人ならほとんどの人が使っていると言っても過言ではないかもしれません。

専用サーバについてやたらと詳しい友人は、趣味でホームページを作っているのですが、このDreamweaverのソフトを会社のパソコンだけじゃなく、自分のパソコンにも入れて使っているそうです。

専用サーバについてだけじゃなく、色々なリモコン、携帯、スマホなどにも詳しい友人は、更にＤＶＤのダビング・編集も得意分野（仕上がりはプロ並み）なようで、もはや敵なしといった感じなのですが、何か機械系で不得意なことはないのかいつも気になっています。

色々な機能を隅から隅まで使いこなそうとすると初心者では難しいかもしれませんが、
基本的なホームページの基礎となる部分を作るのにはなんら問題ありません。

画像を組み合わせて（画像は無料の素材屋さんなどから取ってくるなどしてもＯＫ）配置していき、Dreamweaverなら最初の頭文字を覚えていれば、携帯の予測変換のように候補が出てくるので綴りを覚えていなくてもタグが完成させれます。

ｃｓｓに関してもそうですが、ｃｓｓを呼び出す為の呼び出しタグももちろん同じ方法で呼び出すことができるのです。

そしてテーブルレイアウトに関してもそうです。

本来ならテーブルタグも覚えて上手く配置しなく手はいけないのですが、まずテーブルの縦と横のセルの数を設定するだけでポンとテーブルが出てきてしまいます。それを後は自分好みの大きさに調整していけばいいだけです。

ドラッグして線を調節できるようなのですが、キレイに仕上げたいのであれば、数値をしっかりと目で見て、しっかりと数字で記入する方法をおすすめします。（というか私の場合そうじゃないと気持ちが悪いです。）

ちなみに読み方は“ドリームウェーバー”ではなく、“ドリームウィーバー”だそうですよ。

ホームページを作成するときCSSを使うかどうか考えると思います。
CSSとはスタイルシートと呼ばれているもので、タグでデザインを作っていくとどんどん膨大になってしまうのでデザインと構造を分けて作ろうと出てきたのがCSSです。

この外部スタイルシートを使うことで、統一されたサイトを作ることができます。
また簡単にサイトのデザインも変えることができるようになります。
そしてHTNLとは別になっているので、音声ブラウザを利用している人にも便利に使うことが可能です。

ただこのスタイルシートを使うときの注意点なんですが、ブラウザのバージョンによってスタイルシートの対応状況がことなっているため、ブラウザによってはデザインが崩れてしまう恐れがあります。すべてのブラウザに対応するとなると難しいかもしれませんが、一般的に使われているブラウザで色々見て確認してみるようにしましょう。

クラウドでコールセンターのことを話していたのですが、ホームページ作成にくわしい先輩がCSSのほかにもXSLというものがあると教えてくれました。
またどんなものか調べてみようと思っています。

ホームページ作成初心者の皆さんにお勧めの情報です。

綺麗で見栄えが良く、かつ楽しめるホームページを作成しようとすると、何らかの画像を飾りとして配置してみたくなりますよね。
しかし、画像とはいってもホームページに貼り付けるとなると写真では飾りにならないし、お絵かきソフトで描こうにも上手く描けない・・・という方は多いかと思います。
そんな皆さんには“素材屋さん”の利用をお勧めいたします。

“素材屋さん”というのは正式な名称ではないのですが、「HP素材」等のキーワードで検索すれば数々のサイトが現れます。
これらのサイトではホームページを飾り付けるための画像が無料で配布されているのです。
加工する必要なく、指定の位置に画像を貼りつけるだけなので大変手軽です。

・・・というか、サイトそれぞれに利用規約が設けられており、利用は無料だからこそ加工が許されていないことが多いのですよね。
各自で加工するための写真素材などは有料のものが多いのと対象になっているのです。
“素材屋さん”で配布されている画像の多くは個人的趣味で制作されており、制作者本人の作品でもあるため、あたかも利用者が自分で作成したかの如く偽るのは著作権の侵害になるのです。
ご利用の際はどうぞご注意ください。

注意といえば、これらHP素材として配布されている画像は、あくまでもホームページ上で使用する目的で作成されています。
パンフレットなど印刷物に使用するのは許されていないことが多いです。

以上の利用方法や加工の限度などについては、各素材屋さん（サイト）で述べられているはずなので、利用の際には熟読が必須。
あと、注意なのですが、それらの画像があまりにも綺麗だからといって配置しすぎると、逆にホームページが見にくく（醜く）なってしまいます。
適度な利用を心がけましょうね。

ホームページの作成は主にHTMLで行います。
HTMLに慣れてきたなら、徐々にデザインにも工夫を凝らしたくなりますよね。
いろいろなことがHTMLで可能だということが判ると、HTMLを駆使して自分なりのデザインを作ろうと試みます。

しかし、ご注意ください。
ホームページ作成において、デザインはHTMLで作るものではありません。
HTMLのタグにもテキストの色を指定できるものはありますし、また背景画像を指定する方法もありますが、現在これらの方法でデザインを作るのは推奨されていません。
今は、HTMLはあくまでも見出しやそれぞれの内容といった文章構成のみを整えるものであって、デザインはCSSで行うものとされているのです。

HTMLに慣れてきた初心者にとっては、せっかくHTMLでもできることなのに、わざわざ新しくCSSを覚えて行わなければならないというのは労力の無駄のように思われるかもしれませんね。
しかし、文章構成とデザインをはっきりと分けて作成することによって、すっきりした、また読み込みやすいホームページに仕上がります。
また、CSSを利用した方が、デザインにも応用が効くんですよ。
そして何より、ユーザーにとって見やすく、操作しやすいホームページにもなるんです。

ホームページを作成する時に、最初から満足度100％のホームページはなかなか出来ません。
まずは、作ってみる事が大事だと思います。
今回は、ホームページを作成する際のポイントについてお話しましょう。

◆まずは作ってみる
現状のホームページがベストと思っていても、時間がたてば必ずどこかを修正したいくなるはずです。
それは、一度作った事でそのホームページの改善点がやっと見えてくるためです。
ホームページを作成するときには、見えなかったものが見えるようになります。

◆まずはシンプルで十分
最初は、いろんな機能を使わず適度な中身でホームページをスタートさせればよいです。
本当に重要な点に注力して、速やかにホームページを完成する事が第一だからです。
最初は、多くの機能の設置にあれこれ時間をかけるのはムダです。

◆デザインで悩まない
デザイン選定に時間とお金をかければよいのですが、デザインは、後日変更できます。
初めてホームページを作る場合には、デザインにあれこれ考えることはやめ、オーソドックスで標準的なデザインで十分だと思います。

これらを踏まえた上で、ホームページ作成すると良いかと思います。

タグは<タグ名>のような構造です。

ほとんどのタグは<タグ名>～</タグ名>で一つのまとまりとなります。
例えばHTMLを書くときは最初に<html>と書きます。そして一番最後に</html>と書きます。
ためしにブラウザ(あなたがインターネットを見ているプログラム　Windowsの標準ならインターネットエクスプローラー)のメニューの、
「表示」から「ソースの表示」をクリックしてみましょう。
このページのソースが表示されます。
確かに最初が<html>、そして一番最後に</html>と書いてあるでしょう。

また<br>(改行タグ)などタグによっては単体で書かれるものもある。
タグには様々な属性をつけることでより細かくタグの効果を指定することができます。

ホームページの大半はHTMLという言語によって作られています(中にはCGIなどで作られているものもありますが。。。)。
HTMLとはHyper Text Markup Language(ハイパーテキスト・マークアップランゲージ）の略。
文書の一部を「タグ」と呼ばれる特別な文字列で囲って、
「文章の構造」や、「修飾情報(文字の大きさetc)」を文章中に記述していく方法です。
ホームページを作るときはメモ帳などを開き、そこにHTMLのタグを書いていくのです。

ロリポップおススメのわけ

まず利用者数（ユーザー）が多いという点
試用期間がある点
容量内であれば、何個でもサイトを運営することが出来る
メールアドレスを無制限で取得できる
ロリポップで独自ドメイン取得ができる
などなど。
女性のユーザーが多いのも初心者向けということになるでしょう。