![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.3ベストアンサー
- 回答日時:
ビルダーでの方法はわかりませんが、単純に背景をつけたい要素に対して、
{background:url([画像へのパス]) 50% 50% no-repeat white;}
だけですむ。
オーサリングツールは、出来合いのテンプレートをそのまま使用する分には良いですが、ちょっと新規にデザインしようとすると、テキストエディタで作成する人以上にHTMLやCSS知らないと使えないです。それに加えてそのツールの使い方と、可能なこと不可能なことを知っておく必要があります。そうしないと「互換性のない酷い物が出来てしまいます。( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )」
たったこれだけですむことをホームページビルダーで行おうとすると・・大変ですね。
スタイルシートの編集で、背景を指定したい要素(ここでは<div cass="section">を指定するセレクタを書いて、そこに上記のスタイルを自分で書くしかない。
利用する分には良いですが、製作する立場になるとウェブページですね。ホームページとはブラウザを起動した時に最初に表示される(ホーム:基点、故郷・・)ページのことです。「ホームページに戻る」「ホームページをgoogleにしている」で意味が通じないでしょ。
⇒ホームページ - Wikipedia( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC% … )
[サンプル]
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )のDATA
W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
で検証済みのHTML4.01strict+CSS2.1です。
★タブは_に置換してあるので戻す。
★http:はhtt:(全角)に置換してあるので戻す。
★ディスプレイ幅に依存しません。また印刷には適用されません。
<!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" media="screen">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
p{text-indent:1em;}
div.header,div.section,div.footer{
width:90%;min-width:630px;max-width:900px;
margin:0 auto;padding:5px;
}
div.section{
min-height:600px;/* 最低限の高さ */
/* 背景指定 */
background:url(http://upload.wikimedia.org/wikipedia/commons/0/00/Comet-S74-17688.jpg) 50% 50% no-repeat white;
border:solid 1px red;/* 枠を引いておく */
}
-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>このページでは・・・・</p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<p>本文はsection</p>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2013-03-03</dd>
__</dl>
_</div>
</body>
</html>
No.2
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- デスクトップパソコン ホームページビルダー15 1 2023/05/30 12:30
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- その他(ソフトウェア) ホームページビルダーのバージョンアップ 1 2023/01/15 23:02
- デスクトップパソコン windows11 デュアルディスプレイ 設定? 1 2022/09/18 14:40
- 写真・ビデオ スマホ(シャープSENSE7-53C)の背景色を変更したい 2 2023/08/09 11:50
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- その他(パソコン・スマホ・電化製品) win10 edgeの壁紙2種類の内 最終に表示される物を変更したい 5 2023/08/24 18:33
- その他(ソフトウェア) ホームページビルダー11とそのバージョンアップ版の中身 1 2023/05/24 12:39
- 画像編集・動画編集・音楽編集 フォトで作成した動画をホームページビルダー9に挿入し再生したら、選択以外の動画も再生される 2 2023/05/16 16:55
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
ホームページビルダーを複数の...
-
ホームページの画面文字を濃く...
-
友達にドッキリをしたくて、ホ...
-
ホームページを作ろうかと
-
bluegriffonでホームページを作...
-
ホームページビルダーの右サイ...
-
今さらですがHPを作成するに当...
-
メールフォームで送信すると「...
-
HP更新がうまくいきません(FTP...
-
ビルドとリビルドの違いを教え...
-
FFFTPでサーバに新規フォルダが...
-
メールフォーム設置の文字化け...
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ホームページビルダー15で作っ...
-
ビフォアーアフターのページは...
-
ホームページ制作で教えてくだ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLで、何故か左右のfloatの高...
-
CSSのborderが実際の領域より上...
-
ADOBE DW 5.5 ヘッダとコンテ...
-
html+cssでフレーム落ちしてし...
-
CSSのdivで何故かボックスセン...
-
スーマートフォンの用のHP作成...
-
ホームページ作成 画像の回り込み
-
opacityとbackground-color
-
ロールオーバーで吹き出しをつ...
-
CSSを使った全体の配置
-
CSSについて教えてください
-
自作HPのレイアウトがセンタ...
-
ロールオーバーの上にz-index
-
div内の classのリンクのつけ方
-
cssについて教えてください.3
-
同じピクセル、解像度のPC表示...
-
flexboxでフッターが、本文に重...
-
ホームページビルダー14で作成...
-
ヘッダーのみを横幅いっぱいに...
-
ホームページビルダー16 ペー...
おすすめ情報