『ボヘミアン・ラプソディ』はなぜ人々を魅了したのか >>

自分のHPの更新した箇所が分かり易いように、背景色を黄色等に変えて表示させようと考えています。
ホームページビルダー13(HPB13)を使っているのですが、文字の色ではなく、文字の背景色を変える方法をご存じの方、教えて下さい。

もし、背景色を変える以外に、更新箇所が分かり易い方法があれば、そちらも合わせてお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

CSSの1プロパティだけ覚えれば簡単にできますし、


ホームページビルダーのツールでもできるでしょうが、

素人さんでも簡単に設定する方法は、
辞書ツールに「こうしん」(更新)という単語を登録で、下記の1行を単語登録
<span style="background:yellow;">更新</span>


更新したい時に、テキスト上で、
「こうしん」と打って変換ボタンを押せば、
<span style="background:yellow;">更新</span>
が出てきますので、真ん中の文字「更新」の部分に文章を入れれば、その文章の背景は黄色になっています。
ホームページビルダーなんて不要って事です。メモ帳でOK。

例:
<span style="background:yellow;">ありうえおかきくけこ</span>

別に「更新」じゃなくとも、何の単語や数字でも良い訳ですが・・・

何故 <span style="background:yellow;"> </span> で色が変わるのか?調べるとCSSを自由に使えるようになるでしょう。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。

お礼日時:2013/09/17 00:24

背景色を変えたい文字列を選択状態で、スタイルシートマネージャを開きます。

スタイルシートマネージャは「表示」の中にもありますし、「赤いS」のマークのアイコンがそうです。

「追加」ボタンをクリック→「色と背景」タブをクリック→「前景色」「背景色」がありますから「背景色」を希望の色に選択→「閉じる」でできます。

なおビルダーのサイトをご紹介しておきます。参考になると思います。

http://www.wsb.jp/hpb/
    • good
    • 1
この回答へのお礼

回答ありがとうございました。

お礼日時:2013/09/17 00:21

>自分のHPの更新した箇所が分かり易いように、


 HP(ヒューレッドパッカード)じゃなく、ウェブページ/HTMLの更新場所ですね。
 ⇒ホームページという言葉、および略語( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )
 ⇒名称の影響( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )

>自分のHPの更新した箇所が分かり易いように、
 HTMLでは、<del><ins>という要素(タグ)が用意されています。
