MMORPG「メイプルストーリー」あんずギルド「AlwaysWithU(オールウェイズ・ウィズ・ユー)」チームウェブサイト
AlwaysWithU(オールウェイズ・ウィズ・ユー) - メイプルストーリーあんずギルドウェブサイト

サイト作成

サイトの作成方法のの紹介。作り方。手順。
(ファンサイト、Webサイト、ウェブサイト、Webページ、ウェブページ、ホームページ、ホムペ、HomePage、HP)
サイト メイキング- site making

●はじめに

このページは、「Webサイト作成方法」について、vビバルディv@管理人が独学で学んだことを紹介しています。
初心者〜中級者向けの内容となっていますので、Webサイト作成の参考になれば幸いです。

▲このページの先頭へ戻る

●事前に準備するもの

◎サーバー

あなたの作成したサイトをインターネットに公開するにはサーバーが必要です。
サーバーは無料もしくは有料でレンタルすることができます。
オススメは無料サーバーレンタルですが、レンタルサーバーによって容量や広告などの条件が違いますので、あなたの作成するサイトに合ったものを選びましょう。
下記のような、レンタルサーバーを比較して紹介しているサイトを参考にするのもいいと思います。

サイト「AlwaysWithU」は無料のFC2 ホームページを利用しています。

◎Webサイト作成ソフト

vビバルディv@管理人が最初にサイトを作ったときは「メモ帳」で編集していました。参考書を見ながらタグ打ちをしていました。HTMLを理解するにはぴったりでしたが……やっぱり面倒でした(笑)
ここで登場Webサイト作成ソフト!
初心者でも簡単にWebサイトを作ることができます。

他にもいろんなソフトがあります。
サイト「All About(オールアバウト)」などの紹介サイトを参考にするとよいです。

▲このページの先頭へ戻る

●サイトを作ってみよう

◎サイトの目的を考える

まずは、何をするサイトか目的を考えよう。
そして、その目的を達成できるような、サイトに載せる内容(コンテンツ)を考えよう。
サイトを誰に見て欲しいかも考えておくと作りやすいです。

◎サイトのデザインを考える

サイトに載せる内容(コンテンツ)がある程度決まったら、サイトのデザインを考えよう。
この作業は紙にデザインを書きながらやるのがいいと思います。
vビバルディv@管理人もカレンダーの裏にいくつもデザイン案を書いていました。今もサイトの内容(コンテンツ)を考えるときは紙に書いて考えています。紙に書くというのは結構重要だと思います。

デザインがよく分からない人は、人気サイトやお気に入りのサイトを参考にするのがいいでしょう。「学ぶ」とは「真似ぶ(まねぶ)」に由来する言葉という説もあります。真似してデザインを学びましょう。ただ、そっくりそのままコピーするのではなく、そのサイトのいいところを取り入れるなど自分なりのサイトデザインを目指しましょう。

サイトデザイン解説サイト

vビバルディv@管理人の選ぶ人気サイト

これらは企業サイトなので少しデザインがかたいかもしれません。ですが企業は消費者相手に商売をしているわけですから参考にすべきところはあります。他にも個人サイトでお気に入りがあればそれを参考にするのもいいと思います。

◎サイトを作ってみる

デザインが決まったら、「Webサイト作成ソフト」を使ってサイトを作ってみよう。
下記のような「Webサイト作成支援サイト」を参考にするといいでしょう。

Webサイト作成支援サイト

ホームページ・ビルダー解説サイト

vビバルディv@管理人は、Webサイト作成ソフト「ホームページ・ビルダー」を使っています。
ホームページ・ビルダー解説サイトをいくつか紹介。

▲このページの先頭へ戻る

●サイトを公開しよう

サイトが完成したらサイトをインターネットに公開しよう。
事前に準備したサーバーにファイルを転送することでサイトをインターネット上に公開することができます。
手順は、上で紹介したWebサイト作成支援サイトを参考にしてください。

サイトを公開できましたか?
これで、サイトを公開してサイト管理人としての一歩をふみ出しました。おめでとう!

▲このページの先頭へ戻る

●サイトを運営しよう

