本文へ移動
バリアフリー情報発信ポータルサイト
e-nakama.jp

ホームページ作成支援サービス 操作説明10

スタイルシートをウェブページに組み込む

  1. 「ウェブページ作成:項目一覧」画面を表示します。(操作方法は「文章を作成する」を参照)
  2. 「基本情報編集」コーナーにある「スタイルシート追加」ボタンを実行します。
  3. 「ウェブページ作成:項目追加」画面が表示されます。 「ウェブページ作成:項目追加」画面は2つのコーナーに分かれています。 1つ目のコーナーは「スタイルシート追加」コーナーです。スタイルシートのパスを設定します。 2つ目のコーナーは「挿入位置」コーナーです。追加するスタイルシートの挿入位置を選択します。
  4. 「ファイルパス」テキストボックスの次にある「参照」ボタンを実行し「ファイル選択」画面を表示します(「ファイル選択」画面は別ウィンドウで表示されます)
  5. 「ファイル選択」画面から組み込みたいスタイルシートのラジオボタンを選択し画面下の方にある「選択」ボタンを実行します。
  6. 「ファイル選択」画面は閉じられ「ウェブページ作成:項目追加」画面に戻り、「ファイルパス」テキストボックスには選択したスタイルシートのパスが入力されています。
  7. 「挿入位置」欄から追加するスタイルシートの挿入位置を選択します。一番下に挿入したい場合は「最下部」を選択します。 複数のスタイルシートで同じスタイル設定があった場合、下にある方が優先されます。
  8. 「追加確認画面へ」ボタンを実行します。
  9. 「ウェブページ作成:項目追加:確認」画面が表示されたら内容を確認し「追加を完了する」ボタンを実行します。
  10. 正常に完了した場合は「ウェブページ作成:項目追加:完了」画面が表示されます。
  11. 「ウェブページ作成:項目一覧へ戻る」リンクを選択し「ウェブページ作成:項目一覧」画面へ戻ります。新しく追加したスタイルシートが「基本情報編集」コーナーの一覧に追加されています。
  12. スタイルシートを別のスタイルシートに変更したい場合は「基本情報編集」コーナーの一覧に追加されたスタイルシートの「編集」ボタンを実行します。以降、スタイルシート追加と同じ手順となります。
  13. スタイルシートを削除(組み込み解除)したい場合は「基本情報編集」コーナーの一覧に追加されたスタイルシートの「削除」ボタンを実行します。 「ウェブページ作成:項目削除:確認」画面が表示されたら内容を確認し「削除を完了する」ボタンを実行します。 正常に完了した場合は「ウェブページ作成:項目削除:完了」画面が表示されます。

ウェブページの項目にスタイルシートのスタイルを適用する

  1. 「ウェブページ作成:項目一覧」画面を表示します。(操作方法は「文章を作成する」を参照)
  2. 「ページ内容編集」コーナーからスタイルを適用したい項目の「編集」ボタンを実行します。
  3. 「ウェブページ作成:項目編集」画面が表示されます。 「セレクタ」欄に適用したいスタイルのidまたはclassを入力します。(セレクタの指定方法はCSSの知識が必要です)
  4. 「編集確認画面へ」ボタンを実行します。
  5. 「ウェブページ作成:項目編集:確認」画面が表示されたら内容を確認し「編集を完了する」ボタンを実行します。
  6. 正常に完了した場合は「ウェブページ作成:項目編集:完了」画面が表示されます。

「ホームページ作成支援サービス 操作説明メニュー」へ戻る
「ホームページを作ろう」へ戻る
このページの先頭へ