基礎と応用のホームページ講座

基礎と応用のホームページ講座(33)
校区の話題ページの完成
「校区の話題ページの完成(1)」画面
写真(1)
 写真(1)は、「校区の話題ページの完成(1)」画面です。
(1)@表のやや離れた右側をクリック→A「表」→B「表の幅」は「700」ピクセル→C実行結果

「校区の話題ページの完成(2)」画面
写真(2)
 写真(2)は、「校区の話題ページの完成(2)」画面です。
(1)写真の挿入
(2)ブラウザ画面の「ファイル」→「印刷プレビュー」で確認

「校区の話題ページの完成(3)」画面
写真(3)
 写真(3)は、「校区の話題ページの完成(3)」画面です。
(1)文字を入力→「印刷プレビュー」で確認

「校区の話題ページの完成(4)」画面
写真(4)
 写真(4)は、「校区の話題ページの完成(4)」画面です。
(1)写真をエレメンツに挿入する。
(2)「イメージ」→「サイズ変更」→「画像解像度」
(3)@「幅」を「700」(ピクセル)→A「ピクセル数」(1.05M)(変更前は1.37M)→B「OK」

「校区の話題ページの完成(5)」画面
↑(拡大写真にリンク)
写真(5)
 写真(5)は、「校区の話題ページの完成(5)」画面です。
(1)「Web用に保存」
(2)@の重さは「1.05M」(約100万バイト)→Aの重さは「26.47K」(2万6470バイト)→「OK」
(3)「ファイル名」は「topic01ah」(topicフォルダ内の1ページ目の1枚目の写真でアップ用に合格)
(4)同じ方法で2枚目の写真も軽くする(ファイル名は2枚目の写真という意味でtopic01bh)

「校区の話題ページの完成(6)」画面
写真(6)
 写真(6)は、「校区の話題ページの完成(6)」画面です。
(1)@はマイコンの「topic」フォルダです。
(2)Aはビルダー画面です。
(3)@の画像(topic01ah)と画像(topic01bh)をAにドラッグします。
(4)ページの完成です。