無事、サイトを公開できたらサイトの運営を考えましょう。
そのためには、いくつか基礎知識を覚えておく必要があります。
サイトをインターネットに公開したことにより、全世界の人があなたのサイトにアクセスできます。基礎知識を覚えておくことは大事なことです。

◎基礎知識

◎用語集

▲このページの先頭へ戻る

●サイトを改良しよう(初級編)

サイトを公開したら、ページを更新してサイトを改良していきましょう。
更新頻度の高いサイト、クオリティの高いサイト、内容の充実しているサイトにはアクセスが集まりやすいです。
あなたのサイトに来てくれる常連さん(リピーター)を大切にしましょう。

◎サイトを便利にするレンタルサービス

■掲示板 (BBS)

掲示板 (BBS) は交流を深められるコンテンツです。
常連さん(リピーター)との交流のためにもぜひ設置しましょう。

サイト「AlwaysWithU」は無料の「FC2 掲示板」を利用しています。

■アクセス解析ツール

アクセス解析はサイトを訪れる人のニーズを調べることができます。アクセス情報の蓄積と分析はサイトを改良するのにいい材料となります。

サイト「AlwaysWithU」は無料の「忍者アクセス解析(NINJA TOOLS)」を利用しています。

■カウンター

あなたのサイトの人気度を目で確認することができます。

サイト「AlwaysWithU」は無料の「忍者カウンター(NINJA TOOLS)」を利用しています。

■CGIレンタル

◎素材サイト

メイプルストーリー関係の素材はリンク集を参考にしてください。

◎HTML

HTMLはWebサイトを作るための基本的な言語です。
正しいHTMLの知識を持つようにしましょう。

▲このページの先頭へ戻る

●サイトを改良しよう(中級編)

◎CSS

CSSとはスタイルシート機能を実現するための言語のひとつです。

◎SSI

SSIは利用できるサーバーと利用できないサーバーがあるので確認しましょう。

◎アクセシビリティ

◎ユーザビリティ

◎SEO(サーチエンジン最適化)

◎アクセス向上

◎ツール

▲このページの先頭へ戻る

●vビバルディv@管理人のWebサイト作成秘話

1. 初めての管理人

vビバルディv@管理人が初めてWebサイト管理人となったのは2003年の秋、大学生のころです。
まだパソコンの知識もほとんどない初心者でしたが、所属していた委員会のWebサイト管理人の先輩から、1冊の参考書「はじめてのホームページ―HTML入門(森 健二: 著)(出版社: 秀和システム)」とともに管理人を引き継ぎました。
既存のサイトを更新するだけなので、しかもそのWebサイト自体も初心者が作った簡単なものでしたので、本を見ながら見よう見まねで編集をしていました。

また、まだそのときは「メモ帳」でタグ打ちをしての編集でした。タグを理解できるように、ソースを紙に印刷して蛍光ペンで線を引いて勉強していました。このときの経験がHTMLを理解するのにとても役立ったと思います。

2. ホームページ・ビルダーを見つける

その後、Webサイト作成ソフト「ホームページ・ビルダー」と出会います。実は委員会のパソコンに入っていたのです(笑)「メモ帳」の編集に比べると格段に便利でした。そのときに購入した参考書が「ホームページ・ビルダーVersion8ハンドブック(ユニゾン(著),日本アイビーエム,日本IBM=)(出版社: ディーアート)」です。この本のおかげで、Webサイト編集が容易になりました。デザインを変更したり、新しいページを作ったり、インターネットで調べ物をしたり、パソコン関係の資格を取得したり。HTML、インターネット、パソコンへの理解が深まったのもこの時期だと思います。

その時期に参考にしたサイトがこちら。

vビバルディv@管理人の、サイト作成に関する基礎的な知識の大部分はこの4つのサイトと後でも紹介する参考書から得たものです。

3. ブログを始める

そして管理人を始めてから1年後の2004年秋、今度は知り合いから教えてもらった「ブログ」を始めました。1人で始めるのも面白味に欠けるので2人に声をかけました。
このときから、直接会わなくてもみんなの様子が分かるブログによるネットワークポータルを作りたいと考えていました。今ではサイト「AlwaysWithU」やmixi(ミクシィ)や現ブログがその役割を担っています。

