A 回答 (4件)
- 最新から表示
- 回答順に表示
No.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を自由に使えるようになるでしょう。
No.3
- 回答日時:
背景色を変えたい文字列を選択状態で、スタイルシートマネージャを開きます。
スタイルシートマネージャは「表示」の中にもありますし、「赤いS」のマークのアイコンがそうです。「追加」ボタンをクリック→「色と背景」タブをクリック→「前景色」「背景色」がありますから「背景色」を希望の色に選択→「閉じる」でできます。
なおビルダーのサイトをご紹介しておきます。参考になると思います。
http://www.wsb.jp/hpb/
No.2
- 回答日時:
>自分の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>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ リダイレクト設定...
-
vixアプリを使用してアルバムを...
-
ページの作り方が知りたいです ...
-
既存画像(gif または png)の背...
-
秀丸に関して教えて下さい。
-
ホームページビルダーでまとめ...
-
C言語ポインタ 配列について
-
無料で作成、更新できるホーム...
-
大学のサークルOB会のホーム...
-
ホームページビルダー22でリン...
-
ビルドとリビルドの違いを教え...
-
ホームページの画面文字を濃く...
-
@niftyホームページ ffftp ファ...
-
エクセルの数式について教えて...
-
エクセルの表を作ってるんですが
-
クロムOSでhtmlを作成したい
-
無料で使えるホームページを教...
-
ホームページを作ろうかと
-
メールフォーム設置の文字化け...
-
ホームページビルダー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページビルダーで文字の...
-
webサイトの表記を書式を崩さず...
-
タグの中身を取り出す方法
-
L字みたいな記号の表示
-
iPhoneで HTMLファイルを閲覧
-
ピクチャーボックスの大きさに...
-
テーブルセル余白(例えば左側...
-
シーサーブログのヘッダー画像...
-
なぜ、ホームページが削除され...
-
レスポンシブWeb 右側の表示が...
-
複数の画像を1枚にしたファイ...
-
ブログの画像を復元したい
-
縦ボーダーの長さ変更方法
-
画像と画像の間のスペースはど...
-
初心者です ワードプレスのfuka...
-
画像の横に文章を流すには?
-
ブログに画像を選択して、アッ...
-
FTPでアップロードした画像のUR...
-
【緊急】FTPエラーが発生してし...
-
JUGEMで画像のアップが出来なく...
おすすめ情報