縦ハガキ(横長写真1枚)の作成 | ||||||||||||||||||||
| ||||||||||||||||||||
(1)ブラウザ画面上のハガキ原簿を開く | ||||||||||||||||||||
(1)ブラウザ画面上のハガキ原簿を開く | ||||||||||||||||||||
| ||||||||||||||||||||
(1)「体験的パソコン論」→「HTMLタグ辞典」をクリック (2)「(14)ソフトなし タグ言語でページ作り」をクリック (3)「縦ハガキ(横長写真)の原簿」をクリック | ||||||||||||||||||||
タグ言語の実習(メモ帳を開いて準備)←クリック | ||||||||||||||||||||
タグ言語(ソース)の開き方←クリック | ||||||||||||||||||||
タグ言語の実習(メモ帳にタグ言語をコピー&貼り付け)←クリック | ||||||||||||||||||||
| ||||||||||||||||||||
(2)メモ帳にハガキ原簿をコピー | ||||||||||||||||||||
| ||||||||||||||||||||
(2)メモ帳にハガキ原簿をコピー | ||||||||||||||||||||
| ||||||||||||||||||||
(1)ハガキのサイズは、短い方の幅(350ピクセル)、長い方の幅(500ピクセル)です。 (2)長い方を縦にすると標準のハガキになります。上記の設定は標準の縦ハガキです。 | ||||||||||||||||||||
| ||||||||||||||||||||
(3)エレメンツで写真のサイズを縮小 | ||||||||||||||||||||
(3)エレメンツで写真のサイズを縮小 | ||||||||||||||||||||
| ||||||||||||||||||||
(1)縦ハガキの幅は350ピクセルにします。 (2)自動的に高さが決まります。この写真の場合、232ピクセルです。 | ||||||||||||||||||||
エレメンツで写真の幅を設定←クリック | ||||||||||||||||||||
| ||||||||||||||||||||
(4)縦ハガキ用の写真サイズ(350×232) | ||||||||||||||||||||
(4)縦ハガキ用の写真サイズ(350×232) | ||||||||||||||||||||
| ||||||||||||||||||||
(5)写真の原簿サイズ | ||||||||||||||||||||
| ||||||||||||||||||||
(5)写真の原簿サイズ | ||||||||||||||||||||
| ||||||||||||||||||||
(6)縦ハガキ用に写真サイズを変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(6)縦ハガキ用に写真サイズを変更 | ||||||||||||||||||||
この段階のページ←クリック | ||||||||||||||||||||
| ||||||||||||||||||||
(7)見出し文字の変更 | ||||||||||||||||||||
| ||||||||||||||||||||
| ||||||||||||||||||||
(7)見出し文字の変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(1)ハガキの高さが500ピクセル、写真の高さが232ピクセルです。 (2)残り268ピクセルを使って、文章の設定を考えます。 (3)「見出し」文字数について、「size="+2"」なので、34ピクセル、13文字が使えます。 (4)残り234ピクセル(11行)を使って、標準文字を入力します。 | ||||||||||||||||||||
| ||||||||||||||||||||
(8)挨拶文の変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(8)挨拶文の変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(1)横幅が350ピクセルなので、1行に17文字使えます。17文字を超えると自動改行となります。 (2)改行する場合、強制改行の「<BR>」を打ち込みます。 (3)ここでは、タグ言語の世界では、挨拶文4行に見えますが、3行目が17文字を超えているので、自動改行され、5行となります。 | ||||||||||||||||||||
| ||||||||||||||||||||
(9)住所などの個人情報を変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(9)住所などの個人情報を変更 | ||||||||||||||||||||
| ||||||||||||||||||||
(1)挨拶文は17行の内5行なので、8行使えます。 (2)改行する場合、強制改行の「<BR>」を打ち込みます。 (3)ここでは、4行使っています。 | ||||||||||||||||||||
完成のページ←クリック | ||||||||||||||||||||
タグ言語の実習(メモ帳=テキスト情報をHTML化する)←クリック | ||||||||||||||||||||
タグ言語(ソース画面)による枠の非表示←クリック |