松原駅前商店会 パソコン研修会 WEB版

ホーム > PC研修会 > On the Web テキスト作成方法

 番外編 テキスト作成方法

まずホームページビルダーを開いて、ファイル⇒URLの読み込みを。
.htmと .cssと .gifが保存されたと思います。
   

テキストのスタイルを体験する

簡単なスタイルシートで作成しております。行をクリックしてから、下記のプルダウンメニューをクリックすると、書式が設定されます。外部スタイルシートをリンクしています。

「見出し1」 ちょっと場違いな書式かな？

「見出し２」 １行目に採用ています

「見出し３」 ３行目に使用しています

「見出し４」 小見出しに使用しています

「見出し５」 太字になっているだけです

「見出し６」  ２行目の今のディレクトリーの表示に使用しています 小さくて目立たない色に設定しました

これは、「標準」書式です。書き出しに１文字インデントが利いている書式です。95％で折り返す設定になっています。エンターキーでは、次の段落に移動します。Shiftキー + エンターキーで、標準の書式が引き継がれていきます。

これは、「引用文」です。ツールバーのインデントでも設定できます。左側に広がりがある書式です。引用文を選択すると95％で折り返す設定になっています。Shiftキー + エンターキーで、引用文の書式が引き継がれていきます。

• リストの挿入です。 事業部は良く利用します
• エンターキーで行頭にマークが付きます
  Shiftキー + エンター では、マークが付かずに改行します
• 少し広い行間の設定です。
• マークの位置が少し下にずれるのが気になります
• ここから挿入します
  

■ テキストを書く

ソースの画面で href="style.css" を書き換えて見ましょう。

<TITLE>ホームページ入門</TITLE>
<LINK rel="stylesheet" href="style.css" type="text/css">
</HEAD>
  ↓
<TITLE>ホームページ入門</TITLE>
<LINK rel="stylesheet" href="http://www.isono.biz/mespc/style.css" type="text/css">
</HEAD>
に書き換えていただくと、全員共通のスタイルでテキスト作成できると思います。

まだスタイルシートを良く理解していませんので、このへんで。

2003/6/6
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。 ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
	Copyright(C)  2000.-2003. Isono.biz AllRights Reserved