イラスト創作支援館

イラストサイトを作ろう

1.HTMLの勉強をする。

HTMLはホームページを作るために必要な言語です。有料ソフトを使っていても、やはり知っておいていた方がいいです。
HTMLは難しくはありませんし、HTML講座を扱う優良なホームページはたくさんあります。

1時間で作るホームページ  ホームページ作成入門1時間でつくるホームページ

手っ取り早くホームページを作りたい方に。初心者向き。

超初心者のためのホームページ作成講座

その名の通り初心者のためなので、わかりやすく説明してあります。

ヨッシーの”ホームページを作ろう!”

基礎の基礎からホームページ作りを教えてくれる。

ホームページ作成無料リンク集

「ホームページ作成全般」からhtml講座のリンク集があります。

余裕があれば、CSSも勉強してみる。

CSSは、HTMLにできない部分を、することができる言語です。ホームページのデザインを重視したい時に使うといいでしょう。また、CSSもそれほど難しくはありません。上記のサイトにも講座があるので、見てみるといいと思います。

テンプレートを使用してみる。

テンプレートは既にサイトのデザインが決まっていて、あとは文字を入れていくだけでサイトができちゃいます。デザインにこだわらなければ、いいと思います。ただし、HTMLの基本は知っておいたほうが良いです。
10プレート 〜Webデザインテンプレートリンク集〜テンプレートのリンク集です。

2.ホームページスペースを借りる。

なんやかんやで出来たとします。(飛ばした)

出来たら、ネットに公開するための場所を借りましょう。これも無料です。
(使っているプロバイダにホームページスペースがあるかもしれないので、プロバイダのホームページで確認してみてください。)

ホームページ
スペース名
広告 容量 商用 CGI コメント
FC2WEB
(おすすめ)
下に1行 1GB × スペース以外に掲示板、アクセス解析、カウンターなどのサービスがある。
NINJA TOOLS
(おすすめ)
サンプル 100MB × 目立たない広告。希望に応じ、用途等によって容量を増加できる。
インフォシーク isweb  上下に画像 50MB Perl
のみ
楽天のサービス。
ぶっとびねっと 上下に2、3行 無制限 自由度が高い。

CGIがあると、やれることが増えてくるでしょう。ネットショッピングが出来たり、掲示板、チャットが自分のホームページスペースで設置できます。
さて、無料で借りる場合、広告がついてきます。気になる方または機能制限が嫌な人は、有料で借りるといいかと思います。

ホームページ
スペース名
容量 月額料金 初期費用 コメント

さくらインターネット
 
300MB 125円〜 1000円 2週間の無料お試し。缶ジュースほどの値段で出来る。通信速度、安定性は抜群!
*一番安いコースだとCGIやPHPが使えません。

ロリポップ!
200MB 263円〜 1575円3150円 ナウでヤングなホームページスペースらしい。10日間の無料お試し。学生は割引。

すべて一番安いコースです。容量や機能がほしい方は、もっと大きい容量と高機能の値段の高いコースがあります。

容量について

私のイラストサイトでは、jpg、gif画像が129、html、cssなど他のファイルは63個あります。大きいの小さいのはありますが、これだけで、約7MBです。
(ギャラリーの枚数は46枚です)

もて余しています・・・。何十MBはよっぽど枚数の多い方や、商用の方(商品画像をのせていたり)に向いているでしょう。

イラスト1枚のファイルサイズはイラストのサイズにもよりますが、60〜120キロバイト未満が理想。
ファイルサイズを見るには、ファイルを右クリック→「プロパティ(R)」にサイズが書いてあります。

3.ホームページスペースにファイルを送る

借りる場所が決まったら、FFFTPソフトを使って借りたホームページスペースにファイルを送りましょう。ヨッシーの”ホームページを作ろう!”のサイトで詳しく載っているので、参考にして下さい。ホームページを作ろう!2にあります。

サーバにアップしたら、とりあえずホームページ公開完了!ヤッタネ!

4.最後に気をつけること

トップページは重すぎないか。

理想は100キロバイト以内です。 ファイルサイズチェックのサイトで確認してみましょう。
サイトのアドレスを入れてチェック。
合計 54570bytesだったら、約54キロバイトです。 予想表示時間は遅めのネット速度で計算してあります。ネット環境が遅い人もいるので、その人たちのためにも軽くするのが親切です。

文字は小さすぎないか

自分のパソコンからはちょうどいい大きさでも、ディスプレイのサイズで大きさが異なることがあります。他のパソコンで見ることをおすすめします。見れないなら、文字サイズはいじらずにしましょう。

メニューの場所が分かりづらくないか

あなたのホームページを見ようと思っても、どこにメニューがあるのかが、分からなかったりすると、訪問者は帰ってしまいます。なるべく分かりやすいところにおきましょう。

次のイラストサイト作成後へ進む

NEXT