ホームページの企画講座

そのほか

h1,h2,h3,h4,h5,h6タグについて

hタグの「h」は見出しの意味です。 英語で新聞などの記事の見出しをheadingとかheadlineと言いますのでその"h"なわけです。 htmlのタグの場合大見出しから小見出しまでを1~6のレベルに分けて設定できることになっていてそれぞれ...
そのほか

metaタグについて

メタタグ(meta tag)とはGoogleYahoo!などに代表されるロボット型検索エンジンでスパイダー(クローラー)と呼ばれるプログラムにホームページの情報を拾わせるための記述方法です。 もともとメタ情報というのはデータそのものではなく...
そのほか

titleタグについて

タイトルタグ(title tag)とはドキュメントのタイトルを定義するタグです。 タイトルは一般的にブラウザのウィンドウのタイトルバーに表示されます。また「お気に入り」や「ブックマーク」に登録されるとこのタイトルがデフォルトの名前として使わ...
そのほか

ファイルの編集

「ファイルの作成」で作成保存したファイルに実際のホームページのコンテンツを入力していくのに先立ってファイルの編集準備について説明します。 作成済みのファイルを開く 作成済みのファイルをWindows付属のメモ帳で開く手順は以下の通りです。 ...
そのほか

ファイルの作成

さてコンテンツの設計が終わったら実際にホームページの基礎となるhtmlファイルを作ってみましょう。 使用するソフトは「メモ帳」です(Windowsに最初からついてきます)。 サイトドラフトを最初からhtml文書ファイルで作成しておくと後の「...
そのほか

ページ構成とファイル名

まずページ構成とファイル名を決めましょう。ホームページのトップページからその他の個別ページまでどのような構成にするのが良いか書きだしてみます。 「西智子のホームページのアクセスアップ講座」では以下のようにしました。 ページ構成ファイル名をし...
そのほか

サイトドラフトを制作する

コンテンツのテーマレイアウト流し込むテンプレートサイト名が決まったらホームページの企画にとりかかります。 では自分のパソコンでサイトドラフトを作り始めて行きましょう。 ここでいう「サイトドラフト」というのは「デザイン」のことではなくコンテン...
そのほか

ドメインの取得

ドメインは先願主義。つまり早いもの勝ちです。既に別の人が取得してしまっている場合そのドメインを使う事が出来ません。 「西智子のホームページのアクセスアップ講座」では下記の候補を検討しその中でtomokos.net(tomoko's.net)...
そのほか

サイト名を決める

サイト名(≒ドメイン名)はホームページを制作する際の非常に大きな要素のひとつです。 サイト名(≒ドメイン名)は何より「わかりやすさ」が大切でホームページのテーマにそっていなければなりません。 検索するときはサイト名を検索窓に入力して探します...
そのほか

レスポンシブWebデザインとテンプレート

レスポンシブWebデザインは表示幅によって1カラム(スマートフォン用デザイン)2カラム(タブレット用デザイン)3カラム(パソコン用デザイン)と変化する方法です。 ひとつのソースで表示幅によって変化するデザインなのでデザインが可変となりデザイ...