HomePage講座     Yukiの休息所(趣味の部屋)
 2号館トップに戻る
 HomePage講座に戻る
 HPB別枠講座に戻る
次の項目に進む>>
<<前の項目に戻る

 HomePage講座別枠、特別編 ページ/ソースモードの活用法

 HPBをページ編集モードだけで使用していては、 出来ない事、やりにくい事が、多々あります。
 ページ/ソースモードに切り替えると、簡単に解決出来る事も多い、 順不同で、気がついたことを、公開して行くつもりです。


 第1回としましたが、どこまで続けられるか不安もあります、 実は、ホームページビルダーを使う機会が少なくなってきているんです。

 忘れないうちに、記録するつもりで、書き込んで置きますが、さてどうなりますか?
 
 
 
 HPB別枠講座、第1回、ページ/ソースモード
 第一弾は、表・セルの色設定
 
 セル・表に色を設定したら、消し方が不明、そのままになってませんか?
 HPBの編集画面から消す方法と、ページ/ソースモードから消す方法を紹介します。
 
 消したいセルで、右クリック、属性の変更を選択するとこのダイアログが出ますから、 左が、下向き矢印で、選択候補が出たところ、そのまま「DEL」キーでOK、消えてますね。
 
   
 
 左側が、ページ/ソースモードに切り替えたところ、右が、色を消したいセルを選択したところ、 黄色に変わった部分がありますね。
 
 その左側にある「bgcolor="#0000ff"」を選択して、 「DEL」キーです。消えました。

 ”まで消してくださいね、図は少しずれてるようです。
 
 第2弾、右図のような、表を下にコピーしたい・・・困りますよね。
 
 ソース/ページモードでコピーしましょう。
 
 
 ページ/ソースモードにして、青・赤・黄の順でクリックして、範囲を確認して、 外側の<TR>範囲</TR>を含めて選択、図の様に、次のタグの手前まで選択するのがコツ。
 右クリックでコピー、選択範囲の最後、</TABLE>の手前にポイントを置いて、 貼り付けです。
 上手くいきました。

 上段の表示部分をクリックしないと反映されませんからご注意を。

 ついでに、THMLタグの説明を少しだけ。

 <TR>
   <TD width="250" bgcolor="#0000ff">& ndsp;</TD>

 最初の<TR>は、行の始まり、
 <TD width〜、<TD>タグの中にプロパティ(属性)を含むために長くなってますが、 次の>までがひとつのタグで、セルを開始です。

 次の「&ndsp;」は、空白文字とでもいいましょうか、 半角スペースで中身が何も無い時でもこれが入っている場合が多い。

 </TD>、はご推察どおりの、セルの終了、次のセルと合わせて、 一列2セルになりますね。

 </TR>で、一列終了ですから、選択時に前後の、 <TR></TR>を含めるわけです。
 
 第3弾、style設定の削除

 意味不明ですか?

 左図の様に、左上で、右寄せを設定しても、文字が右に寄らず、左寄せのまま、 こんな事はありませんか、メニューからの解消方法と、 ページ/ソースモードを使う方法を紹介します。
 
   
 まずは、編集モードの場合、「編集」メニューから「スタイルの設定」→ 「文字のレイアウト」と進み、水平方向の配置を左端の「空の四画」を選択して「OK」です。
 
 
 次は、ページ/ソースモードに切り替えて、 上段のページ表示部分の黄色いセルをクリックしたところ。

 下段に色が変わった部分の左側に、問題点があります。

 黄色になってた部分の左側で、「style=で始まる一文を探して、消してしまえばOKです。

 「style」文は、「style="で始まり、次の”まで、 今回の場合は「style="text-align : left;"」になります。

 意味は、文字の左寄せをstyleに設定です。この設定が全てに優先しますので、 消しておかないとスタイルシートも効果無しになります。

 
 
 第1回は、ここまで、次回をお楽しみに・・・