サイトを作るのって難しい?

「サイト(ホームページ)を作るのって難しそう。」

このように言われることがあります。しかし、サイトと言っても様々な作り方があるため、一概に難しいとは言えません。感覚的に作ることもできます。問題は「用途」です。

今回はその辺りについてお話したいと思います。

サイトってどうやって作るの?

サイトの作り方にはいろいろあります。

  1. ホームページビルダーシリウスといったソフトを使って作成する方法。
  2. ワードプレスムーバブルタイプといったCMSを使って作成する方法。
  3. 無料ブログを使って作成する方法。

初心者の方が取りあえずサイトを作りたいというのであれば、一番簡単なのは、「無料ブログ」で作成する方法でしょう。ユーザー登録をして、文章を書くだけでサイトが出来上がります。

次に簡単な方法としては「シリウス」でしょう。これは有料のソフトですが、無料ブログ同様、文字を入れていくだけでサイトが出来てしまいます。しかし、ほんの少しサイトの知識があった方が良いと思います。

ワードプレスもムーバブルタイプもデフォルトのままで作成していくのであれば、基本的には文字を入れていくので簡単です。

カスタマイズをしていく

サイトを作成していくと、「ここはこうしたいなぁ・・・」といった感じになってきます。つまり自分風味のサイトを作りたくなってきます。

そう言った時には「ワードプレス」や「ムーバブルタイプ」がおススメです。かなり思い通りにカスタマイズをすることが可能となります。

今はメインとして3つの方法でサイト作成をしている

現在私は主に3つの方法でサイトを作成しています。

  • ムーバブルタイプ
  • ワードプレス
  • シリウス


ガッツリしっかりとしたサイトを作りたいときには「ムーバブルタイプ」。スマホの事も考えて作成する場合には「ワードプレス」。パパッと簡単にサイトを量産したいときには「シリウス」って感じです。

難しいプログラムは覚えていないし知らない

サイトを作る際にはプログラマー言語が必要だと思っている方もいるようですが、そんなことはありません。

確かに、JAVAスクリプトやcgi、PHP等が使えれば、非常に精度の高いサイトを構築することが出来ます。

しかし実際の所、普通にサイトを作る際にはそういったものは覚える必要ありませんし、覚えなくてもサイトを作ることは出来ます。

実際に覚えて使っているタグ

私がサイトを作るときに多用するタグを紹介しておきます。「えっ!たったそれだけ?」と思われるかもしれないくらい少ないです。


<h2></h2>・・・第2見出し

<h3></h3>・・・第3見出し

<a href=""></a>・・・リンク

<img src="" alt="" />・・・画像

<div class=""al-c></a>・・・テンプレート賢威専用タグ(真ん中寄せ)

<div class=""al-l></a>・・・テンプレート賢威専用タグ(左寄せ)

<div class=""al-r></a>・・・テンプレート賢威専用タグ(右寄せ)

<span class=""></span>・・・文字装飾

<strong></strong>・・・強調

<u></u>・・・アンダーライン

<b></b>・・・太字

<p></p>・・・文章のはじめと終わり


このくらい覚えておけば、正直サイトは作れてしまいます。勿論その他に数多くのタグを利用したり改造したりもしていますが、基本はこんなもんだと思われます。


CSSを利用する

サイトのデザインを左右するのがCSS(スタイルシートカスケード)です。裏側からデザインの指示を出していると表現したほうが分かりやすいかもしれません。つまり、ホームページのデザインは、このスタイルシートによって形や色を変えているのです。

これも色々なタグがあるのですが、いちいち覚えてられません。なので、色々なサイトを参考にさせてもらっています。

そういった時にはchromeを使うと、右クリックしたときに「要素を検証」という項目が現れるので、それを押すと、そのサイトで使われているスタイルシートを見ることが出来ます。

なので、「これカッコいい!」と思ったサイトのスタイルシートは見るようにしています。

長くなりましたが・・・

正直、書くことは沢山あるのですが、一つひとつ詳しく説明していくとあまりにも長くなってしまいますので、今回は触りだけ説明させていただきました。

ただ、言いたいのは「サイト作りは難しくない」ということだけです。必要なのは『どれだけサイト作りを楽しめるか?』ということだけだと思います。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

このエントリーをはてなブックマークに追加

同一カテゴリー内 記事一覧

このページの先頭へ