HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード
HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)

HTMLタグボードトップ >> ゼロから始めるホームページ作成講座 >> 実際に作ってみよう >> 文字に変化を与える
お問い合わせはこちら サイトマップはこちら

実際に作ってみようメニュー
1.初期設定をする
2.ファイルの新規作成
3.背景を設定する
4.文字に変化を与える
5.表を作成する
6.画像を挿入する
7.リンクを指定する
8.ファイルを保存する

文字に変化を与える

[ ソフトで編集 ] [ 直接タグで編集 ]

文字を入れてみよう

ホームページビルダーでの文字の入力は非常に簡単です。ページ編集画面に直接文字を書き入れていくだけでよく、確認しながら作業を行えます。ホームページビルダーを起動して初期画面を開いた状態から説明を進めます。それではパソコンのキーボードから以下の例文を入力してみましょう。


例文)

これから文字の入力です。
改行するときはキーボードの[Enter]キーを押します。


記入例のサンプル画面
ホームページビルダーで文字の入力

どうでしょうか。非常に簡単にできると思います。それでは正しく入力できているかどうか「プレビュー」で確認してみましょう。編集画面上のプレビューのタブを押します。

入力した文字の確認

プレビューを押すと文字が正しく表示されていることが、確認できます。このプレビュー画面に表示されている内容が、実際の表示になります。なお、ここのプレビューで表示される文字の大きさはブラウザの文字サイズの設定によって異なるので、特に気にする必要はありません。


☆ココがポイント!

「文字を入力して確認する。」この繰り返しが基本的な文字の編集作業です。



文字を変化させてみよう

入力した文字は色を変えたり、太字や斜体にすることも可能です。これらを組み合わせて素敵なレイアウトを作ってみてください。


1. 文字に変化を与える

文字を変更させるには、ページ編集画面に戻り、変化させたい部分の文字を反転表示させます。


例文)

文字を変化させてみます。

文字の反転表示

☆ココがポイント!

文字の反転表示の仕方は、反転させたい部分の始点をマウスでクリックし、そのままマウスを離さずに、終点までマウスを移動させ、終点にきたらマウスを離します。 文字を反転表示させる操作は今後必要になるのでここで覚えておきましょう。反転表示後は、その文をコピーしたりすることもできます。


フォントの変更画面を開く

それでは、文字の色を変える設定画面を表示させましょう。
メニュー画面の下のツールバーから左のアイコンをクリックしてください。


以下の画面が表示されるので、ここで文字色や大きさ、書体、文字飾りなどを変更することができます。サンプル部分に変更後の文字が表示されるので、確認しながら必要に応じて変更してみてください。なお、色を変更するときは、「色指定」、大きさを変えたいときは「サイズ」を、書体は「書体」を、太字や斜体は「文字飾り」の中のそれぞれをチェックすることでできます。

文字色の指定やサイズ変更などを設定

最後に「OK」ボタンを押せば終了です。お疲れ様でした。

<< 前のページ 1 2 3 4 5 6 7 8 9 次のページ >>

画面のトップへ戻る

こんな時どうする?

なんで書体を変更してはいけないの?


書体の変更はダメ?

書体の部分に表示されるフォントの種類は、パソコンによって様々です。標準的なフォントを使う場合はともかく、特殊な書体を使用した場合、ページを見る側のパソコンに同じフォントが入っていなければ、同じようには表示されません。このような理由から書体は変更せずに、標準のままにしておくことをお勧めします。



画面のトップへ戻る

ゼロから始めるホームページ作成講座のトップへ

必要なものを揃えよう
伝えたい情報を考えよう
仕組みを理解しよう
実際に作ってみよう
作ったファイルを公開しよう
製作にあたり注意すべきこと
練習問題にチャレンジ!

訪問者優位のWEBデザインTipsのトップへ

インターネットで小遣い稼ぎのトップへ

今すぐ使える!便利ツールのトップへ