ホームページ講座

ブログは開設するのが非常に簡単です、HTMLベースの個人サイトでは、自分でデザインを考えてHTML、CSS、Javascriptを駆使してページを作ります。
ブログでもテンプレートや場合によっては、CSSのカスタマイズやHTMLの入力ができるものもありますが、HTMLベースのサイトではすべてを自由に組むことができます。
要するにはっきりとした個性が現れます。

HTMLベースのサイトの場合に苦労するのは、最初に公開するときだけです。
最初のページできちんと構造を決めることができれば、更新やページの追加はそれほど苦労しません。
テキストエディタやファイル検索を利用して、ページの作成・修正ができるのでプログラム派の人ならこっちのほうがむしろ気軽かもしれません。

サーバープログラムを使用しないHTMLベースのサイトはどのレンタルサーバでも公開することができます。
ブラウザさえあれば、ネット接続をしなくても動作や閲覧ができます。
家族や友人に見せるときに、サイトをフォルダごと、ネット接続しないパソコンにいれて見せることも十分できます。

近年急速に発達している、Javascriptを利用したサイト、スマホや3DSのブラウザでもJavascriptは動作します。 Javascriptなしでは、現在のWEBは成り立ちません。 なので、積極的にJavascriptを使用します。 Javascriptを使用すれば、動的なページが作れますし、共通に使用したい部分を別のファイルに分けることができます。
これができれば、作り方しだいで、サイトを修正する際に修正箇所が少なく済むむようになり、サイトの管理が非常に楽になります。

このサイトでは、PC版とスマホ版でレイアウトやフォントサイズが若干変わります。
しかし、ページ自体は１つのHTMLファイルで作成しています。
企業サイトでは、ブラウザごとにページを作ったりする(裏ではサーバープログラムで生成)のが一般的ですが、個人サイトではブラウザごとにページを作るのは手間がかかるため効率が良くないです。
なので、Javascriptを使用して、ブラウザを判定して、スタイルシートを切り分けます。
こうすれば、ページの作成は１つで済むため非常に管理がしやすくなります。

サーバープログラムを使用しないHTMLによるページでは、そのままでは訪問者からの感想や意見を取り入れることはできません。
メールのリンクを貼ることはできますが、今の時代、個人的にメールを送る人はあまりいないでしょう。
なので、TwitterやFacebookと言ったサービスの外部機能(ソーシャルプラグイン)を利用させてもらいましょう。
ソーシャルプラグインを利用すれば、自分のTweetをページに簡単に公開したり、Facebookのコメント機能を取り入れることができます。
Facebookアカウントがないとコメントできないため、そのままスパム(迷惑)防止にもなります。

次回からは、このサイト使用しているホームページ作成の技術について、詳細に解説していきたいと思います。