大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

IBM ホームページ・ビルダーでHP作成

IBM ホームページビルダー 8を使用しての
楽天広場のHP作成ガイド


IBM ホームページ・ビルダー Version 8 通常版
価格 12,800円 のところ
MMI特価 8,430円 (消費税別・送料込) 調査日04.01.28
7よりも2000も安くなりました。
ティーカップ・コミュニケーション(掲示板で有名)が提供する無料サービスのオンラインショップをウィザード形式で簡単に作成でき、商品管理も専用ツールで簡単作成。
 この前、ビルダーで出来ない。というお問い合わせがあった。もちろんオレはビルダーでやっているので、「できます」と答えた。でも半分正解、半分不正解。ビルダーで出来る物もある。出来ないものもある。
 よく、オレが「パクらないで~」というのは、そういうことだ。なにもビルダーで作った物を言ってるのではない。
たとへばこの下のソースが入った外枠付きのもの。ビルダーで作ると
<CENTER style=’width: 500; height: 100;color : #fc7243;background-color : #ffff80;padding-top : 10px;padding-left : 10px;padding-right : 10px;padding-bottom : 10px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #fc7243 #fc7243 #fc7243 #fc7243;font-size : 10pt;font-family : "Comic Sans MS";’></CENTER>
やたら長いでしょ、しかもこのままでは楽天でエラーが出ます。一般的なHP作成ガイド屋さんのも、こういう感じです。これ普通なんで、これだったらパクるな。なんて言いません。
ではうちのは
<CENTER style="width: 500; height: 100; FONT-SIZE: 10pt; FONT-FAMILY: comic sans MS; color: #CD5C5C; PADDING: 10pt; border: 1px solid #CD5C5C; background-color: #FFFAFA"></CENTER>
かなり短いです。これを始めるとき、かなりタグサイトを回りましたがこういう書き方をしてるのはなかったよ。おそらく邪道なんでしょう?
うちは、 ポリシーとしてIEだけうつりゃいいやー 。というサイトなのでこれなのです。
 それをマネされて、自信をもって配布されちゃうと、知らない人はこれが正しいと思っちゃうでしょ。ということです。
 何回も言いますが、(どんどん新しい人が来るので、常連の人パスしてください)きちんとタグやHTMLの事を勉強したいなら、ちゃんとお金を払って、ホームページも楽天以外でやったほうがいいよ。
ここは特殊なんですから。
ついでなので 「文字を左に寄せたい 」というのがありましたが、 text-align: left; を加えればいいです。
今度からGoogleサイト内検索で、自分で調べてね。

それではやっと本題です。
1、FONTタグを指定する
まず最初は「スタート」というところを、押すと下のような画面がでますのでページを作成するを押します。



次に下のように選んで下さい。

2回目から上のようなのを「表示させない」にチェックを入れた場合は、
上のツールバーの「ファイル」をクリックして「標準モードで新規作成」を選びます。


編集画面が真っ白になりますのでそこに、文字などを書いて行きます。

IBM ホームページビルダー を使用しての
楽天広場のHP作成ガイド


書けたら上を左クリックしたままなぞります。

色が反転しましたか。
次に上のツールバーの「書式」をクリックすると
このように出ますので
「フォント」をクリックします。












左から、色、サイズ、書体と決めていき、文字装飾は太字を選びました。

文字が変わりました。

文章を全部書いてからFONTの指定をしても構いません。
HTMLソースを見ると

<FONT color="#0000ff" size="5" face="Comic Sans MS"><B>IBM ホームページビルダー を使用しての<BR>
楽天広場のHP作成ガイド</B></FONT>

となります。


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: