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

資料小分類

  • Jimdo でHP作成
  • 完成形をイメージ
  • 写真や画像の整理
  • Jimdo 基礎知識
  • Jimdo に登録
  • Jimdo にログイン
  • Jimdo の基本操作
  • Jimdo の管理メニュー
  • ヘッダ画像とタイトル
  • ページを作成
  • サイト名の編集
  • 見出しと本文
  • 書式の指定
  • 写真
  • 写真付き文章
  • リンク
  • 表
  • ダウンロードファイル
  • 新着情報
  • 地図
  • 問い合わせフォーム
  • フッター
  • 段組みレイアウト
  • フォトギャラリー
  • カレンダー
  • 全体の配色変更
  • 背景設定と調整
  • ヘッダ画像変更
  • タイトルスタイル
  • 掲示板
  • ブログ公開準備
  • ブログの公開
  • 外部ブログ取り込み
  • ブログコメント処理
  • パスワード保護
  • レイアウト調整
  • サイトの複製

資料大分類

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

リンク

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

段組みレイアウトを使用する

カラム(列)とも言われる段組みレイアウトを使用します。標準では、横2列のカラムだが、最大6カラムまで増やすことができる。

カラム機能を使う

「ボランティア活動」ページに、段組みレイアウトを入れる。

➊ カラムを挿入する

  • カラムを挿入する
    • カラムを挿入
  • ▼ 完成図
    • 3列のカラム

➋それぞれのカラムにコンテンツを入れる

  • [+コンテンツを追加]で、[小見出し][写真][文章]を入れる
    • カラムにコンテンツを追加
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    • 使用する写真(左から):
    • pic_g141.jpg
    • pic_g167.jpg
    • pic_g025.jpg
トップへ

練習-6

➊ 横4列のカラムにコンテンツを入れる

  • 「ボランティア活動」ページの「福祉施設・・・」の文章下に横4列のカラムを作り、コンテンツを入れる。
    • 横4列のカラム
    • 完成図
    •  
    • 参照:
    • ホームページ設計文書  
    •  
    •  
    •  
    • 使用する画像(左から):
    • img_c001.gif
    • img_c002.gif
    • img_c003.gif
    • img_c007.gif

➋ 横4列のカラムにコンテンツを入れる

  • 「ひろがる活動」ページの文章下に横4列のカラムを作り、コンテンツを入れる。
    • 0
    • 完成図
    •  
    • 参照:
    • ホームページ設計文書
    •  
    • 使用写真(左から):
    • 鎌倉古道06.jpg
    • pic_g071.jpg
    • pic_g086.jpg
    • 四季の森公園02.jpg
トップへ

次は、フォトギャラリーです。

直線上に配置

| |