直線上に配置
メニューを開く

資料小分類

  • 最新テクニック活用
  • はじめに
  • サイトを作成
  • レイアウトを変更
  • 共通部分の同期
  • ユーザー共通部分
  • 白紙ページの追加
  • 背景画像の編集1
  • 背景画像の編集2
  • 背景画像の編集3
  • トップをFlashで
  • メインメニュー変更
  • メニュー等順序の変更
  • 画像の編集
  • 地図の挿入
  • リストの編集
  • 部品のコピー1
  • 部品のコピー2
  • サンプル部品の挿入
  • サンプル部品の編集
  • フォームの設定
  • サブメニュー作成2
  • スマホページへ変換
  • Reserved

資料大分類

  • 資料トップへ戻る
  • 基礎編
  • HPを作成してみる
  • 白紙からページ作成
  • トップページを作成
  • サブページを作成
  • サイト管理
  • HTML/CSSを知る
  • Web ページ
  • HTML 練習
  • CSS 練習
  • レイアウト作成
  • レイアウト編集
  • 最新テクニック活用
  • フォトモーション
  • フルCSSテンプ基本
  • フルCSSテンプ応用
  • jQueryの基本
  • Jimdo で作成

リンク

  • サイト内検索
  • 問い合わせ
  • 参加者作品
  • HP勉強会トップ
  • A班ホームページ

共通部分を変更して同期する

サイトの共通部分を変更し、共通部分の同期を使用して変更内容を全ページに即反映します。

  • ヘッダを変える
  • 練習-フッタを変える

ヒント 共通部分
複数のページで、同じ場所に同じ内容で共通して配置されている、ヘッダ・フッタやナビゲーション、バナーなどを共通部分としてスタイルシートで管理しています。

ヘッダを変える

➊トップページを開きます。

➋ヘッダのサイト説明分を書き換えます。

  • トップページのヘッダーを書き換える
    • ヘッダーを書き換える
    • ➊「新しい視点で○○○を活動する」となっている説明文を「新しい視点でホームページ作成を楽しく勉強する」と変更する。

➌共通部分の編集が完了したら[上書き保存]ボタンをクリックして保存します。

  • 上書き保存
    • 上書き保存

❹編集した共通部分をクリックしてカーソルを置きます。ここではヘッダに置いています。

❺かんたんナビバーの[共通部分の同期]をクリックします。

  • 共通部分の同期
    • 共通部分の同期を始める

❻[共通部分の同期]ダイアログで、適用するファイル一覧すべてがオンであることを確認します。

  • 共通部分同期のファイル確認
    • 共通部分同期のファイル

❼[完了]ボタンをクリックします。

❽メッセージが表示されるので確認して[はい]をクリックすると、同期が実行されます。

  • 共通部分の同期の確認
    • 同期の確認

❾一度ページを閉じてビジュアルサイトビューを表示します。

❿他のページをダブルクリックして開き、ヘッダが変更されていることを確認します。

ヒント 共通部分の同期
[共通部分の同期]で更新対象となるのは、カーソルが置かれている要素に対してです。フッタを更新する場合は、そこにカーソルを置いてから同期を実行すること。

トップへ

練習-フッタを変える

トップページを開き、フッタ要素に対しても[共通部分の同期]を実行し、更新する

  • フッタ
    • フッター文字の書き換え
トップへ

次に レイアウトコンテナをユーザー共通部分として登録する を見てみましょう。

直線上に配置

| |