プロが教える店舗＆オフィスのセキュリティ対策術

GoLiveの初歩的な質問です

解決済

  • 質問者：tomoko_1983
  • 質問日時：
  • 回答数：7件

　こんにちは。GoLiveを使用して、現在初めて、HP作りに取り組んでいます。２冊のガイドブックを頼りに、悪戦苦闘しているのですが、どうしてもわからないことがあり、質問させて頂くことにしました。
　普通に作ったページを、ブラウザで見ると、ウィンドウの左上に寄ってしまい、右や下に余白が出来てしまいます。
　一般的なHPのように、ウィンドウの大きさに関係なく、ページが中央に配置されるようにするには、どうすればよろしいでしょうか？
　おそらく基本的な設定だと思うのですが、手元の本やGoLiveのヘルプを見ても、判りませんでした。
　おわかりになる方がおられましたら、教えてくださると、たいへん助かります。
　よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (7件)

No.6ベストアンサー

  • 回答者： hinatamama
  • 回答日時：

例にあげていただいたサイトのソースを見たところ、どちらもフレームを使っておりません。


テーブルでレイアウトして、そのテーブルを中央配置しているだけです。

例にあげていただいたサイトのソースを簡略すると、
<html>
<head><title>GoLive</title></head>
<body>
<div style="text-align:center">
<table>
<tr><td>上の部分</td></tr>
</table>
<table>
<tr>
<td>左メニュー</td>
<td>右（本文）</td>
</tr>
</table>
</div>
</body>
</html>
といったかんじです


> とても効率がわるい気がするのですが、この方法が一番無難かなと思っています。

それは能率が悪いですね・・・。
そんな時のためにテンプレート機能がありますよ。どのページでも共通する部分、例えば上エリア（ヘッダ）と左エリアですね、ここをテンプレートにしてしまえば、全ページに適用できます。２冊のガイドブックにテンプレートについての記述はありませんか？

参考URL：http://support.adobe.co.jp/faq/faq/qadoc.sv?2248 …
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ご丁寧にアドバイスしてくださり、本当にありがとうございます。
　テンプレート機能も、参考で示して頂いたURLを頼りに、早速試してみました。
　最初は、選択がうまく出来なかったり、テンプレート範囲の名称をアルファベット以外で保存すると、開くときに文字化けしたり、テンプレートを開くと、レイアウト画面の背景が紫で（この色は変更できますか？）、プレビュー画面に画像がなくて焦ったりと、色々しましたが、一度保存して開くと、プレビュー画面にもちゃんと画像が見えました。
　でも、レイアウト画面の、テンプレート選択した範囲以外の場所が一面紫色なのは同じでしたが・・。

　このテンプレートという便利機能に関して、手もとのガイドブックでは、まったく出てきませんでした。索引を見ても、ありませんでしたよ。
　これでは、心もとないので、もう少し実用的なGoLiveの書籍など、もしご存知でしたら、教えて頂けると有難いです。
　もう少し、多くの機能について把握したいです。

　さて、おかげさまで、ようやく、HP作りの第一歩を、かろうじて踏み出せた感じです。
　あとは、じっくりと、内容を充実させることに、労力を向けていこうと思います。
　連日の睡眠不足も、これで、少しは緩和されるでしょう。
　感謝しています。

通報する
お礼日時：2005/03/07 04:09

No.7

  • 回答者： digitaljj
  • 回答日時：

補足を拝見しました。



PHOTOSHOPデータをトレーシングイメージとしてGOLIVEに取り込みたいのですね。イメージを先行させ、そのデザインをWEB上にそのまま作りたい時には最良の方法です。
下記に参考URLを載せておきます。

参考URL：http://support.adobe.co.jp/faq/faq/qadoc.sv?2213 …
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ご回答、ありがとうございます。
　PHOTOSHOPデータは、このようにGOLIVEでは、活用するのですね。
　ホームページ作りに、役立てたいと思います。

