ホームページを制作してみよう！
東総学園 ＨＰ塾
項目の追加
新規にタイトル・文章・画像・動画を追加します。
挿入したいアイテムにポインターを合わせると、＋のマークが現れます。
これをクリックすると、下図の様なメニューが表示されます。
追加したい項目をクリックし、必要事項を入力して保存します。
削除はゴミ箱マークをクリックします。
良く使う項目です
見出し：大きめの強調文字を表示します。（色は黒のみ）
文章：文字を表示します。（大きさは変えられない）
写真：写真１枚のみ表示します。（大きさを可変できます）
写真付き文章：写真と文章を表示します。（写真の大きさと位置を指定できます）
表：表を表示します。
フォトギャラリー：何枚でも写真を表示します。（表示方法指定できます）
YouTube等：動画サイトのビデオをアドレスのみで表示します。
水平線：横棒を表示します。
今日の授業
写真付き文章を追加
写真を小さく右位置に
写真にリンクを設定してみた
（園芸科HPにリンク設定）
自宅のライブカメラを貼り付けて見ました！
（車が無かったら、外出中です）
これは、htmlタグを使います。（ちょっとややこしい）
You Tubeの動画を貼り付けてみました！
写真115枚のスライドショー！
htmlタグを使うと、こんなのも貼り付けられる。
上のカレンダーを貼り付けるhtmlタグです。
<iframe src=
"http://www.google.com/calendar/embed?height=400&wkst=1&bgcolor=%23FFFFFF&src=kandanogg%40gmail.com&color=%23A32929&src=p%23weather%40group.v.calendar.google.com&color=%232952A3&ctz=Asia%2FTokyo"
style="border-width:0" width="500" height="300" frameborder="0" scrolling="no"></iframe>
今話題のツイッターです。（ハマコーさんのツイッター）
- Twitterのメッセージを読み込み中
別の場所に置いてある写真を貼り付ける。（フォト蔵の写真を表示）
メールフォームも貼り付けできます。
指定したアドレスに送信されます。
地図も貼り付けできます。
ファイルをダウンロード出来るようにします。
これって、本物？
中国漁船乗組員に銛で突かれる日本の
海保職員（数日後に死亡）
漁船に乗り移る時、海に落ち漁船の
スクリューに巻き込まれもう一人
海保職員死亡