ホームページ・ビルダーでWEBサイトを作ろう

ホームページを作る前に2

1.ホームページ作成で大事なこと

  • 著作権侵害をしない
  • 肖像権 を侵害しない
  • 誹謗・中傷しない。他人のプライバシーに配慮する
  • 個人情報の取扱いに注意する

 

2.わかりやすい・見やすいホームページ

1.メニューを使いやすく

何回も「戻る」をクリックしないとトップページに戻れないホームページがあります。多くても2回で元に戻れるようにしましょう。各ページには、トップページに戻るリンクを貼りましょう。

2.背景色と文字の色の配色に気をつける

背景に色をつける場合は、配色に気をつけないと読みにくかったり、まったく読めなかったりします。

3.画像はできるだけ軽くする

デジカメで撮った写真をそのままホームページに載せると、回線によってはページを見るのに時間がかかり、せっかく訪問してくれた方が見るのを止めたり、他のページに飛んでいってしまいアップしたのを見て貰うことが少なくなります。
また、そのままだとファイルの容量が多く、サーバーの容量を圧迫します。web用に軽く軽くしましょう。

 

3.設計図を書こう

■どんなホームページにするか白紙を用意してご自分のイメージを絵に描いてみましょう。

1. テーマを決める〜「 ホームページのタイトルを決める」

テーマに沿った内容 (テーマからキーワードを考える)
キーワードから「メニュー(目次・コンテンツ)のタイトルを決める」

2.コンテンツ(ホームページの中味)

ご自分の作品紹介、ペット紹介、旅行記、趣味のグッズ紹介、得意な分野など等々。

3.構成を考えるー情報の整理(大・中・小の3段階) どのように組み立てていくか考える。

一番はじめのページの「トップページ」からピラミッドのような構成になります。

トップページ(index.html)は、ホームページの入り口のページ。index.html、またはindex.htmにします。

「写真ギャラリー」の(photo.html)

「ペット紹介」の(cat.html)

「リンクのページ」(link.html)

「自己紹介」の(me.html)

画像を保存するフォルダは、【images】

 

 

 

ホームページで扱うファイル・フォルダは、半角英数字にします。

画像ファイルが日本語のままでアップされている場合が多いので注意です。
サーバーによっては、×のマークで画像が表示されません。
必ず画像も半角英数字でファイル名をつけてくださいね。

4.ホームページのカラー背景色、文字の色、アクセントカラー

まとまったグループのページの背景は同じにするとサイトの統一感がでます。

■次にトップページを白紙に下書きしてみます。

とか

例えば、自分の趣味紹介のサイトを作るとして、 タイトルロゴ「長崎の空」の位置、大きさ、画像と文字の配置、バランス等を考えます。

また、トップページに、各コンテンツへのリンクを貼るために「写真ギャラリー」 「ペット紹介」 「リンク」 「プロフィール」などのコンテンツの項目文字を配置してみます。
アイコンを付けるか付けないかの選択も

タイトルやコンテンツの項目の並べ方や、背景色あり、なし、など書いてみましょう。

時間があれば、 中心になるカラー、配色、文字のサイズ、ヘッダー、フッター も考えてみます。

この時間が一番楽しいかも(笑)

 

▲↑へ

気分はゴムとびパソコンde遊ぼう(ホームページビルダーでWEBサイトを作ろう)