- 締切済み
ホームページビルダー16
今、ホームページビルダー16を使ってホームページを制作中です。 制作中に説明書を見てもよくわからない点が2つあるので質問させていただきます。 (1)各ページのデザインはある程度完成しており、リンクもなんとか設定しました。 しかし、プレビューにすると編集ページではちゃんと表示されていた文字や画像が全く表示されなくなり背景画像のみになってしまいます。。。 まず、トップページがこの状態で他にリンクしている6ページ中2ページも同じ状態です。 「サイトの確認」というページにいって、全体のページが表示されているときの小さいプレビュー画面でも既に背景画像のみの状態になってしまいます。。。 クリックして各ページを開いて確認してみるとしっかり画像や文字も表示されて、保存もしてあります。 これはどういうことなのでしょうか・・・? (2)写真だけをのせるフォトページみたいなものをつくりたいのですが、画像をファイルから挿入すると画像サイズ自体がとても大きいので、ページに挿入した後に「合成画像の編集」でサイズを小さくしあとはカーソルで微調整をするのですが、そうするとびっくりするくらい画質が悪くなってしまいます。。。 元画像は、デジカメで撮っている写真なのでそんなに画質が悪いわけではないと思うのですが、この問題はどうにかならないでしょうか・・・? ご回答よろしくお願いいたします。
- みんなの回答 (8)
- 専門家の回答
みんなの回答
- webcat
- ベストアンサー率27% (364/1346)
>しかし、プレビューにすると編集ページではちゃんと表示されていた文字や画像が全く表示されなくなり背景画像のみになってしまいます。。。 画像のファイル名の大文字、小文字が不一致ではないですか。 プレビューは不一致でも表示されますが、アップロードすると表示されませんよ。 ホームページビルダーに頼らずにHTMLファイルを見れば一目でわかりますよ。 ホームページビルダーはあくまでも便利なツールに過ぎず、HTMLの最低限な基礎知識は必要ですよ。 知っていればビルダーに無いjavaスクリプトの挿入などに応用が拡がる。 >画像をファイルから挿入すると画像サイズ自体がとても大きいので、ページに挿入した後に「合成画像の編集」でサイズを小さくしあとはカーソルで微調整をするのですが、そうするとびっくりするくらい画質が悪くなってしまいます。。。 単純にサイズダウンをすると、画質は劣化します。 サイズを換えずにファイル形式変換(例えばgifファイルにするなど)で解決と思うが?
- ORUKA1951
- ベストアンサー率45% (5062/11036)
画像はともかく、文字も表示されないというのは、変です。 HTML的に問題があるのではないかと思います。 下のAnother HTML-lint gatewayでチェックしてみること。 表示されない画像は、右クリックしてメニューからその画像の情報を確認するなり画像だけを表示してURLを確認する。 簡単なHTMLを作成して、test.htmlとして保存してアップロードしてみてください。HTMLを書きなれてないようなので、サンプルをあげておきます。 下記にサンプルを書いておきます。 手を加えたら、 ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) で必ずチェックして、文法上の誤りが無いか調べること。 ビルダーのようなオーサリングツールを使うときは、HTMLやスタイルシートのしっかりした知識が絶対に必要です。そうでないと、便利なだけに、とんでもないページを作ってしまいます。たとえばHTMLは文書の構造だけをマークアップするもので、見栄えはスタイルシートで行いますが、知らずにツールを使うとこの区別ができません。(テキストエディタで作成する人よりもしっかりした知識が必要です。) 一度「はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )」などで、基本だけは押さえておきましょう。こんなトラブルにあっても、自己解決できます。 ※スキルがないけどホームページを作りたい - ホームページ作成ソフト - 教えて!goo ( http://okwave.jp/qa/q7341083.html )も読んでみてください。・ ※サイズはウィンドウ巾の80%で、最小480px最大900pxになっています。スマホも大丈夫。 [画像へのパス]は、./images/abc.png のように書いてください。これは、このファイル(test.html)と同じ位置にあるimagesというフォルダーにあるabc.pngと言う画像と言う意味です。 / |-- test.html |-- images/ | |-- 05.jpg 巾は320px 高さ240px | |-- background/ | |-- stone.jpg [HTML]画像は自分で用意してください。 タブは_に置換してあるので戻すこと <!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"> <!-- html,body{margin:0;padding:0;} p{margin:0 1em;text-indent:1em;line-height:1.4em;} h1,h2,h3{margin:0;line-height:1.4em;text-align:center;} body{background-image:url(./images/background/stone.jpg);} div.header, div.section, div.footer{ _width:80%; _min-width:480px;max-width:900px; _margin:0 auto; _border:solid 1px gray; } p.figure{ width:320px; height:240px; padding:5px; float:right; } --> _</style> </head> <body> _<div class="header"> __<h1>サンプル</h1> __<p>これはサンプルです。</p> _</div> _<div class="section"> __<h2>ホームページビルダー16</h2> __<p class="figure"><img src="./images/05.jpg" width="320" height="240" alt="テスト画像"> __<p>今、ホームページビルダー16を使ってホームページを制作中です。</p> __<p>制作中に説明書を見てもよくわからない点が2つあるので質問させていただきます。</p> __<ol> ___<li>各ページのデザインはある程度完成しており、リンクもなんとか設定しました。 ____<p>しかし、プレビューにすると編集ページではちゃんと表示されていた文字や画像が全く表示されなくなり背景画像のみになってしまいます。。。</p> ____<p>まず、トップページがこの状態で他にリンクしている6ページ中2ページも同じ状態です。</p> ____<p>「サイトの確認」というページにいって、全体のページが表示されているときの小さいプレビュー画面でも既に背景画像のみの状態になってしまいます。。。</p> ____<p>クリックして各ページを開いて確認してみるとしっかり画像や文字も表示されて、保存もしてあります。これはどういうことなのでしょうか・・・?</p> ___</li> ___<li>写真だけをのせるフォトページみたいなものをつくりたいのですが、画像をファイルから挿入すると画像サイズ自体がとても大きいので、ページに挿入した後に「合成画像の編集」でサイズを小さくしあとはカーソルで微調整をするのですが、そうするとびっくりするくらい画質が悪くなってしまいます。。。 ____<p>元画像は、デジカメで撮っている写真なのでそんなに画質が悪いわけではないと思うのですが、この問題はどうにかならないでしょうか・・・?</p> ___</li> __</ol> _</div> _<div class="footer"> __<h2>文書情報</h2> __<p>文書の情報</p> _</div> </body> </html>
- Z31
- ベストアンサー率37% (735/1957)
No2です。 >今回は、テンプレートを使って制作していて、元の画像と使いたい画像を入れ替えているのですが・・・ Ans.私はテンプレートは使ったことありませんが、画像の入れ替えというのはテンプレートの画像を右クリックして「削除」、そして「画像の挿入」で画像ファイルを持ってきて入れるんですよね。 そして「ページの保存」の時に、新しく持ってきた画像ファイルが正しく保存されてるんでしょうか?画像を保存する「フォルダ」指定などの設定がありますが、やりましたか?
- violet430
- ベストアンサー率36% (27472/75001)
> 元画像に問題があるということは、こちらの調整をするにはホームページの編集画面 > ではなく画像フォルダを開いて調整するのでしょうか? 編集画面で修正するかソース修正を行いますね。 内容によっては、ソースを修正しないでファイルの置き場所を変えるだけで済む場合もありますけど、これは実際のソースを見ないと誰にも分かりません。
- Z31
- ベストアンサー率37% (735/1957)
http://www.wsb.jp/hpb/index.html http://www.homepagebuilder.org/03basic/06.html No3です。 上記のサイトを参考にして「表」を使ってページを作ってみてください。 表のセルの中に文字や画像を入れるのです。 表は「編集」「属性の変更」で「表の枠表示」のチェックを外したら、枠が消えます。
- Z31
- ベストアンサー率37% (735/1957)
No2です。 >一応、画像が表示される他のページで画像を右クリックしてプロパティを開いてみたのですがリンク先(保存場所)というのが見当たらないのですが・・・((+_+)) Ans.プロパティを開いたら「アドレス」と書いてあるところが、その画像の有る場所(保存場所)です。 >プレビューにすると、画像や文字が消えてしまうので右クリックできないのですが・・・・ Ans.不思議ですね。「ページ編集」タブから「プレビュー」タブをクリックすると、画像や文字が消えるんですか?
- Z31
- ベストアンサー率37% (735/1957)
1.画像が所定の場所に保存されていないのだと思います。プレビューで画像のところを右クリックして「プロパティ」を開いてください。 その画像のリンク先(保存場所)が書いてあります。その場所にちゃんとその画像がありますか? 2.下の「縮小専用」というフリーソフトをインストールして、事前に画像を縮小して、ホームページへ載せてください。 縮小するサイズは自分で決めてくださいね。 http://www.vector.co.jp/soft/dl/win95/art/se153674.html
お礼
ご丁寧なご回答ありがとうございます。 (1)プレビューにすると、画像や文字が消えてしまうので右クリックできないのですが、これは開いているページがちがうのでしょうか・・・? 一応、画像が表示される他のページで画像を右クリックしてプロパティを開いてみたのですがリンク先(保存場所)というのが見当たらないのですが・・・((+_+)) お手数お掛けしますが、ご返答頂けたらたすかります。。 (2)こちらの問題は、このソフトで解決することができました! ご親切にありがとうございました。
- violet430
- ベストアンサー率36% (27472/75001)
考えられるのは、画像の場合、元画像の場所指定に問題があると言うことです。相対指定の場合、階層構造を間違えることがよくあります。
お礼
ご回答ありがとうございます。 元画像に問題があるということは、こちらの調整をするにはホームページの編集画面ではなく画像フォルダを開いて調整するのでしょうか? ホームページをつくりたくて、つい最近パソコンを購入したばかりの初心者なので当たり前のことを聞いてしまっていたら申し訳ありません。。。(*_*) ご回答いただけましたらたすかります・・(>_<)
補足
早々のご回答ありがとうございます。 >アドレスの部分に表示されているのが、保存場所なのですね! 一応、確認してみたのですがたぶん保存場所はされるべきところにされている気がするのですが。。 >はい(>_<) 画像、文字、グローバルメニューなどが全て表示されなくなり背景画像のみになってしまうのです・・ 今回は、テンプレートを使って制作していて、元の画像と使いたい画像を入れ替えているのですがそのページがうまく表示されていないような気がします。 先ほど質問させていただいたフォトのみのページはしっかり全て表示されるので・・