ホーム ＞ ホームページが出来るまで ＞
タイトルは前々項でもう決めてあるので（Cafe Terrasseにしました）後は画像を作るだけ。皆さん「Microsoft(R)ペイント」ってご存じですか？ そう！あなたのWindowsにも既に入っているのです。
なぜタイトルを画像にするの？ パソコンによって見え方が違うんです。
と自分のパソコンでは表示されても
なんて事は多々あるんです。
Cafe Terrasse
このページの解説
ペイントの起動
ペイントで文字を書く
文字の「種類」・「サイズ」・「太さ・斜体・下線」
ファイルに保存
画像を加工する
ページタイトルも入れておく！
広告
ペイントの起動
画面左下の→「プログラム」→「アクセサリ」の「ペイント」をクリックします
ペイントで文字を書く
早速文字の入力ですが
各部の説明
１：文字の入力が出来ます
２：画像部分の背景を透明にするか不透明にするかの選択。透明＝上 不透明＝下
３：文字（描画する部分）の色を指定できます。パレットが重なって見えますが「２：」の不透明に下場合の背景色指定もここで出来ます。
では１：「A」を押して・・・・・
２：透明にして・・・・・・
３：色を緑っぽいのにして（右のパレットから選択）・・・・
キャンパス部分をクリックすると文字の入力が出来るようになりました。
[ Cafe Terrasse ]と入力してみます。
ん〜っ・・・どーもカクカクした文字で格好悪い。しかも小さい。
Cafe Terrasse
文字の「種類」・「サイズ」・「太さ・斜体・下線」
これを解消するのが「書式バー」です
入力枠を右クリック
書式バーをクリック。ちなみに入力枠の大きさを変更する場合
左から「フォント選択」 「文字の大きさ」 「太字・斜体・下線・縦書き」となります。
フォント MSPゴシック→LucidaHandwriting
サイズ １６→３６
太字・斜体・下線を選択して
もう一度キャンパスをクリックして書いてみる・・・・・
画像を加工する
背景も入れたら良かったかな？めんどくさいので
影を付ける事にしました。
色を灰色にしてさっきと同じものを作る
選択を押して
緑の文字を囲います。
囲った範囲をマウスの左ボタンを押しながら移動する事が出来ますちょうど影になるように合わしてやると
出来上がり
ファイルに保存
選択を押して保存する範囲を指定してやります。
角と対面の角をクリックして画像を囲います
なるべく画像ぎりぎりを選択！
マウスの右クリック
「ファイルへコピー」を選択
「名前を付けて保存」ダイアログボックスが表示される
ホームページのフォルダを表示させファイル名を「taitoru」と入力してみる。
ファイルの種類を 「２４ビット ビットマップ」から「１６色 ビットマップ」に変更するだけでファイルサイズが約１０分の１になります（ではありません。）
保存を押す。これで完了！
BMPからJPGへ（01'08/12追加）
このままだとファイルサイズが大きすぎるのでネット上では表示されるのに時間がかかり遅い回線を利用している方に不快感を与えます。
上の方法で出来上がった画像ファイルの種類をBMP（ビットマップ）と呼び、圧縮などされていないためファイルサイズがばかでかくなります。そこでフリーソフトの「縮小専用」を使いJPG（ジェイペグ）というファイルに変換しファイルを小さくできます。使い方など詳しく解説されてますので説明は省きます。
a-software 「縮小専用」（フリーソフト）を配布してくれているホームページです。
FrontPageExpressに貼り付け
ツールバーの
を押すと
「画像」のダイアログボックスが表示される
参照を押し
先ほど作成したファイルをクリックし「開く」を押す。注：「BMPからJPGへ」をあとから追加したため、ファイル名がBMPのままです。皆さんはJPGに変換した画像をご使用下さい。
通常は左寄せになっているので、
中央に配置をおして
タイトルを中央に持ってきます。
タイトル作りはここで終了。
ページタイトルも入れておく！
ページが表示された際、ブラウザのアクティブタイトルバーにタイトルを表示させます。
FrontPageExpressの編集画面でマウスの右クリックでページのプロパティーを選択
ページのプロパティーのダイアログボックスが表示される
タイトルの欄に「Cafe Terrasse カフェテラス」と記入して「OK」を押す。
ページが表示されて「無題」なんて格好悪いし、ロボット型検索エンジンの場合このタイトルを拾っていきますのでGooやinfoseekなどに登録した際はここも検索キーワードの対象になりますのでタイトルは入れましょう。
| <--前ページ | トップ | 次ページ--> |
ホーム ＞ ホームページが出来るまで ＞
