無料ホームページ作成マニュアル
無料ホームページ作成マニュアル>文字を入力しよう!

◆文字を入力しよう!

文字入力の基本を解説します。

◆文字の入力

  念の為、作るページの確認。 サンプルページ

 

こんにちは!
クロちゃんのホームページにようこそ!

自己紹介

 

画像は後にして、この部分を作ってみましょう。

※alphaEDITをお使いの場合は、まずツール>オプションを選択し、WYSIWIGタブの「Enterキーで挿入するタグ」部分の <P>(P) のチェックを入れ、OKを押して適用しておいて下さい。

ツール>オプション WYSIWYG><p >(P)

まず、こんにちは!と入力してみましょう。
その後Enterキーを押してみてください。カーソルが間を空けて一行下に移動します。

こんにちは!

今度は、Shiftを押しながらEnterを押してみてください。

こんにちは!

行間を取らずに一行下に移動します。
※ホームページ・ビルダーでは逆です。

上記のものが「段落」で下記のものは「改行」です。
段落と改行を2回するのは何が違うの? と思えますが、これは左揃え、中央揃え、右揃えをする時などに効果が変わってきます。

◆文字の位置

カーソルを変更したい文字列に持っていき、ツールバーの
クリックすると、左揃え、中央揃え、右揃えが出来ます。

改行で区切っている場合は、段落で区切る位置まで全て文字の位置が変わります。

こんにちは!

段落で区切った場合

こんにちは!

改行2回の場合

◆太字、斜体、下線等

適度に間隔をあけて、

 

こんにちは!
クロちゃんのホームページにようこそ!

自己紹介

 

と入力して、中央揃えにしてみましょう。クロちゃんは自分のお名前やハンドルネームをお使いください。

サンプルでは文字の太さや色、大きさが違いますね。
文字は太字斜体下線打消し色付けなどで飾る事が出来ます。
入力した名前の部分を、マウスの左クリックを押しながらなぞります。(以下ドラッグ)

クロちゃん

この状態になったらツールバーの

B をクリックすると太字に → クロちゃん
I をクリックすると斜体に → クロちゃん
U をクリックすると下線が入り → 
クロちゃん
ABC
 をクリックすると取り消し線 → クロちゃん
パレットのアイコンをクリックで → クロちゃん

と変更できます。(下線と取り消し線はソフトによってありませんが、書式>フォントで変更できます。)
Dreamweaverの場合は、下部メニューの文字色の変更がパレットアイコンです。
もう一度クリックしたら元に戻ります。
なお、色の変更は元の色に変更するという形です。
またツールバーの、は、左が「作業を1つ戻す」
右が1つ戻した時に、「やっぱりやめて1つ進む」なので活用してください。
Dreamweaverでは最初は表示されてませんが、表示>ツールバーの標準にチェックを入れると、新規作成などの一般的なツールバーが表示されます。
【Ctrl】+【Z】(1つ戻る)と【Ctrl】+【Y】(1つ進む)でも出来ます。(Windows)

◆文字の大きさ、種類等

文字の大きさや種類は
で変更。

左から文字の定義、文字の種類、大きさ。使うのは文字の大きさのみでいいです。
大きさはソフトによってはの様に大きなAと小さなAで大きさを変えるものもあります。

自己紹介をドラッグして、大きさを標準の3から4に変更してみましょう。
文字の装飾や大きさはツールバーの 書式>テキスト(ソフトによってはフォント)でも変更できます。

 

こんにちは!
クロちゃんのホームページにようこそ!

自己紹介

 

文字の変更は完成です。色々組み合わせてみてください。

◆トップページへ
無料HP作成マニュアル
◆作成初級編
作ってみよう!
基本設定をしよう!
文字を入力しよう!
画像を貼ってみよう!
レイアウトを決めよう!
【alphaEDIT】
【Dreamweaver】
【Homepage Builder】
【Homepage Manager】
【FrontPage Express】
リンクを貼ろう!
 
 

文字の種類

文字の種類を設定で変更する事が出来ますが、これはあまり変更しない方がいいです。
というのも、自分のパソコンで見る分には構わないんですが、他の人のパソコンから見た場合、その選んだフォントが登録されて無ければ標準の文字で記されるからです。
例えば

楽院行書
Caldiabold
Mottisfont

のパソコンでは色が違うだけで全く同じに見えますが、みなさんが見ても違う文字に見えてると思います。
上の黒い文字が文字の種類を変更し、下の緑の文字は画像です。
三種とも違うところからダウンロードしたフォントなので、全てインストールされてる人は少ないでしょう。
フリーフォントなどをロゴに使いたい場合は、画像を作って表示しましょう。

おすすめロゴ作成ソフト

簡単バナー

オリジナルのロゴからボタン、バナーなどを簡単に作れるフリーソフトです。

<<Back【作ってみよう!】 Next>>【画像を貼ってみよう!】
【無料ホームページ作成マニュアル】