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

基礎と応用のホームページ講座（３６）
学校たより２ページ目・小目次の完成
「学校たより２ページ目の作成・完成(１)」画面
写真（１）
　写真（１）は、「学校たより２ページ目の作成・完成(１)」画面です。
(１)ビルダー上の「開く」(00.htm)
(２)「ファイル」→「名前を付けて保存」(「ファイルの場所」は「tayori」フォルダでファイル名は「tayori02」)
「学校たより２ページ目の作成・完成(２)」画面
写真（２）
　写真（２）は、「学校たより２ページ目の作成・完成(２)」画面です。
(１)「tayori02」上でA４に収まるように写真を配列し、印刷プレビューで確認する。
写真３枚を使った場合の設計図←クリック
「学校たより２ページ目の作成・完成(３)」画面
幅７００
ボタン(２９) 高
さ
１
０
５
０
ロゴタイトル(６８)
@サブメイン（幅５００×高さ３００）
ファイル名（DSC0515）
→05ah		 説明文
説明文 Bその他
（幅２００×高さ１５０）
ファイル名（DSC0534）
→05bh
Aメイン
（幅７００×高さ４００）
ファイル名（DSC0521）
→05ch
１０５０−写真３枚の合計(１０２３)＝２３が文章などの分
D説明文（高さ２０）
写真（３）
　写真（３）は、「学校たより２ページ目の作成・完成(３)」画面です。
(１)写真３枚の設計図を描く
「学校たより２ページ目の作成・完成(４)」画面
写真（４）
　写真（４）は、「学校たより２ページ目の作成・完成(４)」画面です。
(１)写真の重さを測る。
(２)@写真を右クリック→A「イメージの変換」→B「JPEGのプロパティ」
(３)C「現在のサイズ」が「1485087」(１４８万５０８７)です。１枚で１ページ分の標準の約２４倍です。とても使えません。
写真の重さを計る方法←クリック
「学校たより２ページ目の作成・完成(５)」画面
写真（５）
　写真（５）は、「学校たより２ページ目の作成・完成(５)」画面です。
(１)「tayori03」で使う写真をエレメンツにドラッグ→「イメージ」→「サイズの変更」→「画像解像度」
(２)@「高さ」を「３００」とすると、自動的にA「幅」が決定する
(３)B「高さ」３００の重さは「ピクセル数３９９K」と表示(元の画像は７.５６M)
「学校たより２ページ目の作成・完成(６)」画面
写真（６）
　写真（６）は、「学校たより２ページ目の作成・完成(６)」画面です。
(１)エレメンツ上の「Web用に保存」
(２)@は高さを３００とした時の重さです。
(３)Aは高さを３００とし、さらにWeb用に保存す時の重さです。何と６３４６バイトです。
(４)３枚の写真を高さを指定して、Web用に保存します。１枚目の写真のファイル名は、tayori02ahとなります。３枚目の写真はtayori03ahとなります。この基礎基本をマスターしましょう。
「学校たより２ページ目の作成・完成(７)」画面
写真（７）
　写真（７）は、「学校たより２ページ目の作成・完成(７)」画面です。
(１)@はマイコンの「tayori」フォルダです。
(２)Aはビルダー画面です。重い写真を削除します。
(３)@マイコンの「tayori」フォルダ内の「tayori02ah」をAビルダー画面にドラッグします。
(３)すべての写真を軽い写真と交換します。
「学校たより２ページ目の作成・完成(８)」画面
写真（８）
　写真（８）は、「学校たより２ページ目の作成・完成(８)」画面です。
(１)枠の非表示
(２)ブラウザ画面→「ファイル」→「印刷プレビュー」→「ページ設定」
(３)学校たより２ページ目の完成です。
「学校たより２ページ目の作成・完成(９)」画面
写真（９）
　写真（９）は、「学校たより２ページ目の作成・完成(９)」画面です。
(１)ホームページビルダー上で@「開く」。
(２)A「フォルダの場所」(tayori)→B小目次(tayori_ndx)を選択→C「開く」
「学校たより２ページ目の作成・完成(１０)」画面
写真（１０）
　写真（１０）は、「学校たより２ページ目の作成・完成(１０)」画面です。
(１)文字などを入力して、学校たより２ページ目の完成です。