初心者向けに質問用のスレッドを用意します。
前スレ：http://
も参照してください。
●質問される方へのお願い●
以下のことは必ず書いてくださいね。
・使っているバージョン
・使っているOS
（購入を検討中の人はその旨を書いておいてください）
※OSにVistaを使っている場合、V10以下は非サポートです。
※OSにWindows 7を使っている場合、V11以下は非サポートです。V12、V13は最新のパッチを当ててご利用ください。
後は質問したい内容に応じて、回答者が答えやすいように情報をご提供ください。
（スクリーンショット、サイトのURL etc.）
問題が解決したら、その旨を書いていただけるとありがたいです
ここは、あくまで「無料で」「互いのスキルを高めあう」ためのトピックです。
従って、以下のことは禁止させていただきます。
回答の早急な要求（24時間以内）
回答者、管理者への個別メッセージ
★回答される方へのお願い★
ホームページ・ビルダーの機能についてご説明される場合、メニューもしくは右クリックメニューからの呼び出し方を書いてください。
ナビメニューとか使う場合はその旨書いておいてください。
説明が長すぎると思った場合は、説明してあるサイトへのURL貼り付けもOKです。
という感じで使ってください。
前スレ：http://
も参照してください。
●質問される方へのお願い●
以下のことは必ず書いてくださいね。
・使っているバージョン
・使っているOS
（購入を検討中の人はその旨を書いておいてください）
※OSにVistaを使っている場合、V10以下は非サポートです。
※OSにWindows 7を使っている場合、V11以下は非サポートです。V12、V13は最新のパッチを当ててご利用ください。
後は質問したい内容に応じて、回答者が答えやすいように情報をご提供ください。
（スクリーンショット、サイトのURL etc.）
問題が解決したら、その旨を書いていただけるとありがたいです
ここは、あくまで「無料で」「互いのスキルを高めあう」ためのトピックです。
従って、以下のことは禁止させていただきます。
回答の早急な要求（24時間以内）
回答者、管理者への個別メッセージ
★回答される方へのお願い★
ホームページ・ビルダーの機能についてご説明される場合、メニューもしくは右クリックメニューからの呼び出し方を書いてください。
ナビメニューとか使う場合はその旨書いておいてください。
説明が長すぎると思った場合は、説明してあるサイトへのURL貼り付けもOKです。
という感じで使ってください。
|
|
|
|
コメント(319)
＞黒りくさん
フルCSSテンプレートで、今回のような変更というのは、あなたが想像するよりもかなり大がかりな事をしなければなりません。
つまりですね、かなりHTMLとCSSに理解がなければ出来ず、初心者がやる範囲を超えていると言っても過言じゃないです。
HTMLソースは見ましたでしょうか。
CSSファイルが4つあり、各CSSファイルには、膨大なスタイルが記述してあります。
色を変える程度であれば、指定した場所をちょこっと書き換える程度で何とかできます。
でも、今回のようにスクロールを変更するとなると、スタイル指定が入り組んでいる以上、非常にややこしい。
フルCSSテンプレートの場合、HPBのツールを使って、CSSファイルを書き換えるとなると、自動的に上書きされるので、失敗した時のリスクもでかいです。
残念ですが、管理人個人の見解としては、フルCSSテンプレートをつかって今回のような変更をするのは、おすすめできないということになります。
フルCSSテンプレートで、今回のような変更というのは、あなたが想像するよりもかなり大がかりな事をしなければなりません。
つまりですね、かなりHTMLとCSSに理解がなければ出来ず、初心者がやる範囲を超えていると言っても過言じゃないです。
HTMLソースは見ましたでしょうか。
CSSファイルが4つあり、各CSSファイルには、膨大なスタイルが記述してあります。
色を変える程度であれば、指定した場所をちょこっと書き換える程度で何とかできます。
でも、今回のようにスクロールを変更するとなると、スタイル指定が入り組んでいる以上、非常にややこしい。
フルCSSテンプレートの場合、HPBのツールを使って、CSSファイルを書き換えるとなると、自動的に上書きされるので、失敗した時のリスクもでかいです。
残念ですが、管理人個人の見解としては、フルCSSテンプレートをつかって今回のような変更をするのは、おすすめできないということになります。
＞TAMONさん
スマートフォンでの表示ずれですが、私が思いつく限りいくつか原因があります。文字がズレまくるというのが、どういう状況なのかもう少し具体的に説明してもらえればありがたいです。
・どこでも配置モードや、CSSで絶対配置は使ってないでしょうか？
・CSSでフォントの大きさをｐｘ指定していたり、行の高さをpxで指定していませんか？
＞ゆりぴょんさん
違うパソコンにしたということで、もしかすると最新のパッチが当たっていない可能性があります。
14の場合、［ヘルプ−バージョン情報］で表示されるバージョン情報ダイアログボックスが14.0.7.0になっていなければ、以下のページからダウンロードしてください。
http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=049447
その上で、一度サイト設定をやり直してみてください。
サイトがなければ、新規で作る。
サイトがあれば、
メニューのサイト→サイト一覧/設定→作成済みのサイトを選択している状態で、「編集」をクリック。
サイトの設定ウィンドウの 基本設定項目のところで、トップページのところの設定を、本来のフォルダに変更し、「OK」ボタンをクリック
ファイルのアップロードをどのようにしてされたか不明なのですが、
サイトのトップページのあるフォルダの下にフォルダがあって、index.htmやindex.htmlなどのファイルがあると、FTPツールでアップロードした時に間違えてしまう可能性があります。
スマートフォンでの表示ずれですが、私が思いつく限りいくつか原因があります。文字がズレまくるというのが、どういう状況なのかもう少し具体的に説明してもらえればありがたいです。
・どこでも配置モードや、CSSで絶対配置は使ってないでしょうか？
・CSSでフォントの大きさをｐｘ指定していたり、行の高さをpxで指定していませんか？
＞ゆりぴょんさん
違うパソコンにしたということで、もしかすると最新のパッチが当たっていない可能性があります。
14の場合、［ヘルプ−バージョン情報］で表示されるバージョン情報ダイアログボックスが14.0.7.0になっていなければ、以下のページからダウンロードしてください。
http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=049447
その上で、一度サイト設定をやり直してみてください。
サイトがなければ、新規で作る。
サイトがあれば、
メニューのサイト→サイト一覧/設定→作成済みのサイトを選択している状態で、「編集」をクリック。
サイトの設定ウィンドウの 基本設定項目のところで、トップページのところの設定を、本来のフォルダに変更し、「OK」ボタンをクリック
ファイルのアップロードをどのようにしてされたか不明なのですが、
サイトのトップページのあるフォルダの下にフォルダがあって、index.htmやindex.htmlなどのファイルがあると、FTPツールでアップロードした時に間違えてしまう可能性があります。
＞TAMONさん
サイトを拝見しました。(IE9、Firefox12.0、iPhoneエミュレータiBBdemo3)
文字のところ、全角スペースを入れて、位置を調節していたのですね。
これでは文字ズレが起きて当然。
とりあえず、1つ1つの文章を段落ごとにPタグで囲ってください。
<br>の連続で段落ごとのスペースを作らない。
段落ごとのスペースが欲しいのであれば、P要素に対してスタイル設定で、下の余白を1emにしていく。
ホームページビルダー上では、文章を選択したあと、左上に表示されていると思う「標準」とか書いてあるプルダウン（段落の設定/変更）のところで、「標準」をもう一度選択しなおしてください。
途中で動画の部分が出てきますが、そこは、文章と動画の部分を一括りにしていく。
で、（サンプルムービーはお孫さんからおじいちゃんに向けてという設定で作成しております。）
のところまでの作業をする。
その上で、P要素に対してスタイルの指定を行います
Pの属性を選んで、属性画面が出たら、「スタイル」をクリック。
スタイルの設定画面が出るので、更に、「スタイルシートマネージャーを起動する」を起動して、スタイルシートマネージャーを起動します。
「追加」ボタンをクリックして、HTMLタグ名がPになっているのを確認してから、
「レイアウト」タブをクリックし、左方向と下方向へのスタイルをそれぞれ設定します。
左方向には、%でマージンを設定。
下方向には、1emでマージンを設定。
その後、ケーキの画像とHappy Birthdayの歌詞の部分なのですが、歌詞の部分が、PCで見た場合でも、ブラウザによっては、（サンプルムービーはお孫さんからおじいちゃんに向けてという設定で作成しております。）という文章の部分と重なり合ってしまっています。
iPhoneのエミュレータソフトでは、歌詞の部分が見えてないです。
画像に対する回りこみを指定したのではなくて、歌詞の部分をレイアウト枠で指定してしまったのですね。
歌詞の部分は、ケーキの画像の後に移動して、
<div style="width : 338px;height : 107px;top : 1535px;left : 322px;
position : absolute;
z-index : 3;
visibility : visible;
" id="Layer3"><br>
<b>Happy birthday to you,<BR>
Happy birthday to you,<BR>
Happy birthday, dear [お祝いする人の名前],<BR>
Happy birthday to you.</b><BR>
</div>
の スタイル属性を全部削除。
以下の様な感じに変えましょう。
<img src="img_f022.gif" width="132" height="127" border="0" alt="ケーキ画像"><span style="mso-spacerun:'yes'; font-size:10.5000pt; font-family:'ＭＳ 明朝'; "><font size="+1" style="font-size : 117%;">
のところを
<p><img src="img_f022.gif" width="132" height="127" border="0" alt="ケーキ画像" style="float:left;">歌詞</p>
その後、
<p style="clear:both">※サンプルムービーは、WEB用に画質を落としてあります。<br>動画</p>
で回りこみを解除します。
後、最後に画法を使って、赤ちゃんの顔と画法を紹介しているところですが、
2行4列の表を作って、
赤ちゃんの画像と画法をセットで1つのセルに入れ、同じようなのを8セル用意する。セルの中身をセンタリングとしてほうが、スマホでも意味が通じると思います。
表を作って、該当する表の枠とかを全部消したい場合、
<table style="border-collapse:collapse border:none;">でできるので、覚えているといいかと思います。
少し説明が長くなってしまいましたが、以上です。
またわからないところがあれば聞いていただければと思います。
サイトを拝見しました。(IE9、Firefox12.0、iPhoneエミュレータiBBdemo3)
文字のところ、全角スペースを入れて、位置を調節していたのですね。
これでは文字ズレが起きて当然。
とりあえず、1つ1つの文章を段落ごとにPタグで囲ってください。
<br>の連続で段落ごとのスペースを作らない。
段落ごとのスペースが欲しいのであれば、P要素に対してスタイル設定で、下の余白を1emにしていく。
ホームページビルダー上では、文章を選択したあと、左上に表示されていると思う「標準」とか書いてあるプルダウン（段落の設定/変更）のところで、「標準」をもう一度選択しなおしてください。
途中で動画の部分が出てきますが、そこは、文章と動画の部分を一括りにしていく。
で、（サンプルムービーはお孫さんからおじいちゃんに向けてという設定で作成しております。）
のところまでの作業をする。
その上で、P要素に対してスタイルの指定を行います
Pの属性を選んで、属性画面が出たら、「スタイル」をクリック。
スタイルの設定画面が出るので、更に、「スタイルシートマネージャーを起動する」を起動して、スタイルシートマネージャーを起動します。
「追加」ボタンをクリックして、HTMLタグ名がPになっているのを確認してから、
「レイアウト」タブをクリックし、左方向と下方向へのスタイルをそれぞれ設定します。
左方向には、%でマージンを設定。
下方向には、1emでマージンを設定。
その後、ケーキの画像とHappy Birthdayの歌詞の部分なのですが、歌詞の部分が、PCで見た場合でも、ブラウザによっては、（サンプルムービーはお孫さんからおじいちゃんに向けてという設定で作成しております。）という文章の部分と重なり合ってしまっています。
iPhoneのエミュレータソフトでは、歌詞の部分が見えてないです。
画像に対する回りこみを指定したのではなくて、歌詞の部分をレイアウト枠で指定してしまったのですね。
歌詞の部分は、ケーキの画像の後に移動して、
<div style="width : 338px;height : 107px;top : 1535px;left : 322px;
position : absolute;
z-index : 3;
visibility : visible;
" id="Layer3"><br>
<b>Happy birthday to you,<BR>
Happy birthday to you,<BR>
Happy birthday, dear [お祝いする人の名前],<BR>
Happy birthday to you.</b><BR>
</div>
の スタイル属性を全部削除。
以下の様な感じに変えましょう。
<img src="img_f022.gif" width="132" height="127" border="0" alt="ケーキ画像"><span style="mso-spacerun:'yes'; font-size:10.5000pt; font-family:'ＭＳ 明朝'; "><font size="+1" style="font-size : 117%;">
のところを
<p><img src="img_f022.gif" width="132" height="127" border="0" alt="ケーキ画像" style="float:left;">歌詞</p>
その後、
<p style="clear:both">※サンプルムービーは、WEB用に画質を落としてあります。<br>動画</p>
で回りこみを解除します。
後、最後に画法を使って、赤ちゃんの顔と画法を紹介しているところですが、
2行4列の表を作って、
赤ちゃんの画像と画法をセットで1つのセルに入れ、同じようなのを8セル用意する。セルの中身をセンタリングとしてほうが、スマホでも意味が通じると思います。
表を作って、該当する表の枠とかを全部消したい場合、
<table style="border-collapse:collapse border:none;">でできるので、覚えているといいかと思います。
少し説明が長くなってしまいましたが、以上です。
またわからないところがあれば聞いていただければと思います。
>>FUMINGさん
回答ありがとうございます。
今のところカートの設置は考えていないので大丈夫です。
カートなどの設置を考えるとネットショップオーナーとかがいいんですかね？
現段階ではhpbが一番使っている人が多く初心者でも手軽にできると聞いたのでhpbでホームページを作りながらHTMLの勉強を合間にしようかなと思っている段階です。
１７には３タイプ「バリュー」「ビジネス」「通常」あるみたいですが、ビジネス向けのシンプルな物を作りたい場合やはりビジネスパックがいいのですかね？
バリューとビジネスの差は「seoマスターEXPRESS」という機能の差みたいですがある程度トップに名前を上げたい場合はこちらの機能が付いている方がいいのでしょうか？
回答ありがとうございます。
今のところカートの設置は考えていないので大丈夫です。
カートなどの設置を考えるとネットショップオーナーとかがいいんですかね？
現段階ではhpbが一番使っている人が多く初心者でも手軽にできると聞いたのでhpbでホームページを作りながらHTMLの勉強を合間にしようかなと思っている段階です。
１７には３タイプ「バリュー」「ビジネス」「通常」あるみたいですが、ビジネス向けのシンプルな物を作りたい場合やはりビジネスパックがいいのですかね？
バリューとビジネスの差は「seoマスターEXPRESS」という機能の差みたいですがある程度トップに名前を上げたい場合はこちらの機能が付いている方がいいのでしょうか？
>>[302]
ビジネスとバリューの違いは
・ビジネスにはseoマスターEXPRESSがついている
・ビジネスのほうが若干テンプレート数が多い
・ビジネスのほうが写真数が多い（ただし、イラストデータ関係は同じ）
・ビジネスにはネットマーケティング検定公式テキストが付属する
ですね。
seoマスターEXPRESSに、バリュー版とビジネス版の差額を見いだせるかどうかかと思います。
seoマスターEXPRESSはライセンスが1年と決まっています。ライセンスが切れたら、ライセンスを更新する形になります。
ホームページ・ビルダー17そのものはずっと使えます。（OSが大幅に変わるようだとわからないですけどね）
ダヴィンチ・カートやネットショップ・オーナーをおすすめできないのは、
自分のPCにもソフトをインストールするので、商品数が増えてくると、クライアント側（＝自分のPC）の処理が重くなるからです。
以前上記2商品を扱っていた インクリメントP株式会社の見解だと、快適動作できる商品数は1000件程度となっています。
http://www.netdeoshigoto.com/nso_support/2007/09/post_14.html
後、ネットショップオーナーはHTMLの編集はできますが、素材とか画像加工ソフトは付属しません。
ビジネスとバリューの違いは
・ビジネスにはseoマスターEXPRESSがついている
・ビジネスのほうが若干テンプレート数が多い
・ビジネスのほうが写真数が多い（ただし、イラストデータ関係は同じ）
・ビジネスにはネットマーケティング検定公式テキストが付属する
ですね。
seoマスターEXPRESSに、バリュー版とビジネス版の差額を見いだせるかどうかかと思います。
seoマスターEXPRESSはライセンスが1年と決まっています。ライセンスが切れたら、ライセンスを更新する形になります。
ホームページ・ビルダー17そのものはずっと使えます。（OSが大幅に変わるようだとわからないですけどね）
ダヴィンチ・カートやネットショップ・オーナーをおすすめできないのは、
自分のPCにもソフトをインストールするので、商品数が増えてくると、クライアント側（＝自分のPC）の処理が重くなるからです。
以前上記2商品を扱っていた インクリメントP株式会社の見解だと、快適動作できる商品数は1000件程度となっています。
http://www.netdeoshigoto.com/nso_support/2007/09/post_14.html
後、ネットショップオーナーはHTMLの編集はできますが、素材とか画像加工ソフトは付属しません。
>>[313]
転送先フォルダは /public_html になります。
FTPサーバー、FTPアカウント、FTPパスワードはCORESERVERから連絡きてるのでそれで良いと思います。
もしくは、CORESERVERの管理画面で
アカウント＠サーバーのところにある「サーバー設定」→FTP設定を見れば大丈夫です。
転送設定が終わったら、一旦、付属のFTPツールを使って接続できているかどうか確認したほうがいいと思います。
接続が出来れば、/pubulic_html の下にサイトのファイルを置けば大丈夫です。
で、ドメインも購入されたということですが、DNSの設定は済んでいますか？
DNSの設定しないと、http://取得したドメイン名/ でページ見れないので注意ください。
転送先フォルダは /public_html になります。
FTPサーバー、FTPアカウント、FTPパスワードはCORESERVERから連絡きてるのでそれで良いと思います。
もしくは、CORESERVERの管理画面で
アカウント＠サーバーのところにある「サーバー設定」→FTP設定を見れば大丈夫です。
転送設定が終わったら、一旦、付属のFTPツールを使って接続できているかどうか確認したほうがいいと思います。
接続が出来れば、/pubulic_html の下にサイトのファイルを置けば大丈夫です。
で、ドメインも購入されたということですが、DNSの設定は済んでいますか？
DNSの設定しないと、http://取得したドメイン名/ でページ見れないので注意ください。
- mixiユーザー
- ログインしてコメントしよう！
|
|
|
|
ホームページ・ビルダー 更新情報
-
最新のイベント
-
まだ何もありません
-
