1-1:準備
基本用語
ドメインの取得
スペースの確保
デザインを考える
SEOを考える
2-1:HTMLの記述
htmlファイルの作り方
HTMLの基本骨格
HTMLの種類、META、言語
タイトルと著作権情報
文の構成を考える
画像の表示
リンクの設定
2-2:CSSの記述
CSSのHTMLへの組み込み
クラスの概念
文字の色とフォント
幅と高さの設定
文章の設定
文字の間隔・線
背景色・背景画像
2-3:CGI/アップロード
掲示板(BBS)の設置
カウンターの設置
サーバーへのアップロード
アクセス解析の導入
3:divでのレイアウト
divタグの使い方(前編)
リストの設定
divタグの使い方(後編)
インライン要素とブロック要素
floatの使い方
スクロールボックスの作成
アンカー(a)のスタイルの変更
4:tableでのレイアウト
Tableの構造を知る
Tableスタイルの変更
Tableでサイトを作る(前編)
Tableでサイトを作る(後編)
5:positionでのレイアウト
positionの構造を知る
HTMLファイル(原本)作成
positionで位置を決める
6:その他のテクニック
強調タグを使う
サムネイルの作成
三次元化する
スクロールバーの色を変える
7:Javascriptを使用する
プルダウンメニュー
(フォーム使用)の作成
プルダウンメニュー
(CSS使用)の作成
>>ホームページの作り方TOP >>スペースの確保
HPを公開するにはなんといってもホームページを置くためのスペースが必要です。安いサーバーは広告があったり、使えないCGIがあったり容量がすくなかったりと いろいろと制限がついてきます。
本格的なホームページ作りをしたい場合は、必ず有料サーバーをレンタルした方がよいかと思います。下記に安くてかつ機能面で充実しているサーバーを紹介しますので 、参考にしてください(ちなみに私はロリポップを利用しています。)
サーバー名 | 費用 | 容量 | 広告 | CGI | MySQL | SEO |
プロバイダ(biglobe) | 無料 | 100MB | なし | perlのみ | × | × |
infoseek | 無料 | 50MB | あり | perlのみ | × | △ |
さくらサーバ ライト |
初期:1000円 月額:125円 年間:1500円 |
300MB | なし | ○ | × | ○ |
ハッスルサーバー | 初期:1000円 月額:333円 年間:2496円 |
500MB | なし | ○ | ○ | ○ |
ステップサーバー スタンダード |
初期:600円 月額:250円 年間:3000円 |
500MB | なし | ○ | ○ | ○ |
パルフェネット | 初期:2100円 月額:315円 年間:3150円 |
300MB | なし | ○ | ○ | ○ |
ロリポップ | 初期:1575円 月額:315円 年間:3150円 |
200MB | なし | ○ | ○ | ○ |
アミューサーバー エコノミー |
初期:0円 月額:263円 年間:3156円 |
30MB | なし | ○ | ○ | ○ |
ステップサーバー プラス |
初期:600円 月額:480円 年間:4800円 |
1GB | なし | ○ | ○ | ○ |
さくらサーバ スタンダード |
初期:1000円 月額:500円 年間:5000円 |
1GB | なし | ○ | ○ | ○ |
使えるネットライト | 初期:500円 月額:500円 年間:6000円 |
1GB | なし | ○ | ○ | ○ |
XseverX10 | 初期:3150円 月額:1050円 年間:14175円 |
1.5GB | なし | ○ | ○ | ○ |
サーバーのレンタルが終わると、ロリポップを例にすれば、サーバー管理会社から
【 アカウントID 】
【 独自ドメイン 】
【 サブドメイン 】
【 メールアドレス 】
【 FTPホスト 】
【 FTPユーザー 】
【 FTPパスワード 】
【 POP(受信)サーバー 】
【IMAP(受信)サーバー】
【SMTP(送信)サーバー】
【 メールユーザー 】
【 メールパスワード 】
【 Perlパス 】
【Sendmailパス】
【 Rubyパス 】
【ユーザー専用ページ】 https://user.lolipop.jp/
【 独自ドメイン 】 wakabagari.com
【 パスワード 】
のような文字が書かれたメールが送られてきます。このIDやPassを使ってユーザーページへとログインし、独自ドメインの設定やサブドメインの設定 をすることになります。
CGIの設定法についてもロリポップのHPに載っているので、そちらを参照しながら設定すれば問題ありません。
ドメインサイトでの、 ロリポップを使用する場合の、 DNS(ネームサーバー)の設定はムームードメインでドメインを取得している場合は楽ですが、別の会社のサーバースペースを使用する場合 は、そのサーバーのDNSサーバーのアドレスを設定しておく必要があります。(設定反映まで1日〜3日)
カウンターやアクセス解析などもサーバーを使用していれば無料で使えるので探す必要もありません。
注意したいのは、サーバーを借りるだけでは、1〜2個程度のサブドメインを使用できるようになるだけで、独自ドメインは使用できないということです。 独自ドメインを使用する場合は、レンタルサーバーの料金とは別に有料にて独自ドメインを取得しておく必要があります。