通報する
お礼日時：2005/03/07 18:26

No.5

  • 回答者： hinatamama
  • 回答日時：

T字型のフレームとは



┏━┓
┣┳┫
┗┻┛

こんな感じの３分割画面ですか？
この場合、左フレームのページを、テーブルに入れて、幅を指定し右寄せにするとか、フレームを入れ子にしなければ、全体からみて中央にあるように見せることはできません。けど、このやり方は、あまり美しくないですね。どのようなことを実現されたいのでしょうか？

例えば、
http://muumuu-domain.com/
のように単純にページを３分割したいだけならば、
わざわざフレームを使う必要はないですよ。

この回答への補足

　ご回答ありがとうございます。
　私の使用していたフレームは、おっしゃるとおりです。
　私も、既存サイトを参考例として、挙げさせていただきますね。
　当初は、
http://www.globalenglish.com/default.asp?Promo=NEC
のような状態でした。

　↓こちらのサイトのように、
http://www.osamanoidea.com/cate19_1.html
どのページへ飛んでも、上と左側のメニューが常に残るのは、フレームを使っているのだと思っていました。
　でも、このサイトは、ウィンドゥを拡大したりしても、中央にあるんです。
　これは、フレームを使わず、作られているのでしょうか。

　私も、上部のタイトルと、左のメニューをすべてのページで共通して残すスタイルで、全体が中央に来るかたちにしたいのですが。
　たとえば、先のページと、こちら↓
http://www.freevers.net/whitestyle/
のページなどは、同じ構造なのでしょうか？

　とりあえず今は、フレームを使わずに、１ページずつ、全部のページに、同じタイトルとメニューを入れて作っています。とても効率がわるい気がするのですが、この方法が一番無難かなと思っています。
（おかげさまで、フレームを使用しなければ、何とか中央に寄るかたちで、作れそうです）。

補足日時：2005/03/07 00:16
通報する
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： digitaljj
  • 回答日時：

テキスト、画像、テーブル、レイアウトグリッドなどそのページにあるすべてを選択して「中央揃え」をクリックするとページ全体が中央揃えになります。



> 画像を選択して、中央揃えをすると、確かにその画像は
>中央らしき場所へ移動しました。
> ただ、そうしてひとつひとつ選択して、同じ作業を繰り返すと、
> 単に画像やテキストが一箇所に集まってしまいました。

「中央らしき場所へ移動」「単に画像やテキストが一箇所に集まって」この画面の状況をもう少し詳しく説明をいただければ、レイアウトグリッドが最適化されていないとか、行替えが適切ではないとかわかるのですが。

この回答への補足

　ご回答、ありがとうございます。
　GoLiveを初めて使うにあたり、Photoshopを多少使用したことのある私は、最初に、Photoshopでレイアウトを組んでページを作り、それを、GoLiveのファイル→読み込み→Photoshopのレイヤー、という手順で、GoLiveに取り込みました。
　なので、ドキュメントウィンドゥには、はじめからテーブルもレイアウトグリッドも何もない状態で、GoLiveに取り込んだかたちになります。
　そのことがよくなかったのか、その後、この場にて、沢山の有難いご意見を頂きながら、私の無知と理解不足も加わり、修正が思うようにいきませんでした。

　最初、画像をひとつひとつ個別に選択して、中央揃えをしていたため、レイヤーがかかっているだけに、すべての画像が一箇所に集まってしまいました。
　今度は、全体を選択して中央揃えを試みましたところ、少しは右に移動したのですが、その場所で固定されてしまい、ウィンドゥの拡大に従ってページが柔軟にスライドし、中央位置を保つ、という、意図したスタイルにはなりませんでした。

　今度は、最初に、GoLiveのドキュメントウィンドゥのレイアウト画面を中央揃えに設定しておいて、読み込み→Photoshopのレイヤーを試みてみましたが、反映されず、やはり左上に固定のレイアウトになってしまいました。

