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

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

スタイルシートを作成する

  1. 「ファイル一覧」画面を表示します。フォルダの中にスタイルシートを作成したい場合は、目的のフォルダを選択し「ファイル一覧」画面をそのフォルダの内容に切り替えます。(操作方法は「管理者ページにアクセスする」を参照)
  2. 「ファイル新規作成」ボタンを実行します。
  3. 「空のファイルを作成」ラジオボタンを選択します。
  4. 「ファイル名」テキストボックスにスタイルシートのファイル名を入力します。(拡張子(.css)を入力する必要ありません)
  5. 「ファイルの種類」ラジオボタンから「スタイルシート」を選択します。
  6. 「作成確認画面へ」ボタンを実行します。
  7. 「ファイル新規作成:確認」画面が表示されたら内容を確認し「作成を完了する」ボタンを実行します。
  8. 正常に完了した場合は「ファイル新規作成:完了」画面が表示されます。
  9. 「ファイル一覧へ戻る」リンクを選択し「ファイル一覧」画面へ戻ります。新しく作成したスタイルシートが一覧に追加されています。

スタイルシートにスタイルを登録する

  1. 「ファイル一覧」画面を表示します。スタイルを登録したいスタイルシートがフォルダの中にある場合は、目的のフォルダを選択し「ファイル一覧」画面をそのフォルダの内容に切り替えます。(操作方法は「管理者ページにアクセスする」を参照)
  2. スタイルを登録したいスタイルシートの「編集」ボタンを実行します。
  3. 「スタイルシート作成:スタイル一覧」画面が表示されます。 「スタイルシート作成:スタイル一覧」画面にはスタイルシートの中身となるスタイルが一覧表示されています。スタイルの追加や編集、削除等を行います。
  4. 「スタイル追加」ボタンを実行します。
  5. 「スタイルシート作成:スタイル追加」画面が表示されます。 「セレクタ」テキストボックスにスタイルを適用する項目を判別する為のセレクタを入力します。(セレクタの指定方法はCSSの知識が必要です)
  6. 各種スタイル情報を入力します。(設定方法は「スタイルの設定例」を参照)
  7. 「追加確認画面へ」ボタンを実行します。
  8. 「スタイルシート作成:スタイル追加:確認」画面が表示されたら内容を確認し「追加を完了する」ボタンを実行します。
  9. 正常に完了した場合は「スタイルシート作成:スタイル追加:完了」画面が表示されます。
  10. 「スタイルシート作成:スタイル一覧へ戻る」リンクを選択し「スタイルシート作成:スタイル一覧」画面へ戻ります。新しく追加したスタイルが一覧に追加されています。
  11. スタイルを変更したい場合は一覧に追加されたスタイルの「編集」ボタンを実行します。以降、スタイル追加と同じ手順となります。
  12. スタイルを削除したい場合は一覧に追加されたスタイルの「削除」ボタンを実行します。 「スタイルシート作成:スタイル削除:確認」画面が表示されたら内容を確認し「削除を完了する」ボタンを実行します。 正常に完了した場合は「スタイルシート作成:スタイル削除:完了」画面が表示されます。

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