ホームページビルダーを使いこなす:Paraffin

トップ       
項目ごとに印刷しやすいように、間隔をあけてあります。

ホームページビルダーを使いこなす 目次


◆アニメーションを挿入する (#1,2004年9月30日)

[表示メニュー]―[サイト/素材ビュー]をクリックします。(右図)


左窓の「サイト/素材ビュー」から[素材タブ]―[アニメーション]を選びます。→右図


「画像ファイル」項目から画像を選択し、作業画面にドラッグします。


*あらかじめ画面下段の「表示」から「サムネイル表示」を
選んでください。

*画面下段の「挿入」から「背景画像として挿入」を選ぶこともできます。





↑素材ビュー


挿入されたアニメーションはこのように表示されます。




◆アイコンを挿入する (#2,2004年10月7日)

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[アイコン]

ほとんど前回(「アニメーションを挿入する」)と同じです。

「画像ファイル」項目から画像を選択し、作業画面にドラッグします。




挿入されたアイコンはこのように表示されます。





アイコンの使用方法は様々です。リストマークにしても良し。ボタンにしても良し。大きさも様々、用途に合わせて使い分けてみましょう。


◆イラストを挿入する (#3,2004年10月14日)

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[イラスト]

こちらもほとんど前回(「アニメーションを挿入する」)前前回(「アイコンを挿入する」)と同じです。

「画像ファイル」項目から画像を選択し、作業画面にドラッグします。


↑選択


↑ドラッグ


↑挿入(ドラッグ終了)



ホームページビルダーの最新ニュース

ホームページ・ビルダーとQcamで ウェブカメラページを作って楽しもう!


◆画像を配置する (#4,2004年10月18日)

画像を好きな場所に配置する方法には3パターンあります。

▼1

すでに作業画面に配置した画像を右寄せにします。
[画像:右クリック]―[属性の変更]―[画像タブ]―[回り込み]―[右寄せ]





▼2

レイアウト枠を作成しておこなう方法もあります。

[挿入メニュー]―[レイアウト枠]をクリックし、画像をレイアウト枠内に移動し、十字マークをドラッグします。
(画像に動きをつける→レイアウト枠)




▼3

1×3の表をつくり、中央や右の欄に画像を入れ込むやり方もあります。

空白欄にはスペースを打ち込むことを忘れないようにしてください。

[表メニュー]―[表の挿入]をクリックし、行数「1」列数「3」の表を作ります。







↑が「プレビュー(実際のWEBブラウザで見た様子)」で見ると↓になります。



ちなみに「プレビュー」を見るにはココ↓





ホームページビルダーの最新ニュース

[新製品]インフォ・クリエイツ、HPをバリアフリー診断し「検印」を記録するソフト




◆ブラウザの画像をコピペする (#5,2004年10月21日)

WEBブラウザから画像を取得し、それを挿入する方法はは2パターンあります。

▼1.

[ブラウザの画像:右クリック]―[コピー]

[ホームページ・ビルダー]―[貼り付け]

つまり、文字列と同じように、[コピー]―[貼り付け(ペースト)]の操作です。コピペといいます。

▼2.

次の方法は、いったん画像を保存し、作業画面に呼び出すやり方です。


[ブラウザの画像を右クリック:]―[名前を付けて画像を保存]―[My Documents]―[aaa]




このあと、保存した画像をビルダー内の作業画面に挿入します。

[ホームページ・ビルダー]―[挿入メニュー]―[画像ファイル]―[ファイルから]―[My Documents]―[aaa]




ホームページビルダー小話

上記の2パターンでは問題ありませんが、例えばHTMLソースを直接書く場合、注意するべきことが一つ。

欲しい画像の上で右クリックし、「プロパティ」を表示させるとその画像のアドレス(URL)が表示されます。これをそのままコピペすれば、その画像は表示されます(ただし「ページ編集」では見れません。「プレビュー」では見れます)。

ですが、これは「直リンク」と言ってやってはいけないことです。法には抵触しませんが、マナー違反です。また、サイト(と言うかサーバー)によっては直リンク対策をとっていて、直リンクすると正常に表示されないようになっているところもあります。


◆区切り線を挿入する (#6,2004年10月26日)

[表示メニュー]―[サイト/素材ビュー]―[素材集]―[素材タブ]―[区切り線]

#1「アニメーションを挿入する」とほとんど同じ手順です。



区切り線とは、文字通り何かを区切る線です。

右図では画像と画像の間に入れてみました。また、画像には分かりやすいように枠をつけてみました。

「区切り線」はただ単に「ライン(Line)」と呼ぶ場合もあります。個人がやられている素材屋さんでは特にその傾向が強いです。





ホームページビルダー小話改めホームページ製作小話

前回は直リンクについて話したので、今回は著作権について。フリーの素材屋さんから素材を借りてくるのが一般的だと思いますが、フリーは無料だと言う意味であって、素材屋さんが著作権を放棄したわけではまったくもってありません。

つまり、素材屋さんからひっぱってきた素材を、自分のページで他人に貸したりしたら最悪手が後ろに回ります。つまり逮捕されます。

ちなみに、この行為(勝手に他人に貸すこと)は「再配布」と言います。それぞれの素材屋さんはちゃんと注意書きで再配布や直リンクについて書いてらっしゃるのですが、やる人が後を絶たないみたいですね。絶対にやっちゃいけませんよ。あんまり酷いと素材屋さんが閉店しちゃいますから。


◆表の行をコピーする (#7,2004年10月28日)

表の中のある行だけをコピーします。

[行を右クリック]―[行]―[行のコピー]


*
コピーされた行は、表の枠ごとコピーされてますので、貼り付ける際にはご注意を。



ホームページ製作小話

著作権繋がりでもう一つ。素材屋さんはホームページ素材を提供するところですから、当然そこの素材を自分のページに載せる事は合法です。けれど、素材でないもの、例えば個人が著作権を宣言しているイラストなどを勝手に持って行ったら、これは著作権の侵害です。違法です。

例え著作権について書かれた文が見当たらなくても、それは自分が探し出せなかったと考えるべきでしょう。とにかく、ヒトのモノを勝手にちょっぱって来るのはやめろ、と。もちろん、版権物(出版された漫画とか)をスキャナで取り込んで自分のサイトにUPするのは完全な著作権侵害ですんで、それこそ捕まります。ちょっとでもヤバそうだなと思ったらやめといた方が吉。


◆水平線を挿入する (#8,2004年11月2日)

[挿入メニュー]―[水平線]
水平線の高さや幅を変えたり色をつけたりするには、右クリックして属性の変更を選びます。

色は、同じく右クリックをして[スタイルの設定]―[現在のタグのみにスタイルを設定:編集]―[カラーと背景]―[前景色:(色を選択)]

右にいろいろな水平線を作ってみました。



ホームページ製作小話

著作権もう一つ。たまにサイトのindexページに行った瞬間音楽が鳴り出したりします。TOPページにいきなり音楽つけるのはサイト制作上のマナーとしてやらないほうがいいですが、今はそれは関係ないので脇においておいて。

この音楽のことをMIDI(Musical Instrument Digital Interface)て言うわけですが、これの著作権侵害も多いようですね。どっかの企業とかが配信してるのにはないでしょうが、個人が製作してるのは要注意です。しかも、最新のPOPミュージックのMIDIはまず間違いなくアウトです。

著作権は製作者の死後50年間は保証されるので、個人が勝手に作れるMIDIはそれこそクラシックしかないわけですよ。と、言うわけで、MIDIは自分で作るときも、借りてくるときも十分気をつけたほうが身のためです。





標準






太く短く






色つき






ちょっと短く右よりで色つき



◆ページにタイトルをつける (#9,2004年11月4日)

ページにタイトルをつけます。

[編集メニュー]―[ページの属性]―[ページタイトル:xxx]

つけたタイトルはココに表示されます



また、WEBページではココに表示されます。

下の「ページ情報タブ」は、ページの左上隅を右クリックし、「属性の変更」を選んでも表示されます。






◆背景を挿入する (#10,2004年11月8日)

背景を挿入する方法は3パターンあります。

1.[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[壁紙]
バックナンバー#1,2,3と同じ方法です。

2.[挿入メニュー]―[画像ファイル]―[ファイルから壁紙として]

3.[挿入メニュー]―[画像ファイル]―[素材集から壁紙として]



奇跡的に戻ってきたホームページビルダー小話

ビルダー内の背景画像は全ていわゆる敷詰型壁紙です。タイルのように正方形で同じ模様のを敷き詰めていくものです。

ですが、壁紙の種類は他にもあります。横に長い画像を縦方向に繰り返し表示する「横長壁紙」。縦に長い画像を横方向に縦方向に繰り返し表示する「縦長壁紙」。さらには繰り返しをせずにあたかも一枚の絵画のように見せる特大壁紙など。

わざわざ特大にしなくてもソースをいじる事によって繰り返しは防げますし、いろいろ試すのも一興。ただ一つ注意しなければならないのは、敷詰も横長も縦長も同じものを繰り返し敷き詰めているので、うまく繋がっている物を選ばないと見苦しくなります。それから、その上に文字を載せる場合は文字が見難くならないようにすることも肝要。お気をつけて〜。


◆表を挿入する (#11,2004年11月11日)

#4の画像の挿入でなし崩し的に紹介しましたが、今ひとつの方法を紹介します。

[表メニュー]―[表の挿入](#4参照)

*表についての注意
空白セルにはスペースを。このスペースを入れないと、不恰好な表になります。




「ページ編集」で↑のように作ってもスペースを入れないと「プレビュー」で見たときに↓のようになってしまいます。間抜けですネ。



これを全部の欄にスペースを入れると↓になるのです。ちゃんと枠が表示されて、表になってます。



もう一つの方法です。

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[レイアウト用素材]




表の特徴
大きさは変幻自在
横幅は無論、縦幅だって思いのまま
数種の表を組み合わせることも可能
色だって自由に変えられる
ただひとつ問題は
センスが問われるってこと




◆ホーバーをかける (#12,2004年11月16日)

リンクテキストにマウスをポイントすると赤に変わるようにします。赤以外も選択することができます。

普通は
←だが、
これを→
にする


[表示メニュー]―[スタイルシートマネージャー]―[追加ボタン(図1)]―[HTMLタグの候補シート(図2)]―[マウスが上にあるリンク]―[色と背景タブ]―[前景色]―[赤]



図1 追加ボタン


図2 HTMLタグの候補シート



図3  ユーザー定義シート


◆マーキーを挿入する (#13,2004年11月18日)

マーキーとは、左から右へ動いていく文字列のことです。
[挿入メニュー]―[その他]―[マーキー]
表の中に入れることも可能です。
↓こんな感じ。
ハラウェイ



マーキーのフォントの拡縮:

[マーキー画像:右クリック]―[属性の変更]―[スタイルボタン(図1)]―[タグ:編集(1)ボタン(図2)]―[予約語→ ピクセル(図3)]―[サイズ:25]


図1


図2


図3

メッセージボード

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[Javaアプレット]―[MsgBoard.js]

↓こんなん。



流れる文字列を変更します。

[MsgBoard.js:右クリック]―[属性の変更]―[パラメータ タブ]―[text選択(図1)]―[値(V):好きな言葉を入れる]―[置換(R)ボタン]


図1

↓こうなる


*
MsgBoard とは、Message Board(掲示板)のことです。


◆更新時刻を自動表示させる (#14,2004年11月22日)

更新情報をページ更新のたびに自動更新することができます。

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[スクリプト]―[lastupdt.js]

「lastupdt.js」をページ内にドラッグします。ダブルクリックしてもOKです。






「ページ編集」画面ではこのように見えますが、「プレビュー」タブをクリックすると、

Last updated: 11/20/2004 08:09:45

のようになります。


*作業画面の4つのタブ

作業画面には

「ページ編集」
「HTMLソース」
「ページ/ソース」
「プレビュー」

の4つのタブがあります。


「Last updated」を「更新」に書き換えるには、タグを書き換えます。

「ページ/ソース」タブをクリックします。

作業画面が今まで見ていた「ページ編集」画面と「HTMLソース」画面に二分割されます。


上半の「ページ」画面で{S}をポイントすると、下の「ソース」に{S}のタグが表示されます。

<SCRIPT language="JavaScript">
<!--
document.write("Last updated: ", document.lastModified, "<BR>");
//-->
</SCRIPT>

この3列目の「"Last updated: "」を「"更新: "」と書き換えます。

更新: 11/20/2004 08:09:45


*
タイムスタンプを好きな所に設置するには、レイアウト枠を活用してください。

[挿入メニュー]―[レイアウト枠]


ホームページビルダー小話

今回紹介したこの便利な更新履歴自動更新機能ですが、サーバーによっては最新のアップデート日時ではなく、最新のアクセス日時を表示する場合があるので、使う前に一度試してみるのをお忘れなく。

◆リンク付けを行う (#15,2004年11月25日)
(項目ごとに印刷しやすいように、間隔をあけてあります。)


リンクづけのオーソドックスな方法は、ブラウザ(インターネット)のアドレス欄から、アドレスをコピーすることです。

  1. http://www.tiu.ac.jp/~kuwabara/ をコピーします。
  2. そのあと、HPBにもどり、「桑原政則オンライン」と入力します。
  3. 「桑原政則オンライン」を選択、右クリックし、[リンクの挿入]をクリックします。
  4. http://www.tiu.ac.jp/~kuwabara/ を貼り付けます。




これで、

    桑原政則オンライン

というアンダーライン付きのリンクテキストがあらわれます。


もともとリンク付けされてるのをコピーするという簡便な手もあります。

ヤフーやGoogleなどよりリンク文字をページにコピペをします。





上の「イノセンス」をコピペしてみました。

    イノセンス



*リンク

リンクとは、クリックすると他のホームページへジャンプするようなシカケのことです。

ホームページとは、実は「リンクテキストの集合体」のことです。

リンクは、正式にはハイパーリンクといいます。

イノセンス は、HTML形式で書かれています。HTMLとは、HyperText Markup Language(超テキストしるし付き言語)のことです。「超」とはジャンプすること、「しるし」とはアンダーラインのことです。

「アンダーライン付きの文字をクリックすると別ページへジャンプする文字列」の意味です。




◆ロールオーバー効果を設定する (#16,2004年11月29日)

ロールオーバーとは、画像の上にマウスを置くと別の画像に切り替わること。リンク文字の上にマウスを置くと色が変わるのは、ホーバーといいます。

こういう事です。クリック。 ↓

aaa


画像を挿入してから、次の手順でおこないます。

[画像を右クリック]―[画像のロールオーバー効果の設定]―[次へ]―[通常時の画像…]―[効果の選択]―[次へ]―[…]


別の画像に変えることもできます。

クリック 。 ↓




さらにリンクを貼ることができます。画像をなぞり指マークでクリックしてください。 ↓

*童謡「とおりゃんせ」は、なぜコワーイ?:三芳野神社 (#17,2004年11月14日)





◆カウンタを設置する (#17,2004年12月2日)

カウンタにチャレンジします。




[表示]―[簡単ナビ]―[ナビメニュー]―[その他の挿入]―[アクセスカウンタ]―[プロバイダの選択:その他]―[タグ挿入:………]


今回は

【<script type="text/javascript" src="http://counter2.yaboo.jp/c.js"></script>】

というタグを挿入しました。

これは「1番星アクセス解析付き無料カウンター」からお借りしました。この他にもいろいろ種類があるので、好みのものを探してみては?

カウンタ色々

















◆掲示板を製作する (#18,2004年12月9日)

やっぱり大抵のサイトに設置してある掲示板(BBS)。

とりあえず作ってみました↓
掲示板


[表示]―[簡単ナビ]―[ナビメニュー]―[その他の挿入]―[掲示板]―[新規に掲示板を作成する]―[かんたん作成]―[次へボタンクリック]―[掲示板のタイトルを入力]―[タイトルの下に入れるメッセージを入力]―[次へボタンクリック]―[ホームページアドレス入力]―[次へボタンクリック]―[ユーザーID入力]―[本名入力]―[メールアドレス入力]―[次へボタンクリック]―[完了ボタンクリック]―[OK]


他にも、Yahoo!googlで「掲示板 無料」とでも検索かければざっくざっく出てくるので、そこから借りて来るのも一つの手。むしろその方が一般的。根気よく探せば、良いのが見つかりますよ。


ホームページビルダーの愚痴
なんだかあんまりな題ですが、まぁ、愚痴です。

もともとビルダーの中にある画像を使うと、上書き保存をする時に「素材ファイルをコピーして保存」てのが出てきます。これ、何もいじらずにこのまま「保存」を選ぶ分には何の不都合もないのだが、「選択項目の変更」の「ファイル名」を変えたらさぁ大変!!タグが勝手に書き換えられて(とは言えこれは当然なのだが)、ネット上で見れなくなるぞ!

例えば<IMG src="file:///C:/Documents and Settings/printuser/My Documents/column/ a0003.gif">てな具合だ。これはつまり、パソコン上のマイドキュメント内のcolumnと言うフォルダ内にあるa0003.gifを表示せよって意味。

即ち、ほかのパソコンからは見れないってことだ(その画像はあくまでも作業中のパソコンの中にあるわけで、誰とも知らぬ他人のパソコンの中にあるわけがないのだから)。

これを改善するには、自分でタグを書き換えなければならない。これ、結構面倒だ。どうにかして欲しいものだ。


◆ステータスバーに動く文字を表示 (#19,2004年12月13日)

ステータスバーに動く文字を表示します。
ステータスバーとはウィンドウの一番下のバーの事です。

これ↓



ここに右から左に流れる文字を表示します。

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[スクリプト]―[scroll.js]

「scroll.js」をページ内にドラッグします。




「ページ編集」では上のように見えますが、「プレビュー」では、


のようになります。

(プレビューではステータスバーが上(ページ編集やプレビュータブの横)にあるので注意)


この文字を変更したいときはタグを直接いじります。

<SCRIPT language="JavaScript">
<!--
var msg = "Hello everyone, Welcome to my homepage.............";
var delay = 100;
var pos = 100;
function scroll_status() {
setTimeout("scroll_status()", delay);
var out = "";
if (pos >= 0) {
for (c = 0; c < pos; c++) {
out += " ";
}
out += msg;
}
else {
out = msg.substring(-pos, msg.length);
}
pos = (-pos > msg.length) ? 100 : pos - 1;
window.status = out;
}
scroll_status();
//-->
</SCRIPT>


上記がこのスクリプトのタグです。なんかえらい長いように思うかもしれませんが、変えるのはたった一部。

3〜4列目の「var msg = "Hello everyone, Welcome to my homepage............."」の「""」内を好きなように書き換えてみましょう。ただし変えるのはここだけです。他のとこをいじってはなりません(タグに詳しければ構いませんが)。



ホームページビルダーの愚痴

リストマークを挿入するとき、左上の「簡単ナビ・ツールバー」を使うのが、早いのですが、ここをポイントしたときに出る説明文がいただけない。

「指定して挿入」…まぁ、分からないでもない。右に「▼」マークがあることから、いくつか種類があるんだろうと推測されるからだ。

しかし、他のをポイントした時出る説明文は「太字」であったり「中央揃え」であったりするのだ。ならばここは「リスト」と表示するべきではないか。「指定して挿入」は不要だろう。

どうしても入れたいならば、「打ち消し線」だってそうすべきだ。「打ち消し線」にも「▼」マークがあるんだから。どちらにしたって一貫性がないし、不親切極まりない。何の為の説明文だよ。

*リストマークの種類
  •  
  •  
  •  
  •  
  •  
  •  
  1.  
  2.  
  1.  
  2.  
  1.  
  2.  
  1.  
  2.  
  1.  
  2.  

画像からも作成できます。
  •  


◆背景色を起動のたびごとに変える (#20,2004年12月17日)

ページにアクセスするたびに背景の色を変化させます。

[表示メニュー]―[サイト/素材ビュー]―[素材タブ]―[スクリプト]―[bgchange.js] 「bgchange.js」をページ内にドラッグします。

こんなん


色を変更したいときはやっぱりタグをいじります。タグの知識が必要なわけがこんなところから次第にわかってきます。


<SCRIPT language="JavaScript">
<!--
function makeArray(n)
{
this.length = n;
return this;
}
colors = new makeArray(10);
colors[0] = "white";
colors[1] = "yellow";
colors[2] = "#ff80ff";
colors[3] = "blue";
colors[4] = "#ff8000";
colors[5] = "green";
colors[6] = "#800080";
colors[7] = "#800000";
colors[8] = "#00ffff";
colors[9] = "#ff8080";
var today = new Date();
var index = today.getSeconds() % 10;
document.bgColor = colors[index];
//-->
</SCRIPT>

8行目の「colors[0] 」から17行目の「colors[9] 」の「""」内を好きな色に変えましょう。

*色彩のページ

色の指定は、色を16進法で表したカラーコードを用いるのがベスト。

[表示メニュー]―[カラーパレット]を参考するのが吉。「適用」ボタンの上の「#ff3300」がこの赤っぽい色のカラーコードです。

くれぐれも間違えないように書き換えましょう。


カラーコードのかわりに、下の名称を使うこともできます。その際は#(次に続く文字列が数字であることを示す符号)はいりません。

black  blue  cyan  darkGray  gray  green  lightGray  magenta  orange pink  red  white  yellow


ホームページビルダーの愚痴

前回に続き「リストマーク」についてですが、これのショートカットキーが欲しいです。

*リストマーク
  •  
  •  


◆パスワード付きリンクの挿入 (#21,2004年12月20日)

入場制限をしたいページにリンクを張るときに用います。

こんなん (ヤサシーです。 (-_-) )
パスワードは「nekozuki」です。


途中までは普通のリンク付けと同じです。

任意の文章(もしくは画像)を選び、右クリック[パスワード付きリンクの挿入]―[パスワードが正しいときに表示されるリンク先]―[パスワード]―[パスワードが正しくない場合に表示されるリンク先]―[OK]


ホームページビルダーの愚痴

ビルダーを「スタンダード」モードで開くと、作業スペースの右にも左にも窓がありますよね。右の窓は、右上に「×」があるので、邪魔な場合はすぐに消せますが、左のはそうは行かない。ツールバーの「表示」で選択されている「簡単ナビ」を非選択して、左窓右上に表れた「×」をクリックして初めて消せる。なんとかひとつの動作で消せるようにならないものか。…

いや、最初から「エディターズ」で開けばいいじゃんて言われたらそれまでですが…。でも、「エディターズ」でも何でも、一度左窓を表示させると、消す手間はやっぱりかかるわけで。何とかして欲しいものです。

◆iモード用ページの製作 (#22,2004年12月23日)

ネット用と比べたら、いろいろと制約が多いけれど、その分簡単なiモード用ページ。


[表示メニュー]―[かんたんナビ]―[スタートボタン]―[サイトを作成する]―[サイト名:スルメの館]―[次へ]―[新規にトップページを作成する]―[トップページのファイル名:indexi.html(注意:アイとエルを追加してください。]―[完了]


[表示環境]―[iモード]―[次へ]―[次へ]―[テーマ:グルメ]―[ページ一覧]―[満載!グルメ情報:スルメの館]―[和食:スルメの歴史]―[洋食:スルメ料理]―[中華:スルメのリンク集]―[ページタイトル:スルメの館]―[色のカテゴリ:黄の壁紙]―[背景と文字色の組み合わせ:右列一番上]―[完了]


[転送設定をおこないますか?:いいえ]

[ファイルメニュー]―[すべて保存]


パソコンから見るとなんとも間抜けですが、
こんなんです


写真の編集は、
[ツールメニュー]―[iフォトビルダー]でおこないます。


ホームページビルダーの愚痴

編集モードを「HTMLソース」もしくは「ページ/ソース」に変えると、表示までに結構な時間がかかる。

これ、ソースをわざわざ色分けしているからで、「ツール」の「オプション」で設定を変えれば解決する問題だが、大学内で扱う場合、設定は一度パソコンの電源を落とせば初期設定になってしまうわけで、つまり毎回毎回毎回毎回ビルダー開けたらまず[ツール]―[オプション]―[ソース編集]―[色設定]っていう作業をしなければならない。

これはかなり面倒くさい。色分けは確かに分かりやすいかもしれないが、せめて「エディターズ」で開いたときはモノクロ表示を基準にしてほしいです。


◆初期設定に戻す (#23,2004年12月30日)

カスタマイズしすぎて逆に使い難くなったときなど、自宅のコンピュータのホームページ・ビルダーを初期設定にもどします。

*カスタマイズとは、ソフトウェアの設定などを自分好みに調整することです。カスタマイズすればするほど使い勝手がよくなるので、自分のコンピュータをもつ者は進歩が速いものです。


[ホームページ・ビルダー:右クリック]―[ショートカットタブ]―[リンク先を探す]―[hpbclean.exe]―[アプリケーション設定]―[…]

実行する前にココを参照したほうが良いでしょう。



ホームページビルダーの愚痴

ウェブアートデザイナで「オブジェクトの編集」に「OK」ボタンがないのが少し気になる。

いくら変更事項がリアルタイムで反映されると言っても、「OK」ボタン…つまりは「完了」ボタンがないというのはどうにも据わりが悪い。

右上の「×」を押せばいいのだが、「×」はふつうキャンセルのことだ。


◆まるごとチェックを行う (#24,2005年1月5日)

全ページのアクセスビリティ、スペルミス、半角カナ、構文エラーを検索します。

日本語をローマ字であらわすと、スペルミスになるので、チェック項目からはずしておいた方がいいです。


まず、サイトの設定をします。
[サイトメニュー]―[サイトを開く]。サイトが設定されると自然に閉じます。

[サイトメニュー]―[まるごとチェック] 。
*が表示された箇所にエラーがあります。


ページごとのチェックは、ツールメニューの
スペルチェック、半角カナ変換、HTML構文チェック、アクセスビリティチェックでおこないます。


チェックがついたら、面倒がらずに直しましょう。もっとも、HTMLに関しては、ビルダーが勝手に修正してくれるので、任せてしまうと楽。



ホームページビルダーの愚痴

ソースを直接いじる場合、僕の個人的な癖として、タグは小文字で書いている。が、ビルダーの初期設定ではタグは大文字だ。正直、どちらでも良いとは思うのだが、混ざってるのはちょっと見苦しい。

ならば設定のほうを自分の好きなほうに変えればいいじゃないかと言われればそれまでだが、前々回に愚痴った通り、大学で作業しているとそれが面倒でならない。

そこで、ユーザーが直接書いた物もビルダーの初期設定に従って自動的に変換してはくれないか。何も書いた端から変換しろとは言わない(てか無理だ)、編集モードを変えたときにズガガっと変換してくれると気持ちいいのだけれど…。

…なんだか無茶なことを言い出しましたが、あくまでもコレは「愚痴」なので(^^;)


◆ページ内ジャンプ:ラベル (#25,2004年1月13日)

ページ間ジャンプを「リンク」と言うのに対し、ページ内ジャンプは「ラベル」と言います。さらに、ページ間ジャンプでも、飛んだ先の特定の位置を表示するのも「ラベル」と呼びます。


同一ページのaaaからbbbへのジャンプの設定は次のようにします。

[bbbを選択反転]―[右クリック]―[リンクの挿入]―[ラベルを付けるタブ]―[ラベル:1とでも入力]―[OK]

[aaaを選択反転]―[右クリック]―[リンクの挿入]―[ラベルへタブ]―[ラベル]―[下三角]―[1を選択]―[OK]

他のページのcccから上のnewpage3.htmのbbbへとぶには、次のようにします。

[他のページのcccを選択反転]―[右クリック]―[リンクの挿入]―[ラベルへタブ]―[他のファイル]―[参照]―[newpage3.htmを選択]―[ラベル]―[下三角]―[1を選択]―[OK]


ホームページビルダーの愚痴

新規ページを開いて、真っ先にスペースキーの連続打ちをしようとすると、これが出来ない。

[ツール]―[オプション]―[編集]で設定を変える必要がある。これがやっぱり面倒臭い。専用のボタンでもってワンクリックで切り替えられるようにして欲しい。


◆セルの分割、結合 (#26,2004年1月20日)

セル、つまり、表の枠割を変えます。

[セルを右クリック]―[セル]

右上のバーのアイコンを使っても同様の事ができます。これ↓



新しいセルを上方にもってくるには、Ctrl+Alt+"↑"


ホームページビルダーの愚痴

ビルダーの利点は、なんと言っても自分でタグを書かなくてもHPを製作できるという点だと思うのだけど、HTMLはともかく、スタイルシートを書かせると、無駄に長い書き方をされるのが気になる。もっとシンプルにできませんか?


◆インラインフレーム (#27,2005年1月27日)

フレームの中に、ページを入れることができます。



↑の中身は違うページなんですよ。


[挿入メニュー]―[その他]―[HTMLタグ]―[タグ]―[IFRAME]―[挿入ボタン]―[…]

インラインフレームは、桑原政則オンラインのトップページでつかわれています。


ホームページビルダーの愚痴

スタイルシートを自分で書くとき、ヘッダの中の部分はコメントアウトされるから、スペルミスをチェックしてもらえなくなるのはちょっと痛い。単純な単語ほど間違えません??


◆表示フォントを大きくする (#28,2005年2月3日)

表示のフォントを大きくします。

[メニューバー]―[ツール]―[オプション]―[フォントTab]―[フォントサイズ:12]

これは、自分だけのためで、ウェブページには反映されません。虫眼鏡のようなものです。


視力が弱い人は使ってみましょう。全体のデザインを把握するのにちょっと苦労しそうですが、眼鏡かけてパソコンに向かうよりか目には良いでしょう。



ホームページビルダーの愚痴

これはword特有の機能なのかもしれないが、便利なのが「再変換」機能!!これがビルダーの「ページ編集」でも出来ると、かなり嬉しいのだが…。

いや、技術的にかなり難しいのは分かってるし、無茶を言ってるのは承知してますが、ココはそういうコーナーなので!(開き直り) でもってついでにドラック&ドロップも出来るとかなり嬉しいんですがっ!!


◆表にタイトルをつける (#29,2005年2月10日)

表にタイトルをつけたいとき、もしくはクレジットを表示したいときにご使用ください。

[表内を右クリック]―[属性の変更]―[表タブ]―[表題:表の上]

↑で出現した点線の枠内にタイトルを記入。


ホームページビルダーの愚痴

ツールバーにもいろいろと種類があるから仕方のないことかもしれないが、「表の挿入」ボタンが二箇所もあるのはちょっと気になる。「one fact in one place. 」と言ってしまうと、そもそもツールバーの存在を否定してしまうことになるからそこまでは言わないが、それでも重複は出来うる限り避けるべきではないだろうか。



ホームページビルダーを使いこなす 目次 :Paraffin
Copyright(C)2004- Paraffin    リンクはご自由に。ご連絡は無用です。このページの著作権はParaffinに帰属します。ホームページ・ビルダー原稿