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

資料小分類

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

資料大分類

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

リンク

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

サンプル部品のスタイルを編集する

サンプル部品を独自のデザインにカストマイズするには、スタイルの属性地を編集します。

  • サンプル部品のスタイルを編集する
    • Step1: サンプル部品のスタイルを編集する

サンプル部品のスタイルを編集する

ここでは写真ボックスの部品サイズを拡大する方法を紹介します。

  • 完成例
    • 挿入したサンプル部品のスタイルの編集

Step1: サンプル部品のスタイルを編集する

➊サンプル部品を挿入したページを開きます。

  • ここでは、参加者作品 works.html のページを開いておきます。

➋[写真を挿入]と書かれたグレーのボックスを右クリック →[属性の変更]を選択します。

  • 挿入したサンプル部品の写真の属性を変更します
    • 属性の変更
    ▶[属性]ダイアログが開きます。

➌[属性]ダイアログで[サイズ]の[幅]に新しい写真ボックスのサイズを入力し、[OK]をクリックします。

  • サイズの幅を指定します。
    • 属性ダイアログ
    • ここではサイズを30ピクセル拡大し90ピクセルにしました。
    サンプル部品のサイズが調整されました。

ヒント サンプル部品を複製する
必要に応じて、「サンプル部品の挿入」にてサンプル部品を複製します。

トップへ

次は、サンプル部品の挿入 に戻ります。

直線上に配置

| |