「こぼれび通り」には次のようなコンテンツを配置します。

ナビゲーション「こぼれび通り」をクリックしてください。順次コンテンツを編集します。

入力用文章の「こぼれび通り」から、見出し　中、文章1を、それぞれ「ホーム」編集の手順で貼り付けます。

【コンテンツの追加】　→　【画像】

「ここに画像をドラッグ」をクリック　→　デスクトップの「Jimdo講習会」を開く　→　フォルダー「こぼれび通り」を開く　→　画像「こぼれび（５）」を選択　→　「開く」　

こぼれび（５）が挿入されます。（画像がJimdoのサーバーにアップロードされます）

同様な手順で。文章2と画像2（地図）を追加します。画像2（地図）に「拡大」は設定しません。

コンテンツの間に余白（50px）を設定します。

【コンテンツの追加】　→　 【余白】　→　保存

複数枚の画像を表示します。

「並べて表示する」（横並び・縦並び・タイル）「画像を自動的に入れ替え表示する」（スライダー）ことができます。

 【コンテンツの追加】　→　 【フォトギャラリー】

「ここに画像をドラッグ」をクリック　→　デスクトップの「Jimdo講習会」を開く　→　フォルダー「こぼれび」を開く　→　画像「こぼれび（2）、こぼれび（3）、こぼれび（4）」を選択（CTRLを押しながらクリック）　→　「開く」　　3枚の画像が挿入されました。

●横並び・・・写真を横並びに表示します。

●縦並び・・・写真を配置する列数を指定できます。

●タイル・・・タイル形式で配置されます。

●スライダー・・・スライドショーです。

表示形式ごとに、そのオプションが設定できます。

今回はスライダーを選択　→　保存

余白を追加します。

見出し　小を追加します。

画像とその周りに文字を配置したブロックを追加します。

【コンテンツの追加 】　→　 【画像付き文章】

 【画像】をくリック　→　ダイアログで「こぼれび（1）」を選ぶ　→　「開く」

「こぼれび通り」文章3をコピー　→　文章エリア（右側）にカーソルがあることを確認（なければクリック）して、プレーンテキストとして貼り付け　→　保存

画像のすぐ下に「画像」「文章」タブがあります。

●「文章」タブ　　文章の書式が設定できます。

●「画像」タブ　　表示サイズ、位置、リンクなどが設定できます。

「画像」及び文字列「とよなかウォーキングコース」をクリックすると、とよなかウオーキングのホームページが開くように、ハイパーリンクを設定します。

① リンクするURLのコピー

タスクバー （ここに入力して検索）をクリック　→　検索ボックスに「とよなかウオーキング」を入力　→　「ツール・ド・大阪 とよなかウォーキングコースについて　豊中市」をクリック　→　開いたページのアドレスバー上で右クリック　→　コピー

② 画像付き文章を編集

コンテンツの上でクリックすると編集できるようになります。

③ 画像にハイパーリンクの設定

画像タブをクリック　→　 （画像にリンク）をクリック　→　「外部リンクかメールアドレス」をクリック　→　アドレス欄で右クリック　→　プレーンテキストとして貼り付け　→　「リンクを設定」をクリック

④ 文字列にハイパーリンクを設定

文章タブをクリック　→　文字列「とよなかウォーキングコース」を選択　→　 （リンク）をクリック　→　「外部リンクかメールアドレス」をクリック　→　アドレス欄で右クリック　→　プレーンテキストとして貼り付け　→　「リンクを設定」をクリック　→　保存

設定した文字列の文字色が変わり下線がつきます。