フリーのＨＴＭＬ５エディタBlueGriffonの使い方１−基本編集

　きのう、「フリーのＨＴＭＬ５エディタBlueGriffonのインストール」でインストールした、BlueGriffonの使い方。今回は、ＨＴＭＬ４でもあるような、基本的な使い方。

 

---

 

■立ち上げた後

 

まず、立ち上げると、

という画面になる。

ここで、Ｆｉｌｅ→Ｎｅｗをクリック

 

以下のような画面になる。

 

 

---

■編集

 

　赤い丸で囲った部分は、フリーのＨＴＭＬ４編集ソフト、Komposerにおける使い方と、ほぼ同じ。

 

　それについては、すでに「フリーのホームページ作成ソフトKompoZer使いかた　１　ホームページの編集」に書いた。

 

　文字を打つと、カーソルのあるところに入る。

　Body Textのところのプルダウンは、見出し（h1〜h6)などを指定するが、Headingになっている。また、Variable widthのところは、フォント指定。
　他は大体同じで、対象となるところをあらかじめドラッグし、メニューにあるボタンをクリックすると、指定した書体、装飾になる。

 

　青い丸で囲った、テーブルや画像、アンカー、リンクもKomposerにあり、似たようなもんだと思う？　

 

---

 

■保存

　フロッピーアイコン（黒と白の四角いやつ）ないしは、ＦＩＬＥ→Saveをクリックすると、
まずタイトルを入れてないと、こんなダイアログが出る。

　適当にタイトルを入れてＯＫ

 

　そうすると、こんな風に、

タイトル名.xhtmlでファイル保存しようとするので、適当なところに保存する。

　なお、xntmlで、ブラウザで表示できない場合、拡張子をhtmlに変えてしまえば、（中身はまったく同じでも）表示できる。

 

---

次からは、ＨＴＭＬ５独自機能について