※他に適当な要素があるのに<div>や<span>を使用するのは避けるべきです。<span>や<div>は最後の手段で、これらを使うときは文書構造を補完するidやcalssをつけます。
 ⇒div 要素の【注意】( http://www.html5.jp/tag/elements/div.html )
 ⇒DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

[例]
<p>
 HTMLにおいて、修正は<del>ホームページ</del><ins datetime="2013-06-23">ウェブページ</ins>のようにマークアップします。</p>
 ⇒9.4 文書の変更に目印をつける: INS要素とDEL要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

 そして、スタイルシートで、
del{dispaly:none;}
ins{background-color:yellow;}
 とすれば良いです。

★ビルダーを使おうと、HTMLやCSSの知識は絶対に必要です。それどころか、テキストエディタで作成する人以上に、それらを良く知っていなければなりません。でないと変なHTMLを作成してしまいます。→ http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … 決して逆じゃないですよ。
 HTMLやCSSのしっかりした知識に加えてツールでの方法や癖を知る必要があるということです。
★修正する文字列を選択して、タグの挿入で削除(ins)を選択して、新しいテキストは同様に挿入<ins>を選択します。
★その後、スタイルシートでデザインを好きに指定します。

 それだけで、誰(検索エンジンも)が見ても、内容が理解でき、メンテナンスが容易な互換性の高いページが出来ます。

[サンプル]
ヘッダ(div class="header"></div>と本文<div class="section"></div>内で異なるデザインが書かれています。比較してください。
★タブは_に置換してあるので戻す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
ins{background-color:yellow;position:relative;}

div.header del{display:none;}
div.header ins{font-weight:bold;}

div.section del{text-decoration:line-through;color:gray;}
div.section ins:hover:after{content:" ★"attr(datetime)"(修正)";width:10em;position:absolute;top:-16px;left:100%;background-color:yellow;;}

-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>HTMLにおいて、修正は<del>ホームページ</del><ins datetime="2013-06-23">ウェブページ</ins>のようにマークアップします。</p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<p>HTMLにおいて、修正は<del>ホームページ</del><ins datetime="2013-06-23">ウェブページ</ins>のようにマークアップします。</p>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2012-08-10</dd>
__</dl>
__<address>&copy; ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
    • good
    • 0
この回答へのお礼

回答ありがとうございました。

お礼日時:2013/09/17 00:20

HTMLで書けば



変更していない文字<span style="background-color:#:#00ff00;">変更</span>変更しない

こすると「変更」だけ背景が水色になります。

HBはもう何年も使ってないけど「網掛け」があったと思うのですが・・・
HTMLを覚えるとHBは面倒ですよ。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。

お礼日時:2013/09/17 00:20

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページビルダーでプルダウンメニュー作成

質問させていただきます。HP作成中です。素材サイトにあるようなプルダウンメニューを作成したいのですがどのような方法で作成するのでしょうか?こちらのサイトです。http://www.s-chimp.com/mc/
メニューをクリックするとサブメニューが表示されます。理想としては違うメニューをクリックしたときに他のサブメニューが表示されたままではなく閉じると嬉しいです。初心者なので難しいことは出来ないと思うのですがどなたかお願いいたします。

Aベストアンサー

ホームページビルダーの機能にはありませんので
こちらの メニュー か 個人的に使ってみたいスクリプト を参考にしてください

http://www.wsb.jp/hpb/java_s/top.htm

QHPビルダーで中央表示がしたいのですが・・。 

HPビルダーで中央表示がしたいのですが・・。 
どこでも配置を使って作ったHPが、左端がブラウザに固定の表示になってしまいました。
常に開いたブラウザの中央に表示されるようにするにはどうしたらいいのでしょうか。

Aベストアンサー

>http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

IBMのサイトを参考にしてください。

標準モードで「表の挿入」で「表」を使って、表の一番外枠を選択状態で「書式(O)」「位置揃え(A)」「中央揃え(E)」で表が中央に来ます。

または、普通の「文字の中央」をクリックでもOKです。

どのサイズのディスプレイでも中央表示となります。

どこでもモードでは不可です、標準モードで作成です。

表の列や行は後からいくらでも追加や削除が出来ますので、文字列の配置や画像の挿入位置などレイアウトを考えて、列や行を作りましょう。

またセルの結合や分割もできますので、自由な画面のレイアウトが可能です。

表の外枠を選択状態で「編集(E)」「属性の変更(A)」で表やセルの寸法を決めたり枠表示を消したり、枠に色をつけたりも出来ます。

Qホームページビルダーで作成したサイト情報の保存場所は?

ホームページビルダーで作成したサイト情報の保存場所は?

パソコンをWindows XPからWindows7に買い換えたので、XPで使っていた【ホームページビルダーV6.5】を7にインストールし直しました。
しかしサイト情報(FTPサーバーアドレスやパスワード)をメモしたテキストファイルを誤って削除してしまい、サイトの再構築ができなくなってしまいました…

そこで質問です。

もともと使っていたXPの中からサイトの情報(転送時に使うFTP情報)をコピーして7に持っていきたいのですが、ホームページビルダーで作成したサイト情報の保存場所はどこなのでしょうか?
ホームページビルダー自身はCドライブ内のprogram filesにあります。
調べたところ、サイト情報はそことは別に「C:\Windows\Application Data\Ibm\HomePage Builder Version 6」に入っているという情報を見つけたのですが、Windowsフォルダ内にApplication Dataというフォルダはありませんでした。
自分のミスで本当に情けない限りですが、XPでのホームページビルダーV6.5のサイト情報が保存されている場所をご存じの方、いましたらご回答のほど宜しくお願い致します。

ホームページビルダーで作成したサイト情報の保存場所は?

パソコンをWindows XPからWindows7に買い換えたので、XPで使っていた【ホームページビルダーV6.5】を7にインストールし直しました。
しかしサイト情報(FTPサーバーアドレスやパスワード)をメモしたテキストファイルを誤って削除してしまい、サイトの再構築ができなくなってしまいました…

そこで質問です。

もともと使っていたXPの中からサイトの情報(転送時に使うFTP情報)をコピーして7に持っていきたいのですが、ホームページビルダーで作成し...続きを読む

Aベストアンサー

windows7だと、ビルダーv6.5は未対応となっていますので、
もしかしたらうまく使用できないかもしれませんが・・・。

xpだとWindowsじゃなくてDocuments and Settings¥ユーザー名¥内にApplication Dataがあります。
その中にIBM¥HomePage Builder Version ●¥site¥があると思います。
siteをクリックしてください、ご自分が作成したサイト名(ビルダーのサイト一覧でのサイト名)のフォルダがあると思います。
このフォルダの中身のファイルを直接確認することはできないと思うのですが、サイト情報が保存されているのはこちらかもしれません。
(転送設定情報が含まれているかどうかは確認できませんでした。)

Qホームページビルダーで表の列幅を調整するには

ホームページビルダーホームページを使ってホームページを作成中です。
表を作りましたが,表の列幅が揃いません。プレビュー画面では大体同じ幅になっているのに,実際の表の列幅は揃っていません。
なぜ揃わないのでしょうか?また揃えるためにはどうしたら良いでしょうか?
ご教授お願いします。

Aベストアンサー

hpbを利用し、表を多用し Hpを作成しています。
100桁 4列作成する場合、
 <TABLE border="1">
<COL span="4" width="100">
<TBODY>
だけではなく、合計幅を入れると安定します。
           ↓
 <TABLE border="1" width="400">
<COL span="4" width="100">
<TBODY>

※ この場合も、その列に 100pxを超す画像を入れたり、
長い文字列にリンクを張ったりすると、幅がかわる可能性があります。
 

Qホームページビルダーで背景画像がうまくいかない

ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。
どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。
ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背景が表示されない不具合が出ました。(検索してみると同じ不具合が出る人が数人見つかり、一つだけ解決策が見つかったのでそれを実行しています。 http://www.aimix.jp/hpboldlog2/old3594.html   の一番下のやり方です。)

最悪、背景の問題が解決できなければ、ページの中央表示で妥協しようと思っています。
で、標準モードで製作していれば簡単にページの中央表示(真中寄せ)ができるようですが、今どこでも配置モードで製作していますので、どこでも配置モードで中央表示する方法はありませんか?
できれば全てにおいてhtmlタグは極力直接入力は避けたいです(わけがわかっていないので・・・)

お詳しい方よろしくお願いします。

ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。
どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。
ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背...続きを読む

Aベストアンサー

>背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。

この意味は、背景画像が繰り返して、表示されるという意味でしょうか?

繰り返さないにするには「編集」「ページの属性」「ページの情報」タブを開いて「スタイル」ボタンを押します。「色と背景」タブの中に「繰り返さない」の設定があります。

しかし、「800×600」の画像では、左上に固定されます。

私は、画像ファイルのサイズを1100×915くらいに大きくして、背景として挿入でなく、画像ファイルの挿入にしていますが、表示されないとかの不具合は一度もありません。

バージョン8の時から、いまの11までですが。

もともと、ビルダーは、どこでも配置モードでは「常に画面の中央表示」はできません。最新バージョンの13ではどうなってるかわかりませんが。

どのサイズの画面でも、画面の中央表示にするには、標準モードで「表」をうまく使えば、かなり複雑な画面のレイアウトが出来ます。

Qホームページビルダーで表の枠の色を変える方法

タイトルどおりの質問なのですが、
表の枠の色を変えるにはどうしたら良いのでしょうか?
過去を調べてみたら、外枠と内枠の色の変え方は書いてあったのですが、外枠と内枠の間の色も変えたいのですがどうしたらよいのでしょう?

あと、表の背景の色は初め透明だと思うのですが、1度色を付けたあとに、透明に戻すということは出来ますか?ページの背景を活かしたいので白じゃなく透明にしたいのです。
できるならやり方も教えてください。よろしくお願いします。

Aベストアンサー

> 表の枠の色を変えるにはどうしたら良いのでしょうか?

次ので順で可能です。(スタイルシートを使用します)

1.
表を作成します。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「枠表示」のチェックをはずすか,「枠表示」欄に「0」を入力します。
5.
「スタイル」ボタンをクリックします。
6.
そのページすべての表に適用したい場合は「編集1」ボタンを,特定の表だけに適用したい場合は「編集4」ボタンをクリックします。
7.
「レイアウト」タブをクリックします。
8.
「ボーダー」欄の「予約語」を別のものに変えます。理解しやすいように,ここでは,「ピクセル」を指定してください。
9.
「幅」欄に適当な数値を入力してください。ただし,あまり大きな数値を入力してしまいますと,見た目がおかしくなることもありますので,注意してください。ここでは,理解しやすいように,2~4の数値を入力してください。
10.
「スタイル」欄では,適当なものを選択してください。とりあえず,「実線」を選択しますとわかりやすいと思います。もちろん,他のものでも構いません。
11.
「色」の欄を「標準」以外に変更してください。プリセットに希望する色がない場合は,「ユーザー定義」を選択してください。
12.
「ユーザー定義」を選択した場合,最初はもう少し多い数の色が選択出来るようになっていますが,そこになければ,「その他」をクリックしてください。
13.
Windowsの「色の設定」ダイアログボックスが開きますので,プリセットの中から選択するか,または,右半分で希望する色を作成してください。色を作成した場合は,必ず,「色の追加」ボタンをクリックして,そのあと,「作成した色」の中から選択し,最後に「OK」ボタンをクリックします。
14.
すべてのダイアログボックスが閉じるまで,「OK」ボタンをクリックしてください。

これで,表の外枠が変更出来ます。
次に,中枠の変更です。

1.
中枠を変更したい部分をクリックします。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「スタイル」ボタンをクリックします。
4.
すべての表の中枠に適用したい場合は「編集1」を,選択した部分の中枠だけに適用したい場合は「編集4」をクリックします。
5.
「レイアウト」タブをクリックします。
6.
「ボーダー」欄の「予約語」を別のものに変えます。理解しやすいように,ここでは,「ピクセル」を指定してください。
7.
「幅」欄に適当な数値を入力してください。ただし,あまり大きな数値を入力してしまいますと,見た目がおかしくなることもありますので,注意してください。ここでは,理解しやすいように,2~4の数値を入力してください。
8.
「スタイル」欄では,適当なものを選択してください。とりあえず,「実線」を選択しますとわかりやすいと思います。もちろん,他のものでも構いません。
9.
「色」の欄を「標準」以外に変更してください。プリセットに希望する色がない場合は,「ユーザー定義」を選択してください。
10.
「ユーザー定義」を選択した場合,最初はもう少し多い数の色が選択出来るようになっていますが,そこになければ,「その他」をクリックしてください。
11.
Windowsの「色の設定」ダイアログボックスが開きますので,プリセットの中から選択するか,または,右半分で希望する色を作成してください。色を作成した場合は,必ず,「色の追加」ボタンをクリックして,そのあと,「作成した色」の中から選択し,最後に「OK」ボタンをクリックします。
12.
すべてのダイアログボックスが閉じるまで,「OK」ボタンをクリックしてください。

「編集4」で変更した場合は,変更したい部分の回数だけ,中枠変更の作業を繰り返してください。
作業が終わりましたら,一度,プレビューなどで確認してください。

> 表の背景の色は初め透明だと思うのですが、1度色を付けたあとに、透明に戻すということは出来ますか?

可能です。
以下の手順で作業してください。

1.
背景色を削除した意表をクリックします。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「背景」欄にある「色」欄,「色選択」ボタンの右に「#ff0000」など#と数値が表示されている部分をクリックします。
5.
キーボードの「Delete」キーを押してください。
6.
最後に,「OK」ボタンをクリックします。

これで背景色が削除出来ます。
背景画像をスタイルシートで指定していない限り,同じ方法で背景画像も削除出来ます。(もちろん,表の背景のことです)

ホームページビルダーV6~V7で確認しています。
たぶん,ホームページビルダー2000・2001も同じだと思います。

> 表の枠の色を変えるにはどうしたら良いのでしょうか?

次ので順で可能です。(スタイルシートを使用します)

1.
表を作成します。
2.
メニューバーの「編集」>「属性の変更」の順でクリックします。
3.
「表」タブをクリックします。
4.
「枠表示」のチェックをはずすか,「枠表示」欄に「0」を入力します。
5.
「スタイル」ボタンをクリックします。
6.
そのページすべての表に適用したい場合は「編集1」ボタンを,特定の表だけに適用したい場合は「編集4」ボタンをクリックします。
7.
「...続きを読む

Qホームページビルダー リンク設定できない

ホームページビルダーで作っているのですが リンクできません
ビジュアルサイトビューでリンク設定できたらツリーみたいになるはずなのに
リンクされていないHTMLファイルのとこにあるのですが
リンク挿入 ページリンク作成する リンク先INDEX.HTMLとつなげたいのですが
どうしたらいいのですか?

Aベストアンサー

親ウィンドウ(index.html)のページを開きます。
その中の「この部分にリンクを貼りたい」というところを反転させます(文字の場合)。
ロゴや画像の場合はその部分をクリックするだけでOK。
そのリンクを貼りたいところで右クリックすれば、「リンク挿入」があります。
別ウィンドウが出てきます。
「参照」ボタンでどのページをリンクしたいのか設定。
一番下に「ターゲット」があります。
このターゲットで別ウィンドウを開くのか、フレーム使用で右側に開くのかなどを設定します。

右クリック→リンク挿入でなくても、
リンクを設定したいところをクリックして、ツールバーにある「挿入」→リンクでも出来ます。

他には、ご質問にある「ビジュアルサイトビュー」で、
「リンクされていないHTMLファイル」にあるページをリンクしたいページまでドラッグすることも出来ます。リンク解除したいときには、逆に「リンクされていないHTMLファイル」にドラッグすれば元通りですね。

http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/key/49256A6A0001F136492568B70015C90E?opendocument

参考URL:http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/key/49256A6A0001F136492568B70015C90E?opendocument

親ウィンドウ(index.html)のページを開きます。
その中の「この部分にリンクを貼りたい」というところを反転させます(文字の場合)。
ロゴや画像の場合はその部分をクリックするだけでOK。
そのリンクを貼りたいところで右クリックすれば、「リンク挿入」があります。
別ウィンドウが出てきます。
「参照」ボタンでどのページをリンクしたいのか設定。
一番下に「ターゲット」があります。
このターゲットで別ウィンドウを開くのか、フレーム使用で右側に開くのかなどを設定します。

右クリック→リン...続きを読む

QWordで、1ページを丸ごと削除するには?

1ページしか必要ないのに、真っ白な2ページ目がその下に表示されてしまった場合、この余分な2ページ目を一括削除(消去)する為に、何かいい方法があるでしょうか?

Aベストアンサー

<表示されてしまった場合>
これはそれなりに理由があるわけで、改ページや改行によって、次のページにまで入力が及んでいる時にそうなります。
特に罫線で表を作成し、ページの下一杯まで罫線を引いたときなどには、よくなる現象です。

さて、メニューの「表示」で段落記号にチェックが入っていないと、改行や改ページなどの入力情報が見えず、白紙のページを全て選択→削除してもそのままということが良くあります。
1 改行マークが白紙のページの先頭に入っていれば、それをBackSpaceで消してやる。
2 罫線を使っている場合は、それでも効果がない場合がありますが、その時は行数を増やしてやる。
などの方法があります。

Qホームページ・ビルダーで、文字にリンクを貼った時に、下線が出ないようにするにはどうしたら良いでしょうか?

ホームページ・ビルダーで、文字にリンクを貼った時に、下線が出ないようにするにはどうしたら良いでしょうか?

Aベストアンサー

以下のように試してみて下さい(^_^)


1)下線を消したいリンクを右クリック

2)「スタイル」の設定をクリック

3)「HTMLタグにスタイルを設定」の「編集」をクリック

4)「フォント」タブ内の「文字飾り」の「なし」にチェックを入れる


これでリンクの下線は無くなります。

Qホームページビルダーの標準モードでも写真と文字を重ねるレイアウトは可能ですか?

現在ホームページビルダー11のどこでも配置モードでホームページを制作中なのですが、このモードで作ったページは開くブラウザによってはレイアウトが崩れることがあると知って、作り直すべきかどうか迷っています。今制作中のページでは、イラストレーターで作った図にビルダーで文字を入れたり(イラレで文字まで入れてweb用に保存したら、ビルダーで開いてみると、文字がぼけて見づらかったので)写真と文字を重ねたりしていますが、こういったレイアウトは標準モードでも作ることが出来るのでしょうか?できれば今のレイアウトを崩したくないのですが・・・

Aベストアンサー

レイアウトを崩したくないのなら、テーブルを使ってみてはいかがですか?

背景にしたい画像と同じサイズで、セル一つのテーブルを作って、テーブルの書式設定か何かで背景画像の指定ってできませんか?


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング