仕切り線 ようこそ、A班HP勉強会のページへ!

練習問題

  • トップ
  • 事前準備
  • フォルダー構造作成
  • ビルダーの起動
  • ビルダーの初期設定
  • 編集画面の設定
  • Web ページ
  • バージョン選択
  • ページ作成
  • ファイル保存
  • ブラウザ確認
  • HTML の基礎
  • 文字の入力
  • 見出しタグ
  • 練習1 index.html
  • 段落タグ
  • 水平線の挿入
  • 練習2 dog.html
  • 強調表示
  • イメージの配置
  • リストの挿入
  • リストの入れ子
  • 住所・著作情報
  • 区画
  • リンクの挿入
  • ページ内リンク
  • トップページ
  • CSS の基礎
  • スタイルの指定
  • 文字フォント指定
  • 文字色の指定
  • 文字位置指定
  • 背景画像
  • 画像を回り込む
  • ボーダー指定
  • 間隔・余白指定
  • 中央揃え
  • リンクの修飾
  • 対象限定スタイル
  • トップページ装飾
  • 外部 CSS
  • レイアウト
  • 1カラム
  • 2カラム
  • 参考資料
  • 参加者作品
  • 問い合わせ

~ブラウザでの確認~

ここではビルダーを使って Web ページを作成する方法を説明します。

ブラウザーでの確認とは

同じホームページを見ても、ブラウザーによって見え方が異なる場合があります。あるブラウザーでは見えているものが、別のブラウザーではまったく見えないこともあります。これらの見え方の違いはホームページ・ビルダーによるものではなく、ホームページのしくみ上、見る人の環境に左右されてしまうためです。

ブラウザーによっては、[ページ編集] 画面や [プレビュー] 画面で表示したものとも違うことがあります。いろいろなブラウザーで確認することが必要です。

作成したページをブラウザーで確認する方法

作成したWeb ページを公開する前に、ブラウザーで確認する方法です。

➊ ホームページ・ビルダーのもと、ブラウザーで確認したいページを開きます。

➋ メニューバーから [ツール → ブラウザー] を選択し、表示するブラウザーを選択します。

  • 確認するブラウザーを選択する

ヒント表示されるブラウザーは、パソコンにインストールされているブラウザが表示されます。

➌ 表示を確認します。

➍ ブラウザを切り替えて表示を確認します。

ヒントセキュリティ確認のメッセージ
JavaScript や Flash コンテンツを含むページを Internet Explorer で確認する時に、セキュリティ保護のメッセージが表示されます。
これを回避して確認を続けるには、「ブロックされているコンテンツを許可」 を選択します。
なお、このメッセージはパソコン上のファイルで作業している場合にのみ表示されます。サイトをサーバーへ転送してインターネット上で閲覧した場合は表示されません。

ヒントエクスプローラから、ブラウザを指定して開く方法:
ホームページ・ビルダーを使用しないで、エクスプローラーからファイルを見つけ、開く方法です。

  • 表示するブラウザを選択する
  • ① html ファイルを右クリックする。
  • ② [プログラムから開く] をクリックする。
  • ③ 表示するブラウザを一覧から選ぶ。

練習4: 作成し保存しているページをブラウザーで表示してみる

これまでに作成し、保存されているWebページを開いて、各ブラウザーで表示してみましょう。

⇒ HTMLの基礎 - 文字の入力へ進む


| |