alphaEDITで文字の大きさを変更する
前回までの作業で、ホームページの骨組みを完成させました。(前回までのHP)
ここで終わりにしても悪いことはないのですが、少々デザイン的に寂しいので、alphaEDITで飾り付けをしていきましょう。
まずは文字の大きさでも変えてみましょうか。というのも今の文字サイズは少し大きすぎる気がするからです。
一回り小さいサイズに変えましょう。なお、今回はメインコンテンツ部分の文字の大きさだけ変えることにします。↓
メインコンテンツ部分のテーブル(真ん中のテーブル)の外枠に、マウスのカーソルを合わせてください。
カーソルの形が変わります。↓
枠の上で右クリックをしてください。
そして、表示されるメニューから『スタイルシート』をクリックします。↓
以下のダイアログが表示されます。↓
これはテーブルのデザインを色々と変更するためのダイアログです。
『フォントサイズ』の『数値で指定』の項目にチェックを入れ、大きさを半角で『14pixel』に指定してください。↓
さらに『テキスト』タブをクリックしてください。↓
『テキストの高さ』項目にチェックを入れます。これは行間の広さを指定する場所です。
文字の大きさの指定とは関係ありませんが、ついでに指定しておきましょう。
大きさを半角で『1.5em』に指定してください。
(単位は『em』です。『pixel』としないでください。)
そしてOKボタンを押します。↓
文字サイズが縮小されました。ついでに行間も(少し)広がったことで読みやすくなったと思います。↓
(拡大図はこちら)
次のページでは、alphaEDITを使った背景色の指定に挑戦します。
次のページ» ページ全体の背景色を変える