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