IT・WEB・PC事業を行う9BOX IT・WEB・PC事業を行う9BOX

Webサイトの作り方

ホームページの作り方

Webサイトの作り方を理解することができます。

HTMLのコーディングからサーバ設定、ドメイン設定などWebサイトが公開できるまで解説しております。

ホームページとは?

ホームページ

ホームページとは本来Webサイトのトップページのことを言います。サイト全体のことをホームページと認識しがちですが正確な意味合いは「HomePage」→ホームのページです。

では正確にトップページでないページは何というのか?

Webページと呼びます。

  • トップページ→ホームページ
  • 各ページ→Webページ
  • 全てのページ→Webサイト

htmlの知識

HTMLとは?HTMLの書き方とタグの使い方

HTML(エイチティエムエル)とはWebページを作ることができる言語です。テキストファイルの拡張子を「html」に変えるとブラウザが開きローカル環境でも表示することができます。

学べること
  • HTMLとは?
  • HTMLファイルの作り方
  • HTMLファイルの表示方法
  • タグの使い方と説明
  • タイトルの設定
  • キーワードの設定
  • discriptionの設定

cssの知識

CSSとは?CSSの書き方と設定方法

CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)とはWebページに表示される文字の色やサイズを大きくしたりすることができる言語です。

学べること
  • CSSとは?
  • CSSファイルの作り方
  • HTMLとCSSの連携方法
  • セレクタについて
  • プロパティと値

html,cssを編集するエディタBrackets

テキストファイルから編集することも可能ですがBracketsのようなエディタを使うことによりもっと効率よくホームページを作ることができます。

メリット
  • インデントを揃える
  • 2画面分割できる
  • DropBoxや他のPCのファイルでも編集可能
  • ショートカットが豊富
デメリット
  • 少し重い

ヘッダーの作成

ヘッダーとは?書き方とデザインサンプル

ホームページのヘッダーとはページ上部に配置するロゴや画像部分の枠を言います。魅力や強みを一言で伝えることにより記事を読んでくれるか判断される重要な要素です。

学べること
  • ヘッダーとは?
  • ヘッダーの役割
  • ヘッダーの書き方
  • デザインサンプル

フッターの作成

フッターとは?書き方とデザインサンプル

ホームページのフッターとはページ最下部に配置されるロゴや会社情報、サイトマップなどのリンクが配置される箇所を言います。フッターの書き方とデザインのサンプルをご覧ください。

学べること
  • フッターとは?
  • フッターの役割
  • フッターの書き方
  • デザインサンプル

メニューの作成

メニューとは?書き方とデザインサンプル

ホームページのメニューとはナビゲーションメニューやサイドバーなどがあり、関連ページへ遷移させる重要な要素です。

学べること
  • メニューとは?
  • メニューの役割
  • ナビゲーションメニューの書き方
  • サイドバーの書き方
  • デザインサンプル

見出しタグの設定

見出しタグとは?hタグの使い方と書き方

ホームページの見出しタグとはhタグで囲まれた題名を言います。見出しを見て下に続くコンテンツを見てくれるか判断される重要な要素です。

学べること
  • 見出しタグとは?
  • hタグの書き方
  • 理想の個数は?

コンテンツを作る

SEO対策で一番重要なコンテンツの文字数や文章構造の書き方

コンテンツがホームページのメインとなり一番重要な項目と言えます。

それは読みやすさを考えた時、画像を配置したり、リストで分かりやすく表現しないとどんなに良いコンテンツを書いても見に来るユーザに読まれないなど様々な困難がある為です。

内容を考えた時、10人のユーザの期待に応えられる文章が書けるかにも関わってきます。

どのような文章構造で書いていけばよいか?そんな方は下記の記事をご覧ください。

Webに公開するドメインを取得

ドメインとは?独自ドメインの設定と設置方法

ホームページを公開するドメインとはこの世に1つしかないネットワーク住所です。ドメインの取得から設定、設置方法をご覧ください。

学べること
  • ドメインとは?
  • 独自ドメインの取得方法
  • ドメインの設定
  • ドメインの設置方法

レンタルサーバでWebサイトを表示できる環境を整える

Webサーバとは?レンタルサーバの設定

Webサーバとはホームページやクラウドの管理システムをHTTPを用いてクライアントのウェブブラウザに表示させる仕組みです。ホームページをWeb上で公開する為にレンタルサーバの設定と設置方法を記載します。

学べること
  • Webサーバとは?
  • レンタルサーバの設定
  • レンタルサーバの設置方法
  • FTPの接続設定

インターネットに公開できているか確認

ここまでの作業を終えてホームページがインターネットに公開できているか確認してください。

インターネットに表示されない方は下記の項目を確認してください。

  • URLが間違っていないか
  • サーバ側にファイルがアップロードされているか
  • ドメインまたはサーバを設定してから2時間程度は表示されない場合がある
  • ファイル名が「index.html」となっていない

万が一表示されない場合は9BOXまでご連絡いただければ原因を突き止めますのでお気軽にお問合せ下さい。

.htaccessの設定

.htaccessとは?.htaccessの設定と設置方法

.htaccess(エイチティアクセス)とはウェブサーバの設定ファイルとしてURLの正規化、キャッシュの設定、リダイレクトの設定等を検索エンジンに正しく伝えることができます。

学べること
  • .htaccessとは?
  • URLの正規化
  • キャッシュの設定
  • リダイレクトの設定

アナリティクスの設定

Googleアナリティクスの使い方

アナリティクスとは、グーグルが提供しているツールとしてアクセス数などサイトの分析を行うことができます。ユーザがサイトを見た結果どうゆう行動をしたかを確認することができます。

学べること
  • アナリティクスとは?
  • アクセス数の確認
  • 直帰率の確認
  • 平均ページ滞在時間の確認

サーチコンソールの設定

Googleサーチコンソールの使い方

サーチコンソールとは、Googleが提供しているツールとしてサイトの分析を行うことができます。

学べること
  • サーチコンソールとは?
  • コンテンツキーワード
  • 検索アナリティクス
  • Fetch as Google
  • クロールの統計情報
  • PageSpeed Insights
  • サイトマップの送信

お問合せ

お気軽にお問合せ下さい。

  • 電話番号 0285-35-4987
  • メール info@9box.jp