ホムつく式 ホームページ作成講座

人気ホームページが作れる簡単作成講座
ホームページの完成とアップロード

6−6 ホームページの完成とアップロード

ここまで来たあなたは、すでに簡単なホームページなら自由に作れる力が付いています。まずは、あなたの好きなようにWebページを作ってホームページを完成させてください。

完成したら、次はホームページをインターネットに公開しましょう。

ホームページをインターネットに公開するために必要なもの

ホームページをインターネットに後悔するには、ホームページのデータだけでなく、サーバーとドメインが必要です。

ホームページは家、サーバーは土地、ドメインは住所と考えると分かりやすいと思います。

サーバー

サーバーはサーバー会社から借りられるレンタルサーバーを利用する方法が最も簡単で一般的です。レンタルサーバーは会社によって、機能、サービス、価格などが違うため、目的やレベルに合わせて選ぶ必要があります。

■とりあえずホームページを作ってみたい方向けのレンタルサーバー

ロリポップが激安で、月々300円ほどで借りることができます。とりあえずホームページを持ちたいという方には最適です。ただし低価格なレンタルサーバーは安定性があまり良くなく、アクセスが集中するとホームページが表示されないといったトラブルが起きやすいので、いづれはサーバーを変更する必要が出てきます。

■いくつかのホームページを作ってみたい方向けのレンタルサーバー

練習のためや、複数のホームページを作りたいという方はエックスサーバーがおすすめです。1契約で複数のホームページを運営できます。しかも低価格であるにもかかわらず、安定性もなかなか良く、高機能です。

ドメイン

○○.com、○○.jpというものを見たことがあると思います。これがドメインです。
ホムつく講座のドメインは「homutuku.com」で、アクセスするためのURLが「http://homutuku.com」となります。

取得方法は、多くの場合レンタルサーバーを借りるときの同時に取得でき、誰でも簡単な手続きで取得可能です。

FTPソフトでアップロード

ホームページとレンタルサーバーとドメインの用意ができたら、次はホームページのデータを「FTPソフト」をつかってレンタルサーバーへ移します(アップロード)。

FTPソフトの設定は、使用するレンタルサーバーによって若干違うこともあるので、あなたの使用しているレンタルサーバーのQ&Aなどを参考にするとよいです。

少し難しく感じることもありますが、もう一頑張りなので頑張ってみてくださいね。

無料のFTPソフト>>

完成!!

ホームページのアップロードができたら、あなたのURLをブラウザに打ち込み、アクセスしてみましょう。レンタルサーバーを借りてすぐの場合、ドメインがレンタルサーバーに完全に設定できていないことがあり、表示されないことがあるので、表示されないからといって慌てないでくださいね。

ホームページにアクセスしてみよう

お疲れ様でした。
ホムつく初心者講座はこれで終わりになります。

初心者講座では基本的なことだけに的を絞って説明しましたが、ホームページは基本的なことだけでかなり自由にホームページを作れるようになるので、かなりの実力が付いているはずですよ。

あなたからのホームページ作成報告お待ちしていますよ♪

このページをブックマークする→ Yahoo!ブックマークに登録 Yahoo!ブックマークに登録

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

はじめに

Step1 ホームページの土台を作る
  1. ホームページデータの保存先フォルダを作る
  2. HTMLファイルの作成
  3. HTMLとXHTMLのどちらで作成するか決める
  4. CSS(スタイルシート)の外部ファイルの作成
Step2 CSSレイアウトの構築
  1. CSSレイアウトは<div>で作る
  2. XHTML/HTMLタグへ個別にCSS(スタイルシート)を指定する
  3. 上下に並んだ<div>..</div>を左右に配置させる
  4. Webページの横幅を指定する
  5. 「float」によるCSSレイアウトの崩れを防ぐ
Step3 レイアウトをデザインする
  1. 枠線でレイアウトを区切る
  2. 「border」によるCSSレイアウトの崩れを防ぐ
  3. レイアウトの背景を指定する
Step4 XHTML(HTML)をもっと理解しよう
  1. 超重要!Webページの内容を示すタイトル
  2. 基本は「見出し」と「本文」でコンテンツを作成する
  3. 箇条書きで見やすく整理する
  4. 万能タグ<div>は「class属性」で使いこなそう
Step5 CSS(スタイルシート)でデザインする
  1. 文字のサイズ(フォントサイズ)を指定する
  2. 文字の色を指定する
  3. 文字に背景色を指定する
  4. 何もない空間がデザイン性と可読性をアップさせる
  5. 「padding」と「margin」をコントロールして、文章レイアウトを整える
  6. 上下左右の余白を個別に指定する
  7. 左寄せ、中央、右寄せを指定する
  8. 「auto」でWebページを中央表示させる
Step6 ページ作成からFTPアップロード
  1. Webページの新規作成
  2. ホームページレイアウトの基本構成
  3. 画像を掲載する
  4. 文字を装飾してみよう
  5. リンクでWebページをつなぐ
  6. ホームページの完成とアップロード
このページのトップへ戻る
ホムつく講座の講師は
こんなヤツ!

ホムつく講座の講師はこんなヤツ!ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。

→メッセージ

ホームページ作成に
必要なものは?

ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。

→スタートガイド

ホームページを初めて作るのですが・・

ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。

→初心者講座

もっとデザインを
良くしたい

ホムつく講座では見た目だけが良いデザインではなく、ユーザー(利用者)の方が安心して、ホームページを閲覧できるデザインを学べます。

→Webデザイン

ホームページにアクセスが集まりません

ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。

→人気ホームページ