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

資料小分類

  • 最新テクニック活用
  • 動きのある写真演出
  • サイト/ページの準備
  • ロゴの編集
  • ボタンの編集
  • ページの整備
  • フォトモーション
  • カルーセル
  • ズーム
  • ギャラリー
  • スライドショー

資料大分類

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

リンク

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

動きのある写真演出のページの準備(続き)

フォトモーション用ページ photo.html スタイルと同じサブページを作成する。

ページの整備

ページタイトルと見出し

➊ページタイトルと見出しを変更します。

  • それぞれのページのページタイトルと見出しを変更します。ページタイトルの変更が未だの場合は、ここで変更します。済みの場合は、見出しだけの変更となります。
  • それぞれのページのページタイトルと見出しは、次のようになります。すなわちページタイトルと見出しは同じものにします。
    • top.html     「フォトモーション」
    • carousel.html  「カルーセル」
    • zoom.html    「ズーム」
    • gallery.html    「ギャラリー」
    • slideshow.html  「スライドショー」
    • サブページ
    • サブページが作成され、ファイル名、ページタイトル、それに見出しが変更された。

❹上書き保存します。

コンテンツの中身の削除

ページのコンテンツにある、見出し以外を削除します。

フッターの編集

➊フッターを編集します。

  • フッターを次のように変更します。
    • フッターの編集
    • Copyright©2014 My Photo Studio All Rights Reserved.

➋上書き保存します。

➌他のページでも同様に変更します。

次に、フォトモーション へ進みます。

直線上に配置

| |