　GoLiveのファイル→読み込み→Photoshopのレイヤーという方法は、ガイドブックには載っていなくて、GoLiveのヘルプを見ながら、私が勝手に手探りで行使した方法でしたので、きっとどこかに不備があったのだと思います。

　用語もまだほとんど解らない状態で質問いたしましたために、うまく説明できず、皆様には、ご迷惑おかけしました。

　けれども、Photoshopで横着せずに、GoLiveの画面から、ひとつひとつ作っていくと、メインツールの中央揃えも反映され、当初意図したかたちになることが判りました。
　しっかり勉強して、少しずつ、学習していきたいと思います。

補足日時：2005/03/07 01:40
通報する
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： hinatamama
  • 回答日時：

#1の方の方法でできると思います。


後はソース編集画面で、

<body>
<div style="text-align:center">
内容
</div>
</body>
とすれば、全体が中央に寄ります。

この回答への補足

　ご回答、ありがとうございます。
　教えて頂いた方法で、試行錯誤してみました。
　私の作っていたページは、T字型のフレームを作り、そこにフォトショップであらかじめレイアウトしてあった画像やテキストを、レイヤーの効果を引き継いで、そのまま読み込んだものでした。
　ソース画面も複雑で、ここではないかという場所に、<div style="text-align:center">と</div>の挿入を試みたのですが、どうしてもうまくいきませんでした。
　しかし、最初にGoLiveで作りかけたものの、画像が重ならず、フォントも少ないので、途中でやめたページがありましたので、そちらで、ソース変更を試みてみました。
　すると、ちゃんと、中央にきました！

　環境設定のせいかわからないのですが、一度左寄りで作ったページは、レイアウト画面で操作しても、中央寄りに変更しないようでした。
　あらためて、新規でページを作り、最初からメインツールバーで中央寄りを設定してGoLiveで作っていくと、皆様がアドバイス下さったように、ブラウザのウィンドゥを拡大縮小しても、それに対応するかたちで、ちゃんと全体が中央に来るようになりました。

　それでも、T字のフレームを作ってしまうと、左のフレームだけは、どうしても、左に固定されてしまうようでした。そのことに対する、よい解決法が、あるいは存在するのかもしれませんが・・・。

　本当であれば、フォトショップでレイアウトし、それを読み込んでページを作り、それがちゃんと中央寄りになればやりやすいのですが・・・。それは、やはり無理なのでしょうか。

　とりあえず、フレームの使用をやめて、フォトショップから全体を読み込むのもやめることにして、また最初から、作っていこうと思います。

補足日時：2005/03/06 17:19
通報する
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： kananana
  • 回答日時：

普通に挿入した画像であれば、＃１の方のおっしゃる方法で中央に揃えられます。



差し障りのない部分のみでもソースを拝見できれば
何らかの情報を差し上げられると思うのですが・・・

この回答への補足

ご回答、ありがとうございます。
私の質問の仕方がわるかったのかもしれません。
画像を選択して、中央揃えをすると、確かにその画像は中央らしき場所へ移動しました。
ただ、そうしてひとつひとつ選択して、同じ作業を繰り返すと、単に画像やテキストが一箇所に集まってしまいました。
私の探している機能は、すでにひとつのページとしてレイアウトされたもの全体の、ブラウザ上での見え方なのですが・・・。頑張ってみます。

補足日時：2005/03/06 13:58
通報する
    • good
    • 0
    • 件
通報する

No.1

メインツールバーが表示されていれば、


右揃え・中央揃え・左揃えのアイコンがあるはずです。
デフォルトでは見えていると思います。

この回答への補足

　ご回答、ありがとうございます。
　メインツールバーの右揃え・中央揃え・左揃えのアイコンは、文字にのみ対応しているようです。試みてみましたが、変化はありませんでした。
　画像も含めた、ページ全体が、ブラウザを開いた時、ウィンドゥ中央に来るようにする方法が判れば、ありがたいのですが。

補足日時：2005/03/06 00:18
通報する
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報