4. ギルドサイト「AlwaysWithU」公開

ブログを始めてから1年後の2005年秋、このサイト「AlwaysWithU」が完成します。
2005年12月6日にギルドが結成され、ギルドサイトを作ろうという話になり、急ピッチで作業を始め、4日後の2005年12月10日にサイトの公開となりました。vビバルディv@管理人が今まで得た知識が集約された、新しいサイトの誕生です。

5. CSSを覚える

ギルドサイトを作ることになった2005年12月6日、参考書「詳解 HTML & XHTML & CSS辞典(大藤 幹: 著)(出版社: 秀和システム)」を購入。約1ヶ月後の2006年1月10日、ギルドサイト「AlwaysWithU」用のCSSのスタイルシートが完成、公開。そのさらに1ヵ月後の2006年2月22日、大学委員会サイト用のCSSのスタイルシートが完成、公開。

CSSは難しかったですね。参考書やネットで検索して、基本を理解するのに1ヶ月間かかりました。、暇があればこの本を読んでました。覚えてみると、なかなか便利なものですよ。

6. Yahoo!カテゴリに登録

2007年3月27日「Yahoo!カテゴリ」にサイトが掲載される。
この「Yahoo!カテゴリ」の審査を通過するサイトを作るのが1つの目標でしたから、登録されたときは嬉しかったですね。

7. アクセシビリティ、ユーザビリティ

2007年夏、アクセシビリティやユーザビリティに注目し始めました。サイトのページタイトルを英語表記から日本語表記に変えたのもこの時期です。サイトを訪れた人が理解しやすいデザインにする。相手にこちらの伝えたいことがちゃんと伝わらないと意味ないですからね。

8. アフィリエイト

最近は、アフィリエイトに興味が出てきました。これも少し調べてみると難しいものです。ですがアクセシビリティやユーザビリティに似たところがあるので、ぜひ覚えてみたいですね。

9. まとめ

vビバルディv@管理人のWebサイト作成秘話。いかがでしたか。webサイト作成については独学でした。まだまだ基本的なことが抜けていたりするでしょうし、改良の余地はあります。しかし、これこそがモノ作りの楽しいところです。現時点で最高のものを作ったと思っても、また次に改良したいところがでてくるのです。ある意味ゴールはありませんが、これを続けていくことによって、気付いたときにとてもクオリティの高い作品に仕上がっているのです。

私はWebサイト管理人になれてよかったです。

そして、この記事を見てWebサイト作成に興味を持った人が少しでも現れると嬉しいです。

あ、余談ですが、こうして過去を振り返ってみると、2003年秋に初めての管理人になり、2004年秋にブログを始め、2005年秋にギルドサイト「AlwaysWithU」を公開、CSSを覚えるなど、秋(10〜12月)に何かしら転機が訪れてますね。そして2007年秋にも……。偶然でしょうか?(笑)

以上、vビバルディv@管理人のWebサイト作成秘話でした。
最後まで読んでいただきありがとうございます。

2008年1月
vビバルディv@管理人

◎オススメサイト(初級編)

◎オススメ参考書(これらの最新バージョンをオススメします)

▲このページの先頭へ戻る

トップページ > サイト作成

| ギルド紹介 | ギルドメンバー | ギルド活動記録 | ブログ | BBS(掲示板) | 画像集 |
| ギルドの歴史 | ギルド資金 | 新規ギルドメンバー募集案内 | ギルド作成 | リンク集 | サイト作成 |
| 脱退メンバー | 出席簿 | BBS(掲示板)について | リンクについて | リンク集(軽量版) | デッドリンク集 |
| はじめに | 更新履歴 | サイトマップ | 管理者 | お問い合わせ |
▲ トップページ


最終更新日 : 2008年01月07日
公開日 : 2008年01月07日
管理者 : vビバルディv
URI : http://alwayswithu.web.fc2.com/site_making.htm

以下のキーワードは、表記のゆれを含むこのページの関連キーワードです。
ページ関連キーワード:サイト,ホームページ,作成,作り方,メイプルストーリー,ギルド,あんず,メイプル,

inserted by FC2 system