３０万アクセス・・どうやら明日あたりですね？
凄いドキドキしてきました～(^_-)-☆

誰が踏むのかわからないけど・・
そりゃ・・全くの偶然でしょうから・・？
いや・計算で行く人もいるかもね？笑 (2004/10/22　09:46:33 PM)

000000

HOME | DIARY | PROFILE

【フォローする】【ログイン】

ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/10/17

【フリーＨＴＭＬエディタソフトを使って日記を編集してみよう】

(5)

カテゴリ：【プチ講座】

フリーソフト「Super Tag 32 Pro」の紹介！

みなさんは、日記のページの編集はどのようにやっていますでしょうか！
メモ帖を使ったり、フリーページにテストのページを作ってやっているのでしょうか？
または、ホームページ製作ソフトを使っているのでしょうか？
ホームページ製作ソフトに関しましては、仰々しくて起動が重い・・・
そこに来て、「自動改行」には、ほとんど対応しておりません。
そして、操作も複雑ですね！

楽天広場は、日記が主体です。それも自動改行になっております。
ところが、以前使えなかったＴＡＢＬＥのタグが日記で使えるようになりました。
で！今日は簡単にＴＡＢＬＥなどのタグを編集できる「ＨＴＭＬエディター」を紹介しましょう。

それが、「Super Tag 32 Pro」です。もちろんフリーソフトです。
私は、日記の編集では、大概このエディターを使っております。
以前の日記でも、何度かこのソフトを紹介しましたが、今日は簡単に使い方を紹介します。

まずは、こちらから　「Super Tag 32 Pro」　をＤＬして下さい。
ファイルは自動解凍の exe ファイルになっています。
レンジのアイコンをダブルクリックで解凍します。

「Super Tag 32 Pro」を使ってみよう！

　このアイコンをクリックしますと「Super Tag 32 Pro」が起動します。

起動しましたか？まずは簡単な操作方法からお話しましょう。
テキスト、タグなどページの編集は、<BODY>から　</BODY>の間に書きこみます。

では　実際にテキストを書きこんでみましょう。
テキストポインター「｜」は<BODY>から　</BODY>の間に入れておきます。

一番上にメニューバーがありますね！２列目からは「メニューアイコン」が並んでいます。
アイコンの２列目「ＨＲ」があると思います。これは、罫線のタグです。
罫線のタグを入れてみましょう。クリックしてみます。

フロートパネルが出て来ます。【SIZE】【WIDTH】【ALIGN】【COLOR】と縦に並んでいますね。
これに半角英数字で属性を指定します。
【SIZE】を５　【WIDTH】５００　【ALIGN】はプルダウンで「センター揃え」　【COLOR】カラーは
「参照」からお好きな色を指定して「ＯＫ」を押してみて下さい。

<HR SIZE="5" WIDTH="500" ALIGN="center" COLOR="#FF0000">　このように出て来ましたか？
その罫線タグのすぐ後ろに、ポインターを持って来まして、「メニューアイコン」の２列目右から４番目に改行のタグ「ＢＲ」があると思います。
それをクリックして下さい。 　がでて来ましたか！
その後につづけて何かテキストを書いてみて下さい。「ここに何か書きます。」と入れてみましょう。
このテキストに、フォントの属性である「大きさ」「色」「字体」を指定してみましょう。

「ここに何か書きます。」を左クリックしたままなぞります。
「メニューアイコン」の２列目　左から６番目に「ＦＯＮＴ」があります。クリックして下さい。
またフロートパネルが出て来ましたね！
【SIZE】【COLOR】【FACE】とあると思います。
【SIZE】をラジオボタンで指定し、【COLOR】を「参照」から選びます、【FACE】も「参照」から選びます。
「ＯＫ」ボタンをオしますと、先ほどのテキストがフォントのタグで囲われたと思います。

この用になりましたか？
 ここに何か書きます。 
これをセンターリングします。
 ここに何か書きます。 を
先ほどテキストでやったように、左クリックのままなぞります。
また、「メニューアイコン」の２列目の「ＣＥＮＴＥＲ」をクリックしますと
<CENTER> ここに何か書きます。 </CENTER>
となりましたでしょうか？

では！これをＷＥＢ画面で見てみましょう！
ＷＥＢ画面で見るためには、まずは保存しなければなりません。
一番上のメニューバーの「ファイル(F)」をクリックします。
上から５番目「名前をつけて保存」で保存用のパネルが出てきます。
ご自分が分かりやすいフォルダを指定します。
私の場合は、マイドキュメントの中に「楽天用」というフォルダを作ってあります。
ファイル名(N)に名前をつけますが、ここは半角英数字です。
そして、ＨＴＭＬファイルの拡張子「.html」を半角英数字の後ろにつけることを忘れないで下さい。
例えば、この用になります。[ diary-10-17.html ]このように名前をつけまして保存をクリックします。

編集パネルに戻りまして、「メニューアイコン」の１列目の右から２番目のＷＥＢ画像のアイコンをクリックしてみて下さい。
ＷＥＢ画面が立ち上がると思います。それが先ほど書きこんだテキストと罫線です。

お判りですか・・・・(〃_ _)・・・・おねがい！・・・判ってね！
また、テキストなどを編集し直しまして、上書き保存をします。
「メニューアイコン」の１列目の左から、３番目に「ＦＤの画像の形」をしたアイコンがありますね。
それをクリックで上書き保存されます。
確認するには先ほど出しました、ＷＥＢ画面を更新してみて下さい。
編集が反映されていると思います。

長々と話しましたが、初心者の方には一度では、理解できないと思います。
何度も読んで、いじくりひん回して下さい。
「メニューアイコン」を色々クリックして、試しにタグを書き込んで見るのが得策です。

あなたが楽天の日記などで作ったタグを編集したい場合は、コピー＆ペイストして、
先ほど述べましたように保存します。そして、ブラウザで見て下さい。
その時は、そのタグが自動改行用で製作していましたら、
「自動改行」にするためにテキストの頭に　<PRE>をつけます。
テキストの最後には、くくるタグ　</PRE>　をつけて下さい。

次回は、ＴＡＢＬＥを簡単に作ることをこのソフトでやってみましょう。
みなさん予習しておいて下さいませ・・・・(￣m￣*)V
では！ε＝ε＝ε＝（┌￣）┘ダッシュ！

お気に入りの記事を「いいね！」で応援しよう

Last updated 2004/10/17　05:56:50 PM
コメント(5) | コメントを書く

[【プチ講座】] カテゴリの最新記事

【皆さんも確認してみましょう！】(￣^￣)b 2005/03/13 コメント(7)
【ＨＴＭＬエディターでＴＡＢＬＥを作っ… 2004/10/24 コメント(5)
【罫線背景画像関係のバックナンバー！】(… 2004/10/13 コメント(8)

■コメント