156259 | ?|HP作成の際のページのサイズについて | まつゆう | 2004/8/26-01:07 |
メーカー名:富士通 OS名:WindowsXp パソコン名:CE -- HPを作成していて、今一わからないのがページサイズについてです。例えば、自分 のパソコンで作成する際にはしっかり枠の中に納まり、タイトルと内容のバランス も取れているのですが、他のPCでそれを見ると微妙にずれていたりします。 他の方が作られたHPを参考にすることもあるのですが、どのPCで見ても変わらず表示 されています。 ビルダーを使った、「どこでも配置」モードで作成することが多いのですが、 ・編集領域右上にあるページサイズはどのサイズで作るのがベストですか? ・ページサイズを自分で設定するとしたら、幅と高さはどのくらいに設定したらいいの ですか? ・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ れるとききます。どちらで作成したほうがベストですか? (メリット、デメリットは?) ・標準モードで作成したとき、枠内に収めてページを作成したのですが、妙に横長 (下にスクロールバーが表示)されました。例えば今この質問表示の枠は枠内(横に 長く書き込まなければ)に収めていれば下のスクロールバーが表示されませんよね。 でも横にはみ出ていないのに、スクロールバーが表示され、右側に何もかかれていない スペースが広がっています。これはどうしてでしょうか? 長々申し訳ありません。上記4点が今一、本などでは噛み砕いて理解できなかったもので。 記述文からもおわかりのように、初心者です。よろしくお願いします。 |
156265 | ?!|Re:HP作成の際のページのサイズについて | o2ka | 2004/8/26-02:14 |
記事番号156259へのコメント 夜も遅くて頭が回らないので、簡単なトコだけ。 >・ページサイズを自分で設定するとしたら、幅と高さはどのくらいに設定したらいいの > ですか? 高さはフリーで。 横は「ブックマーク」を表示した状態でoperaを使用しているユーザを仮定して、 800程度がベターかな? レイアウトを固定するのでなければ、フリーがベスト。 ↑大画面でIe使用して見ても無意味な余白ができない >・標準モードで作成したとき、枠内に収めてページを作成したのですが、妙に横長 >(下にスクロールバーが表示)されました。例えば今この質問表示の枠は枠内(横に >長く書き込まなければ)に収めていれば下のスクロールバーが表示されませんよね。 >でも横にはみ出ていないのに、スクロールバーが表示され、右側に何もかかれていない >スペースが広がっています。これはどうしてでしょうか? どこかで、横幅が大きい値で固定されているんじゃないですか? TeraPad等のエディタを併用して細かい部分を調整してください。 ↑ビルダーに限りませんが、ホームページ作成ソフトは データを保存する際に勝手にソースを変な風に書き換えて くれます。 なので、細かい調整は手作業で行った方が吉かと・・・ 実装に近い環境を作成して(AN HTTPDやperlをPCにインストールし、 擬似的にWEB環境を作る)、様々なブラウザでアクセスして動作確認 を行うと、どんな環境でも近いレイアウトで表示できるサイトを 作れるでしょう。 ↑実際にupするプロバイダで使用しているOSで環境を構築できれば 最高なんだけどね・・・ テスト用ブラウザとしては、Ie、opera、Firefox(ネスケに動作が近い) の3点で充分かと思いますが、他のブラウザでもテストすればより完璧な WEBページを作成できるでしょう。 ↑firefoxはベータリリースだけにバージョンによって動作が大きく 異なったりする。 なので、古いバージョンも入手できれば吉(ただし、古いバージョン にはセキュリティホールがあるので、動作確認にしか 使用できませんが・・・) |
156454 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:43 |
記事番号156265へのコメント >レイアウトを固定するのでなければ、フリーがベスト。 > ↑大画面でIe使用して見ても無意味な余白ができない > >TeraPad等のエディタを併用して細かい部分を調整 丁寧にありがとうございます。 上記の2点をもう少し噛み砕いて教えていただきたいのですが。 フリーというのは?ページ指定の高さをですか? 申し訳ありません。初心者なので。 |
156503 | ?!【ありがとう】!|Re:HP作成の際のページのサイズについて | o2ka | 2004/8/27-01:07 |
記事番号156454へのコメント >>レイアウトを固定するのでなければ、フリーがベスト。 >> ↑大画面でIe使用して見ても無意味な余白ができない > >フリーというのは?ページ指定の高さをですか? 「ページ指定」の「高さ」って、指定した事がないので実際に入力すると どこに反映されるのか知りませんが・・・。 ↑今、動かせるのが「Lite」版だけで、それには上記機能が無い おそらくスタイルシートでページサイズが指定されるんでしょうね。 そこではサイズに関する指定は行わない方が融通が利くかと思います。 ↑marginくらいは良いかな? 今、検索して目に付いただけなんで、ブラウザによる互換性に ついてはチェックしていませんけど サイズに関する記述は各タグ(<DIV>タグや TABLE内の<TD>タグ) で行った方が、ブラウザによる互換性が高くなるかと思います。 ↑画像を配置するタグは、ブラウザのリサイズ機能による レイアウト崩れを避けるために固定値にした方が良いみたい。 って、まつゆうさんの作成したサイトを見るとすでに そうなっていますね。 ただ、TABLE内部での「width」の指定は、全ての<TD>タグに 行わないで「colspan」が使用されていない段にだけ指定 した方があとで調整しやすいですね(行数が多くても 一行だけの修正で済む)。 >>TeraPad等のエディタを併用して細かい部分を調整 ビルダーを使ったんじゃできない細かい調整をするときに テキストエディタで修正してブラウザで動作確認すると良い。 あと、1行だけ修正するときにいちいち重たいビルダーを 立ち上げるよりもテキストエディタを使用した方がお手軽。 TeraPadには「タグを色分けして表示してくれるので見やすい」 「改行コードを指定して保存できるので、UNIX系のサーバ用に ソースを保存できる」等の利点があります。 http://www.vector.co.jp/soft/win95/writing/se104390.html |
156587 | ?!A!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/27-15:18 |
記事番号156503へのコメント 細かくありがとうございました! 最後1つ質問!(すみません!) 現在職場のHPを作っているのですが、やはり「どこでも配置モード」で作って しまいました。(今後は標準で作成していきますが) ブラウザ表示で確認するとやはり左より表示です。 そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する 方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり 標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? どのPCで見ても中央に表示されることにこだわってしまうのですが。 再度標準モードで作り直すのがちょっと面倒なもので・・・。 |
156270 | ?!|Re:HP作成の際のページのサイズについて | でゅらりん♪ | 2004/8/26-02:27 |
記事番号156259へのコメント どこでも配置モードでは、画像などを表示する位置を 「左から何ピクセル、上から何ピクセル」というように座標で設定します それに対し標準モードでは、表示するものを上から順番に書き込むだけなので 表示する位置はブラウザ任せとなります たとえば、どこでも配置モードで画像を右端に置いたとします しかし、これは「右端に見える位置に置いた」に過ぎません なので、ウィンドウを小さくすると見えなくなってたりしてしまいます これを標準モードで「右揃え」として作成すると ブラウザが「右端に表示する」ということを理解して ウィンドウのサイズに合わせて表示してくれます 表示のされ方は、見る人のPCの状態 (設定) によりまちまちです なので、「右揃え」や「中央揃え」といった相対的なやり方の 標準モードで作るのがベストだと思います > 右側に何もかかれていないスペースが広がっています これに関しては実際のページを見てみないとなんとも言えません アドレスを指示していただければお力になれるかと思います |
156456 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:53 |
記事番号156270へのコメント でゅらりん♪さんは No.156270「Re:HP作成の際のページのサイズについて」で書きました。 >どこでも配置モードでは、画像などを表示する位置を >「左から何ピクセル、上から何ピクセル」というように座標で設定します >それに対し標準モードでは、表示するものを上から順番に書き込むだけなので >表示する位置はブラウザ任せとなります > >たとえば、どこでも配置モードで画像を右端に置いたとします >しかし、これは「右端に見える位置に置いた」に過ぎません >なので、ウィンドウを小さくすると見えなくなってたりしてしまいます > >これを標準モードで「右揃え」として作成すると >ブラウザが「右端に表示する」ということを理解して >ウィンドウのサイズに合わせて表示してくれます > >表示のされ方は、見る人のPCの状態 (設定) によりまちまちです >なので、「右揃え」や「中央揃え」といった相対的なやり方の >標準モードで作るのがベストだと思います > >> 右側に何もかかれていないスペースが広がっています >これに関しては実際のページを見てみないとなんとも言えません >アドレスを指示していただければお力になれるかと思います > ありがとうございます。自分のレベルで返信して下さったことを感謝しています。 やはり標準モードがいいんですね。 私の書いた右に余白が多くとられるページは職場用に作成しているHPでまだアップし ていません。申し訳ありません。 個人HPを見ていただきたいのですが、ほとんどのページ(というか全てかも・・・) を「どこでも配置」で作成しています。「でゅらりん」さんのPCでレイアウトが おかしく表示されるか確認してもらいたいのですが。 時間のあるときでかまいません。このページの表示は見にくい!というところを教え ていただきたいのですが。あつかましくてすみません!! http://www5f.biglobe.ne.jp/~karateka |
157111 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/30-00:08 |
記事番号156270へのコメント でゅらりん♪さんは No.156270「Re:HP作成の際のページのサイズについて」で書きました。 >どこでも配置モードでは、画像などを表示する位置を >「左から何ピクセル、上から何ピクセル」というように座標で設定します >それに対し標準モードでは、表示するものを上から順番に書き込むだけなので >表示する位置はブラウザ任せとなります > >たとえば、どこでも配置モードで画像を右端に置いたとします >しかし、これは「右端に見える位置に置いた」に過ぎません >なので、ウィンドウを小さくすると見えなくなってたりしてしまいます > >これを標準モードで「右揃え」として作成すると >ブラウザが「右端に表示する」ということを理解して >ウィンドウのサイズに合わせて表示してくれます > >表示のされ方は、見る人のPCの状態 (設定) によりまちまちです >なので、「右揃え」や「中央揃え」といった相対的なやり方の >標準モードで作るのがベストだと思います > >> 右側に何もかかれていないスペースが広がっています >これに関しては実際のページを見てみないとなんとも言えません >アドレスを指示していただければお力になれるかと思います > でゅらりんさんHP確認ありがとうございます。 感謝しています。 |
156294 | ?!|Re:HP作成の際のページのサイズについて | ポテチっ子 | 2004/8/26-09:41 |
記事番号156259へのコメント まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >メーカー名:富士通 >OS名:WindowsXp >パソコン名:CE >・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ > れるとききます。どちらで作成したほうがベストですか? >(メリット、デメリットは?) 「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 「どこでも配置モード」 メリット 簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 デメリット web表示すると微妙にずれる心配がある。 「標準モード」 メリット web表示でも(そんなに)くずれない。自分でソースをいじれる。 デメリット 扱いがやや面倒。 ちなみに私は「標準モード」を使用しています。 「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 |
156452 | ?!!|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:37 |
記事番号156294へのコメント ポテチっ子さんは No.156294「Re:HP作成の際のページのサイズについて」で書きました。 >まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >>メーカー名:富士通 >>OS名:WindowsXp >>パソコン名:CE > >>・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ >> れるとききます。どちらで作成したほうがベストですか? >>(メリット、デメリットは?) > >「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 >「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 >ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 > >「どこでも配置モード」 >メリット >簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 >デメリット >web表示すると微妙にずれる心配がある。 > >「標準モード」 >メリット >web表示でも(そんなに)くずれない。自分でソースをいじれる。 >デメリット >扱いがやや面倒。 > >ちなみに私は「標準モード」を使用しています。 >「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 とてもわかりやすかったです。ありがとうございます。 1点質問したいのですが、上記の「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避する ことができます。もちろん一部分にレイヤー(どこにでも配置できる。)」について 詳しく知りたいのですが。例えば、表(1×1)で作成して、写真ををそこに挿入しても、自由には動かせませんよね。 標準モードで自由に写真等が配置できれば、私もこちらで作成したいのですが。 |
156537 | ?!!!|Re:レイヤーについて | ポテチっ子 | 2004/8/27-09:51 |
記事番号156452へのコメント まつゆうさんは No.156452「Re:HP作成の際のページのサイズについて」で書きました。 >ポテチっ子さんは No.156294「Re:HP作成の際のページのサイズについて」で書きました。 >>まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >>>メーカー名:富士通 >>>OS名:WindowsXp >>>パソコン名:CE >> >>>・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ >>> れるとききます。どちらで作成したほうがベストですか? >>>(メリット、デメリットは?) >> >>「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 >>「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 >>ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 >> >>「どこでも配置モード」 >>メリット >>簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 >>デメリット >>web表示すると微妙にずれる心配がある。 >> >>「標準モード」 >>メリット >>web表示でも(そんなに)くずれない。自分でソースをいじれる。 >>デメリット >>扱いがやや面倒。 >> >>ちなみに私は「標準モード」を使用しています。 >>「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 > >とてもわかりやすかったです。ありがとうございます。 >1点質問したいのですが、上記の「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避する >ことができます。もちろん一部分にレイヤー(どこにでも配置できる。)」について >詳しく知りたいのですが。例えば、表(1×1)で作成して、写真ををそこに挿入しても、自由には動かせませんよね。 >標準モードで自由に写真等が配置できれば、私もこちらで作成したいのですが。 表じゃなくて、ダイレクトにレイヤーに入れてしまえばいいでしょう。 この場合注意しなくてはいけないのが、他の文、またはイラストを表にいれてページを作成した場合、見る側のブラウザによって位置がずれてしまうということがあります。(レイヤーは左から何ピクセル、上から何ピクセルと位置指定。表(テーブル)は上からは何行目、横幅はブラウザに対してパーセントで指定するからです。もちろん、レイヤーの中に表を入れることも可能です) 因みに私のつたないHPのアドレスを入れておきます。 このページはレイヤー使用です。 (アドレスは削除しました/ポテチっ子) 大きなレイヤーが上半分と下半分に二つあります。 上のレイヤーには表(テーブル)が入っていています。 その表の右半分は普通に入れてあります。改行とインデントを使って、簡単な更新記録とお品書き。 左はレイヤーが三枚かぶってます。それぞれにタイトル、案内、イラストです。(なので大きなイラストに変えたときはバランスを考えて動かせたりできます) 下のレイヤーもやはり表(テーブル)があり、ライン、案内、バナーです。 参考になればいいのですが。 がんばって素敵なHPを作成してくださいね。応援しています。 わからないことがあれば、また質問してください。 |
156568 | ?!!!|Re:レイヤーについて | テツヤ | 2004/8/27-13:14 |
記事番号156537へのコメント ポテチっ子さんは No.156537「Re:レイヤーについて」で書きました。 >表じゃなくて、ダイレクトにレイヤーに入れてしまえばいいでしょう。 >この場合注意しなくてはいけないのが、他の文、またはイラストを表にいれてページを作成した場合、見る側のブラウザによって位置がずれてしまうということがあります。(レイヤーは左から何ピクセル、上から何ピクセルと位置指定。表(テーブル)は上からは何行目、横幅はブラウザに対してパーセントで指定するからです。もちろん、レイヤーの中に表を入れることも可能です) > >因みに私のつたないHPのアドレスを入れておきます。 >このページはレイヤー使用です。 >http://www1.ocn.ne.jp/~lapises/lapistop.htm > >大きなレイヤーが上半分と下半分に二つあります。 >上のレイヤーには表(テーブル)が入っていています。 >その表の右半分は普通に入れてあります。改行とインデントを使って、簡単な更新記録とお品書き。 >左はレイヤーが三枚かぶってます。それぞれにタイトル、案内、イラストです。(なので大きなイラストに変えたときはバランスを考えて動かせたりできます) >下のレイヤーもやはり表(テーブル)があり、ライン、案内、バナーです。 ここの「レイヤー」って只の概念ですね?。position:absoluteでleft、topで座標…。 これなら色々可能ですけどね。ネスケで言う「レイヤー」だと、IEでは表示できないでしょうね…やったことないんだけど…。 |
156588 | ?!!!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/27-15:24 |
記事番号156537へのコメント ポテチっ子さんは No.156537「Re:レイヤーについて」で書きました。 ありがとうございました。ポテチっ子さんのHP今後も参考にさせていただきます。 ところで再び私レベルの質問をしてしまうのですが、 現在職場のHPを作っているのですが、やはり「どこでも配置モード」で作って しまいました。(今後は標準で作成していきますが) ブラウザ表示で確認するとやはり左より表示です。 そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する 方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり 標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? どのPCで見ても中央に表示されることにこだわってしまうのですが。 再度標準モードで作り直すのがちょっと面倒なもので・・・。 |
156697 | ?!!!【ありがとう】!|Re:レイヤーについて | 自称WEBデザイナー | 2004/8/28-01:09 |
記事番号156588へのコメント ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? *ホームページビルダーなるものを使用したことがないものでわかりませんが。 |
156766 | ?!!!【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/8/28-11:38 |
記事番号156697へのコメント 自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? > >*ホームページビルダーなるものを使用したことがないものでわかりませんが。 私も同じく使った事はありません。FrontPageExpressで呆れて、手書きで〜す。 TABLEのセルをパーセント指定でできないでしょうかね…。でもここまでやるか…?。 現在の「まっちゃん…」は、特に悪いところはないと思うし…。チョコチョコ付いてくるキャラはいいよね…。 |
157103 | ?!!!A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/29-23:47 |
記事番号156766へのコメント テツヤさんは No.156766「Re:レイヤーについて」で書きました。 >自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >>ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? >> >>*ホームページビルダーなるものを使用したことがないものでわかりませんが。 > 私も同じく使った事はありません。FrontPageExpressで呆れて、手書きで〜す。 > > TABLEのセルをパーセント指定でできないでしょうかね…。でもここまでやるか…?。 > 現在の「まっちゃん…」は、特に悪いところはないと思うし…。チョコチョコ付いてくるキャラはいいよね…。 > ありがとうございます。 私も周りの詳しい人に聞いたところ、テツヤさんと同じように、現在のままでいいのでは? との返答をもらいました。 次回からはどのブラウザー上でも変わらないようページをつくっていきます。 |
156862 | ?!!!【ありがとう】!!|Re:レイヤーについて | 自称WEBデザイナー | 2004/8/28-20:00 |
記事番号156697へのコメント 自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? > >*ホームページビルダーなるものを使用したことがないものでわかりませんが。 > JaVaスクリプト+スタイルシートで倍率指定を・・・と思いましたが、このレベルは 無理かな? 1)スタイルシートにそれぞれの内容に対する初期値を設定 2)その内、大きさと位置をJaVaスクリプトで変更する。 *「GO LIVE CS」なら、これで処理してますが。 |
157105 | ?!!!A!!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/29-23:50 |
記事番号156862へのコメント 自称WEBデザイナーさんは No.156862「Re:レイヤーについて」で書きました。 >自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >>ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? >> >>*ホームページビルダーなるものを使用したことがないものでわかりませんが。 >> >JaVaスクリプト+スタイルシートで倍率指定を・・・と思いましたが、このレベルは > >無理かな? > >1)スタイルシートにそれぞれの内容に対する初期値を設定 > >2)その内、大きさと位置をJaVaスクリプトで変更する。 > >*「GO LIVE CS」なら、これで処理してますが。 ありがとうございます。 ただ、ちょっと現在の自分のレベルでは難しく感じます。 もっと勉強しますね! |
156752 | ?!!!【ありがとう】!|Re:レイヤーについて | ポテチっ子 | 2004/8/28-10:41 |
記事番号156588へのコメント >ブラウザ表示で確認するとやはり左より表示です。 確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 >そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと >したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 >「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する >方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり >標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? 変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) いきなり標準で開いても、中央ぞろえはできなかったです。 何故か?というのは省略させてくだい。 >どのPCで見ても中央に表示されることにこだわってしまうのですが。 >再度標準モードで作り直すのがちょっと面倒なもので・・・。 せっかく作成したページですものね。 でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 回答になってないですね。すみません。 |
157108 | ?!!!【ありがとう】!?|Re:レイヤーについて | まつゆう | 2004/8/30-00:05 |
記事番号156752へのコメント >確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) >そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 >どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 そうです。そのとおりでした。投稿後自分でも気づいたのですが、「素材ビュー」 の表示を狭め、作成画面を広げると、中央だと思っていた画面が実はそうではないことに気づきました。 >変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) >いきなり標準で開いても、中央ぞろえはできなかったです。 >何故か?というのは省略させてくだい。 確かにだめでした。「標準」で開いても、なんかちょっと違った表示がなされ、 かえって面倒に感じました。 >でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 >レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら ある画像の上に説明が表示されるといったことは、できないですよね。 それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? すみません。なんか変な質問ですが。 丁寧に回答くださり、本当に感謝しています。 |
157197 | ?!!!【ありがとう】!?|Re:レイヤーについて | テツヤ | 2004/8/30-13:41 |
記事番号157108へのコメント まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >ある画像の上に説明が表示されるといったことは、できないですよね。 >それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? …横からすいません…。 可能でしょう。今現在のそのHPの、チョコチョコくっついているキャラが出来てるでしょ。だけど、大きな物だと、その処理に時間が掛かる事があると思います…大きいのはやった事がないので正確には判りませんが。position:absoluteとか使うと可能。 面白い事に、こういうのを応用して、「動く図」とかも可能です。 画像も、サイズ変更可能だし。 もう少し、HTMLの勉強をするといいと思います…。編集ソフトでどの程度できるのかな…?。 HTML編集ソフトで編集した文書に手書きを加えると、今度HTML編集ソフトで読み込むと滅茶苦茶になる事がありますのでご注意を。 |
157346 | ?!!!A!?【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/30-23:58 |
記事番号157197へのコメント テツヤさんは No.157197「Re:レイヤーについて」で書きました。 >まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >>「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >>ある画像の上に説明が表示されるといったことは、できないですよね。 >>それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? > …横からすいません…。 > 可能でしょう。今現在のそのHPの、チョコチョコくっついているキャラが出来てるでしょ。だけど、大きな物だと、その処理に時間が掛かる事があると思います…大きいのはやった事がないので正確には判りませんが。position:absoluteとか使うと可能。 > 面白い事に、こういうのを応用して、「動く図」とかも可能です。 > 画像も、サイズ変更可能だし。 > もう少し、HTMLの勉強をするといいと思います…。編集ソフトでどの程度できるのかな…?。 > HTML編集ソフトで編集した文書に手書きを加えると、今度HTML編集ソフトで読み込むと滅茶苦茶になる事がありますのでご注意を。 ありがとうございました。 そうですね。ちょっとHTMLの勉強をしっかりしてみようとおもいます。 今一わからなくて・・・。 |
157412 | ?!!!A!?【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/8/31-10:56 |
記事番号157346へのコメント 「三重県」と「フランス」の所を観ました。 三重県のは写真が重たかった。→修正:私のPCがおかしかったみたい。調べたら画像は横200dot程度だった。 どちらのページも横幅固定なので若干観にくい。 写真にマウスカーソルを置くと文字が表示されるが、position:absoluteか、position:relativeで文字と下画像を表示する手もあると思う。追加修正:スクリプトが必要でした…。 そして写真の配置はインライン要素として並べるだけでよいと思う。写真にはline-height:200pxとか利かないかな…?。横の隙間はmarginで…。 |
157573 | ?!!!A!?A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/31-21:39 |
記事番号157412へのコメント テツヤさんは No.157412「Re:レイヤーについて」で書きました。 > 「三重県」と「フランス」の所を観ました。 > 三重県のは写真が重たかった。→修正:私のPCがおかしかったみたい。調べたら画像は横200dot程度だった。 > どちらのページも横幅固定なので若干観にくい。 > > 写真にマウスカーソルを置くと文字が表示されるが、position:absoluteか、position:relativeで文字と下画像を表示する手もあると思う。追加修正:スクリプトが必要でした…。 > そして写真の配置はインライン要素として並べるだけでよいと思う。写真にはline-height:200pxとか利かないかな…?。横の隙間はmarginで…。 > ありがとうございます! 2つ教えてください。 横幅の固定を固定しない(?)ようにするにはどうしたらいいのですか? そうするとどのように表示されますか? ピントがずれた質問かもしれないですが、超初心者ということですみません。 |
157734 | ?!!!A!?A!【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/9/1-16:01 |
記事番号157573へのコメント まつゆうさんは No.157573「Re:レイヤーについて」で書きました。 >横幅の固定を固定しない(?)ようにするにはどうしたらいいのですか? >そうするとどのように表示されますか? もう出血大サービス…。ise.htm《 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <SCRIPT> function DispMemo(Nam){ MemoBoard.style.display="block"; var X=window.event.x+document.body.scrollLeft; var Y=window.event.y+document.body.scrollTop; // if(X=>…)…X座標のチェック、表示位置補正 // if(Y=>…)…Y座標のチェック、表示位置補正 window.status=X +","+Y; //Debug MemoBoard.style.left=X; MemoBoard.style.top=Y; Memo.innerHTML=eval(Nam+".innerHTML"); } function OffMemo(){ MemoBoard.style.display="none"; } </SCRIPT> </HEAD> <BODY> <DIV style="position:absolute"> <IMG src="ise.files/photo4.gif" align=right style="width:200; height:130"> </DIV> <DIV align=center style="position:absolute; width:100%"> <IMG src="ise.files/logo155.gif"> </DIV> <TABLE style="width:100%"> <TR><TD align=center colspan=2 style="height:60"><!--タイトルの高さ--> <TR><TD> 文章…。<BR> どうしても「伊勢…」を中央に置く場合は、このようにすれば出来きた。<BR> 画面のサイズや文字サイズを変更してみてください。<BR> <TD width=200 height=70><!-- height=右画像高さ-タイトル高さ=130-60 これで右部の画像の確保…文章が少ない時の対処--> </TABLE> <HR> <DIV align=center> <IMG src="ise.files/logo155%20(1).gif"> </DIV> <IMG src="ise.files/gakkoumae1.jpg" onmouseover="DispMemo('gakkoumae1')" onmouseout="OffMemo()"> <IMG src="ise.files/taiikukan.jpg" onmouseover="DispMemo('taiikukan')" onmouseout="OffMemo()"> <IMG src="ise.files/ryou1.jpg" onmouseover="DispMemo('ryou1')" onmouseout="OffMemo()"> <IMG src="ise.files/makiwara1.jpg" onmouseover="DispMemo('makiwara1')" onmouseout="OffMemo()"> <DIV align=center> <IMG src="ise.files/logo155%20(2).gif"> </DIV> <IMG src="ise.files/isejinnguu2.jpg"> <IMG src="ise.files/isuzugawa.jpg"> <IMG src="ise.files/isejinnguu.jpg"> <IMG src="ise.files/hosidekanmae.jpg"> <BR> <DIV id=MemoBoard style="position:absolute; display:none"><IMG src="ise.files/v5_ban005.gif" style="position:absolute"><SPAN id=Memo style="position:relative; left:20; top:10">ここに表示されます…</SPAN> </DIV> <SPAN style="display:none"><!--メモ データ--> <SPAN id=gakkoumae1>gakkoumae1.gifのメモ内容。HTML表記可能。</SPAN> <SPAN id=taiikukan>taiikukan.gifのメモ<B>内容</B>。</SPAN> <SPAN id=ryou1>ryou1.gifのメモ内容。</SPAN> <SPAN id=makiwara1>makiwara1.gifのメモ内容。</SPAN> </SPAN> ポイントはphoto4.gifをブロック要素の中に入れて右揃え…レイヤー概念。そしてタイトルを同じようにしてこちらの表示を優先させる。<BR> 次の文章はタイトルの高さ分下げる。右部も画像分の空白を作る。<BR> これで画面サイズ変更しても結構いい感じだと思います。<BR> 問題なのは、どこにメモボードを表示するか。<BR> 「onmouseover=…」で要素を表示させるか、フレームで別にするか…。<BR> </BODY></HTML> 》。こんな感じ。 |
157798 | ?!!!A!?A!A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/9/1-20:25 |
記事番号157734へのコメント テツヤさん本当にありがとうございます!! 以前のしゃられていたように、もっとHTMLについて勉強します。 また、「まつゆう」でHPについての質問がありましたら、間違いなく私ですので 再び助けてください!! 感謝しています!! 回答いただいたHTML(でいいのかな?)は全てコピーしてHD内の文章に 貼り付けさせていただきました。 |
157806 | ?!!!A!?A!A!【ありがとう】|Re:レイヤーについて | テツヤ | 2004/9/1-21:18 |
記事番号157798へのコメント まつゆうさんは No.157798「Re:レイヤーについて」で書きました。 >回答いただいたHTML(でいいのかな?)は全てコピーしてHD内の文章に >貼り付けさせていただきました。 ご自由にどうぞ。あちこち修正が必要でしょうけど。「勉強」という事でこの程度でご了承…。 ちょっとだけ修正。こっちの方が解りやすいというか、理論的というか…。一部《 <BODY> <DIV align=center style="position:absolute; width:100%"> <IMG src="ise.files/logo155.gif"> </DIV> <TABLE style="width:100%"> <TR><TD height=60><DIV<!--タイトルの高さ--> <TD rowspan=2 align=right><IMG src="ise.files/photo4.gif" style="width:200; height:130"> <TR><TD valign=top> 文章…。<BR> どうしても「伊勢…」を中央に置く場合は、このようにすれば出来きた。<BR> 画面のサイズや文字サイズを変更してみてください。 </TABLE> <HR> 》 で、一番問題なのがメモボードの表示位置なので、そこら辺はご自分で考えてみてください。JavaScriptを勉強してみてください。 |
157280 | ?!!!【ありがとう】!?!|Re:レイヤーについて | ポテチっ子 | 2004/8/30-20:17 |
記事番号157108へのコメント まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >>確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) >>そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 >>どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 > >そうです。そのとおりでした。投稿後自分でも気づいたのですが、「素材ビュー」 >の表示を狭め、作成画面を広げると、中央だと思っていた画面が実はそうではないことに気づきました。 > >>変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) >>いきなり標準で開いても、中央ぞろえはできなかったです。 >>何故か?というのは省略させてくだい。 > >確かにだめでした。「標準」で開いても、なんかちょっと違った表示がなされ、 >かえって面倒に感じました。 > > >>でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 >>レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 > >「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >ある画像の上に説明が表示されるといったことは、できないですよね。 >それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? http://www.jp.playstation.com/ このページのリンク、たとえば一行めの中ほどの『<ホーム』にカーソルを乗せると『ホーム』と四角に囲まれて出てくるようにするのであれば、可能です。 主に画像に付けられる『alt=”ここに適当な言葉を入れる”』というタグです。 ビルダーでの出し方 画像の上で右クリック→属性の変更→代替えテキストに好きな言葉なり説明を入れる(どんなに長くてもOK。ただし、改行はきかない。絵文字は入れられる) もしくは、初めから画像に文字を重ねたものを作り、それをUPする。 ビルダーにはウェブアートデザイナーがあるので比較的簡単にできるはずです。 ツール→ウェブアートデザイナー >すみません。なんか変な質問ですが。 こちらこそ。わたしこそ上手に回答できているでしょうか。 >丁寧に回答くださり、本当に感謝しています。 とんでもありません。困ったときはお互い様です。私も沢山の人に助けられてきました。少しでもお役に立てれば嬉しい限りです。 |
157345 | ?!!!【ありがとう】!?!?|Re:レイヤーについて | まつゆう | 2004/8/30-23:55 |
記事番号157280へのコメント 度重なる質問に答えてくださりありがとうございます!! すみません。前回、ちょっと私の質問の仕方が悪かったようで、ちょっと伝わって なかったようです。改めて質問です。 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 その写真の内容文が同じページ内の別の場所に表示されるようにしています。 ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に 各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは 「どこでも」モードで作成しました。 今後は「標準」で作成していこうと思っていますが、前回教えていただいた 内容によると、「レイヤーはブラウザによってはずれて見えることもある」 とありましたので、上記のように、レイアウト枠を重ねていった場合、 ずれて表示されることもありうるのかなと思い、質問しました。 なんか、わけのわからない質問になってしまいましたが、簡単に言うと、 私のつたないHPの中の「伊勢」「フランス」のようなページが「標準」でもで きますか?ということになります。 「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 |
157426 | ?!!!【ありがとう】!?!?!|Re:レイヤーについて | ポテチっ子 | 2004/8/31-13:00 |
記事番号157345へのコメント > 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 >その写真の内容文が同じページ内の別の場所に表示されるようにしています。 >ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に >各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは >「どこでも」モードで作成しました。 >今後は「標準」で作成していこうと思っていますが、前回教えていただいた >内容によると、「レイヤーはブラウザによってはずれて見えることもある」 >とありましたので、上記のように、レイアウト枠を重ねていった場合、 >ずれて表示されることもありうるのかなと思い、質問しました。 ははは、ごめんさないね。Javaのことも書こうと思ったんだけど、書いていると(私が)混乱しそうだったのでやめたんです。 レイヤーを同一箇所に重ねるということをしたことないので、憶測ですが、レイヤーは表示位置を指定しているので、ずれるということになれば、重ねたレイヤーが全て同じようにずれるということになり、結果、同じに表示される。。。。 いま、やってみましたが、ブラウザの影響は受けるでしょうが、やはりそれぞれ一緒に動く(この表現でいいのか)のでそれぞれのレイヤーがばらばらになって表示ということにはならなかったです。 レイヤーがブラウザによってずれて見えるというのは、真ん中に作ったはずが、ブラウザの大小で左にずれる、または右端に寄っていて画面から隠れる、といったことです。 なぜならレイヤー(レイアウト枠)は上から○○ピクセル、左から○○ピクセルと絶対座標で指定するからです。 >「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 『どこでも』でできるなら『標準』でもできるでしょう。 (ページが少なければ、以下の方法が簡単かな) 表示→編集スタイルの変更→スタンダード。(これでHTMLが表示できるスタイルに変更) ファイル→標準モードで新規作成。 スタンダード表示されたページをHTMLタブをクリックしてソースの<BODY> <BODY/>間をコピー→新規作成したページの<BODY><BODY/>間にに貼り付け。 これで『標準モード』でのページのできあがり。 ページが多ければ、まつゆうさんが先に言っていた『ブラウザ共通の〜』でもいいかもしれない。 という説明でいいのでしょうか?(とりあえず確認してみる/笑) |
157575 | ?!!!A!?!?!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/31-21:42 |
記事番号157426へのコメント ポテチっ子さんは No.157426「Re:レイヤーについて」で書きました。 >> 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 >>その写真の内容文が同じページ内の別の場所に表示されるようにしています。 >>ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に >>各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは >>「どこでも」モードで作成しました。 >>今後は「標準」で作成していこうと思っていますが、前回教えていただいた >>内容によると、「レイヤーはブラウザによってはずれて見えることもある」 >>とありましたので、上記のように、レイアウト枠を重ねていった場合、 >>ずれて表示されることもありうるのかなと思い、質問しました。 > >ははは、ごめんさないね。Javaのことも書こうと思ったんだけど、書いていると(私が)混乱しそうだったのでやめたんです。 > >レイヤーを同一箇所に重ねるということをしたことないので、憶測ですが、レイヤーは表示位置を指定しているので、ずれるということになれば、重ねたレイヤーが全て同じようにずれるということになり、結果、同じに表示される。。。。 > >いま、やってみましたが、ブラウザの影響は受けるでしょうが、やはりそれぞれ一緒に動く(この表現でいいのか)のでそれぞれのレイヤーがばらばらになって表示ということにはならなかったです。 >レイヤーがブラウザによってずれて見えるというのは、真ん中に作ったはずが、ブラウザの大小で左にずれる、または右端に寄っていて画面から隠れる、といったことです。 >なぜならレイヤー(レイアウト枠)は上から○○ピクセル、左から○○ピクセルと絶対座標で指定するからです。 > >>「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 > >『どこでも』でできるなら『標準』でもできるでしょう。 >(ページが少なければ、以下の方法が簡単かな) >表示→編集スタイルの変更→スタンダード。(これでHTMLが表示できるスタイルに変更) >ファイル→標準モードで新規作成。 >スタンダード表示されたページをHTMLタブをクリックしてソースの<BODY> ><BODY/>間をコピー→新規作成したページの<BODY><BODY/>間にに貼り付け。 >これで『標準モード』でのページのできあがり。 >ページが多ければ、まつゆうさんが先に言っていた『ブラウザ共通の〜』でもいいかもしれない。 > >という説明でいいのでしょうか?(とりあえず確認してみる/笑) 何回もの質問に丁寧に答えてくださり、ありがとうございました! 今一、霧がかっていたものがはれたような気がします! |
◇-?|HP作成の際のページのサイズについて-まつゆう(2004/8/26-01:07)No.156259 ┣?!|Re:HP作成の際のページのサイズ...-o2ka(2004/8/26-02:14)No.156265 ┃┗?!【ありがとう】|Re:HP作成の際の...-まつゆう(2004/8/26-21:43)No.156454 ┃ ┗?!【ありがとう】!|Re:HP作成の際...-o2ka(2004/8/27-01:07)No.156503 ┃ ┗?!A!【ありがとう】|Re:HP作成の際...-まつゆう(2004/8/27-15:18)No.156587 ┣?!|Re:HP作成の際のページのサイズ...-でゅらりん♪(2004/8/26-02:27)No.156270 ┃┣?!【ありがとう】|Re:HP作成の際の...-まつゆう(2004/8/26-21:53)No.156456 ┃┗?!【ありがとう】|Re:HP作成の際の...-まつゆう(2004/8/30-00:08)No.157111 ┗?!|Re:HP作成の際のページのサイズ...-ポテチっ子(2004/8/26-09:41)No.156294 ┗?!!|Re:HP作成の際のページのサイ...-まつゆう(2004/8/26-21:37)No.156452 ┗?!!!|Re:レイヤーについて...-ポテチっ子(2004/8/27-09:51)No.156537 ┣?!!!|Re:レイヤーについて...-テツヤ(2004/8/27-13:14)No.156568 ┗?!!!【ありがとう】|Re:レイヤーに...-まつゆう(2004/8/27-15:24)No.156588 ┣?!!!【ありがとう】!|Re:レイヤー...-自称WEBデザイナー(2004/8/28-01:09)No.156697 ┃┣?!!!【ありがとう】!|Re:レイヤー...-テツヤ(2004/8/28-11:38)No.156766 ┃┃┗?!!!A!【ありがとう】|Re:レイヤー...-まつゆう(2004/8/29-23:47)No.157103 ┃┗?!!!【ありがとう】!!|Re:レイヤー...-自称WEBデザイナー(2004/8/28-20:00)No.156862 ┃ ┗?!!!A!!【ありがとう】|Re:レイヤ...-まつゆう(2004/8/29-23:50)No.157105 ┗?!!!【ありがとう】!|Re:レイヤー...-ポテチっ子(2004/8/28-10:41)No.156752 ┗?!!!【ありがとう】!?|Re:レイヤー...-まつゆう(2004/8/30-00:05)No.157108 ┣?!!!【ありがとう】!?|Re:レイヤー...-テツヤ(2004/8/30-13:41)No.157197 ┃┗?!!!A!?【ありがとう】|Re:レイヤ...-まつゆう(2004/8/30-23:58)No.157346 ┃ ┗?!!!A!?【ありがとう】!|Re:レイヤ...-テツヤ(2004/8/31-10:56)No.157412 ┃ ┗?!!!A!?A!【ありがとう】|Re:レイ...-まつゆう(2004/8/31-21:39)No.157573 ┃ ┗?!!!A!?A!【ありがとう】!|Re:レイ...-テツヤ(2004/9/1-16:01)No.157734 ┃ ┗?!!!A!?A!A!【ありがとう】|Re:レ...-まつゆう(2004/9/1-20:25)No.157798 ┃ ┗?!!!A!?A!A!【ありがとう】|Re:レ...-テツヤ(2004/9/1-21:18)No.157806 ┗?!!!【ありがとう】!?!|Re:レイヤ...-ポテチっ子(2004/8/30-20:17)No.157280 ┗?!!!【ありがとう】!?!?|Re:レイヤ...-まつゆう(2004/8/30-23:55)No.157345 ┗?!!!【ありがとう】!?!?!|Re:レイ...-ポテチっ子(2004/8/31-13:00)No.157426 ┗?!!!A!?!?!【ありがとう】|Re:レイ...-まつゆう(2004/8/31-21:42)No.157575
156259 | ?|HP作成の際のページのサイズについて | まつゆう | 2004/8/26-01:07 |
メーカー名:富士通 OS名:WindowsXp パソコン名:CE -- HPを作成していて、今一わからないのがページサイズについてです。例えば、自分 のパソコンで作成する際にはしっかり枠の中に納まり、タイトルと内容のバランス も取れているのですが、他のPCでそれを見ると微妙にずれていたりします。 他の方が作られたHPを参考にすることもあるのですが、どのPCで見ても変わらず表示 されています。 ビルダーを使った、「どこでも配置」モードで作成することが多いのですが、 ・編集領域右上にあるページサイズはどのサイズで作るのがベストですか? ・ページサイズを自分で設定するとしたら、幅と高さはどのくらいに設定したらいいの ですか? ・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ れるとききます。どちらで作成したほうがベストですか? (メリット、デメリットは?) ・標準モードで作成したとき、枠内に収めてページを作成したのですが、妙に横長 (下にスクロールバーが表示)されました。例えば今この質問表示の枠は枠内(横に 長く書き込まなければ)に収めていれば下のスクロールバーが表示されませんよね。 でも横にはみ出ていないのに、スクロールバーが表示され、右側に何もかかれていない スペースが広がっています。これはどうしてでしょうか? 長々申し訳ありません。上記4点が今一、本などでは噛み砕いて理解できなかったもので。 記述文からもおわかりのように、初心者です。よろしくお願いします。 |
156265 | ?!|Re:HP作成の際のページのサイズについて | o2ka | 2004/8/26-02:14 |
記事番号156259へのコメント 夜も遅くて頭が回らないので、簡単なトコだけ。 >・ページサイズを自分で設定するとしたら、幅と高さはどのくらいに設定したらいいの > ですか? 高さはフリーで。 横は「ブックマーク」を表示した状態でoperaを使用しているユーザを仮定して、 800程度がベターかな? レイアウトを固定するのでなければ、フリーがベスト。 ↑大画面でIe使用して見ても無意味な余白ができない >・標準モードで作成したとき、枠内に収めてページを作成したのですが、妙に横長 >(下にスクロールバーが表示)されました。例えば今この質問表示の枠は枠内(横に >長く書き込まなければ)に収めていれば下のスクロールバーが表示されませんよね。 >でも横にはみ出ていないのに、スクロールバーが表示され、右側に何もかかれていない >スペースが広がっています。これはどうしてでしょうか? どこかで、横幅が大きい値で固定されているんじゃないですか? TeraPad等のエディタを併用して細かい部分を調整してください。 ↑ビルダーに限りませんが、ホームページ作成ソフトは データを保存する際に勝手にソースを変な風に書き換えて くれます。 なので、細かい調整は手作業で行った方が吉かと・・・ 実装に近い環境を作成して(AN HTTPDやperlをPCにインストールし、 擬似的にWEB環境を作る)、様々なブラウザでアクセスして動作確認 を行うと、どんな環境でも近いレイアウトで表示できるサイトを 作れるでしょう。 ↑実際にupするプロバイダで使用しているOSで環境を構築できれば 最高なんだけどね・・・ テスト用ブラウザとしては、Ie、opera、Firefox(ネスケに動作が近い) の3点で充分かと思いますが、他のブラウザでもテストすればより完璧な WEBページを作成できるでしょう。 ↑firefoxはベータリリースだけにバージョンによって動作が大きく 異なったりする。 なので、古いバージョンも入手できれば吉(ただし、古いバージョン にはセキュリティホールがあるので、動作確認にしか 使用できませんが・・・) |
156454 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:43 |
記事番号156265へのコメント >レイアウトを固定するのでなければ、フリーがベスト。 > ↑大画面でIe使用して見ても無意味な余白ができない > >TeraPad等のエディタを併用して細かい部分を調整 丁寧にありがとうございます。 上記の2点をもう少し噛み砕いて教えていただきたいのですが。 フリーというのは?ページ指定の高さをですか? 申し訳ありません。初心者なので。 |
156503 | ?!【ありがとう】!|Re:HP作成の際のページのサイズについて | o2ka | 2004/8/27-01:07 |
記事番号156454へのコメント >>レイアウトを固定するのでなければ、フリーがベスト。 >> ↑大画面でIe使用して見ても無意味な余白ができない > >フリーというのは?ページ指定の高さをですか? 「ページ指定」の「高さ」って、指定した事がないので実際に入力すると どこに反映されるのか知りませんが・・・。 ↑今、動かせるのが「Lite」版だけで、それには上記機能が無い おそらくスタイルシートでページサイズが指定されるんでしょうね。 そこではサイズに関する指定は行わない方が融通が利くかと思います。 ↑marginくらいは良いかな? 今、検索して目に付いただけなんで、ブラウザによる互換性に ついてはチェックしていませんけど サイズに関する記述は各タグ(<DIV>タグや TABLE内の<TD>タグ) で行った方が、ブラウザによる互換性が高くなるかと思います。 ↑画像を配置するタグは、ブラウザのリサイズ機能による レイアウト崩れを避けるために固定値にした方が良いみたい。 って、まつゆうさんの作成したサイトを見るとすでに そうなっていますね。 ただ、TABLE内部での「width」の指定は、全ての<TD>タグに 行わないで「colspan」が使用されていない段にだけ指定 した方があとで調整しやすいですね(行数が多くても 一行だけの修正で済む)。 >>TeraPad等のエディタを併用して細かい部分を調整 ビルダーを使ったんじゃできない細かい調整をするときに テキストエディタで修正してブラウザで動作確認すると良い。 あと、1行だけ修正するときにいちいち重たいビルダーを 立ち上げるよりもテキストエディタを使用した方がお手軽。 TeraPadには「タグを色分けして表示してくれるので見やすい」 「改行コードを指定して保存できるので、UNIX系のサーバ用に ソースを保存できる」等の利点があります。 http://www.vector.co.jp/soft/win95/writing/se104390.html |
156587 | ?!A!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/27-15:18 |
記事番号156503へのコメント 細かくありがとうございました! 最後1つ質問!(すみません!) 現在職場のHPを作っているのですが、やはり「どこでも配置モード」で作って しまいました。(今後は標準で作成していきますが) ブラウザ表示で確認するとやはり左より表示です。 そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する 方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり 標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? どのPCで見ても中央に表示されることにこだわってしまうのですが。 再度標準モードで作り直すのがちょっと面倒なもので・・・。 |
156270 | ?!|Re:HP作成の際のページのサイズについて | でゅらりん♪ | 2004/8/26-02:27 |
記事番号156259へのコメント どこでも配置モードでは、画像などを表示する位置を 「左から何ピクセル、上から何ピクセル」というように座標で設定します それに対し標準モードでは、表示するものを上から順番に書き込むだけなので 表示する位置はブラウザ任せとなります たとえば、どこでも配置モードで画像を右端に置いたとします しかし、これは「右端に見える位置に置いた」に過ぎません なので、ウィンドウを小さくすると見えなくなってたりしてしまいます これを標準モードで「右揃え」として作成すると ブラウザが「右端に表示する」ということを理解して ウィンドウのサイズに合わせて表示してくれます 表示のされ方は、見る人のPCの状態 (設定) によりまちまちです なので、「右揃え」や「中央揃え」といった相対的なやり方の 標準モードで作るのがベストだと思います > 右側に何もかかれていないスペースが広がっています これに関しては実際のページを見てみないとなんとも言えません アドレスを指示していただければお力になれるかと思います |
156456 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:53 |
記事番号156270へのコメント でゅらりん♪さんは No.156270「Re:HP作成の際のページのサイズについて」で書きました。 >どこでも配置モードでは、画像などを表示する位置を >「左から何ピクセル、上から何ピクセル」というように座標で設定します >それに対し標準モードでは、表示するものを上から順番に書き込むだけなので >表示する位置はブラウザ任せとなります > >たとえば、どこでも配置モードで画像を右端に置いたとします >しかし、これは「右端に見える位置に置いた」に過ぎません >なので、ウィンドウを小さくすると見えなくなってたりしてしまいます > >これを標準モードで「右揃え」として作成すると >ブラウザが「右端に表示する」ということを理解して >ウィンドウのサイズに合わせて表示してくれます > >表示のされ方は、見る人のPCの状態 (設定) によりまちまちです >なので、「右揃え」や「中央揃え」といった相対的なやり方の >標準モードで作るのがベストだと思います > >> 右側に何もかかれていないスペースが広がっています >これに関しては実際のページを見てみないとなんとも言えません >アドレスを指示していただければお力になれるかと思います > ありがとうございます。自分のレベルで返信して下さったことを感謝しています。 やはり標準モードがいいんですね。 私の書いた右に余白が多くとられるページは職場用に作成しているHPでまだアップし ていません。申し訳ありません。 個人HPを見ていただきたいのですが、ほとんどのページ(というか全てかも・・・) を「どこでも配置」で作成しています。「でゅらりん」さんのPCでレイアウトが おかしく表示されるか確認してもらいたいのですが。 時間のあるときでかまいません。このページの表示は見にくい!というところを教え ていただきたいのですが。あつかましくてすみません!! http://www5f.biglobe.ne.jp/~karateka |
157111 | ?!【ありがとう】|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/30-00:08 |
記事番号156270へのコメント でゅらりん♪さんは No.156270「Re:HP作成の際のページのサイズについて」で書きました。 >どこでも配置モードでは、画像などを表示する位置を >「左から何ピクセル、上から何ピクセル」というように座標で設定します >それに対し標準モードでは、表示するものを上から順番に書き込むだけなので >表示する位置はブラウザ任せとなります > >たとえば、どこでも配置モードで画像を右端に置いたとします >しかし、これは「右端に見える位置に置いた」に過ぎません >なので、ウィンドウを小さくすると見えなくなってたりしてしまいます > >これを標準モードで「右揃え」として作成すると >ブラウザが「右端に表示する」ということを理解して >ウィンドウのサイズに合わせて表示してくれます > >表示のされ方は、見る人のPCの状態 (設定) によりまちまちです >なので、「右揃え」や「中央揃え」といった相対的なやり方の >標準モードで作るのがベストだと思います > >> 右側に何もかかれていないスペースが広がっています >これに関しては実際のページを見てみないとなんとも言えません >アドレスを指示していただければお力になれるかと思います > でゅらりんさんHP確認ありがとうございます。 感謝しています。 |
156294 | ?!|Re:HP作成の際のページのサイズについて | ポテチっ子 | 2004/8/26-09:41 |
記事番号156259へのコメント まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >メーカー名:富士通 >OS名:WindowsXp >パソコン名:CE >・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ > れるとききます。どちらで作成したほうがベストですか? >(メリット、デメリットは?) 「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 「どこでも配置モード」 メリット 簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 デメリット web表示すると微妙にずれる心配がある。 「標準モード」 メリット web表示でも(そんなに)くずれない。自分でソースをいじれる。 デメリット 扱いがやや面倒。 ちなみに私は「標準モード」を使用しています。 「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 |
156452 | ?!!|Re:HP作成の際のページのサイズについて | まつゆう | 2004/8/26-21:37 |
記事番号156294へのコメント ポテチっ子さんは No.156294「Re:HP作成の際のページのサイズについて」で書きました。 >まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >>メーカー名:富士通 >>OS名:WindowsXp >>パソコン名:CE > >>・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ >> れるとききます。どちらで作成したほうがベストですか? >>(メリット、デメリットは?) > >「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 >「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 >ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 > >「どこでも配置モード」 >メリット >簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 >デメリット >web表示すると微妙にずれる心配がある。 > >「標準モード」 >メリット >web表示でも(そんなに)くずれない。自分でソースをいじれる。 >デメリット >扱いがやや面倒。 > >ちなみに私は「標準モード」を使用しています。 >「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 とてもわかりやすかったです。ありがとうございます。 1点質問したいのですが、上記の「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避する ことができます。もちろん一部分にレイヤー(どこにでも配置できる。)」について 詳しく知りたいのですが。例えば、表(1×1)で作成して、写真ををそこに挿入しても、自由には動かせませんよね。 標準モードで自由に写真等が配置できれば、私もこちらで作成したいのですが。 |
156537 | ?!!!|Re:レイヤーについて | ポテチっ子 | 2004/8/27-09:51 |
記事番号156452へのコメント まつゆうさんは No.156452「Re:HP作成の際のページのサイズについて」で書きました。 >ポテチっ子さんは No.156294「Re:HP作成の際のページのサイズについて」で書きました。 >>まつゆうさんは No.156259「HP作成の際のページのサイズについて」で書きました。 >>>メーカー名:富士通 >>>OS名:WindowsXp >>>パソコン名:CE >> >>>・個人的には「標準モード」は扱いにくく感じるのですが、ブラウザに対応して表示さ >>> れるとききます。どちらで作成したほうがベストですか? >>>(メリット、デメリットは?) >> >>「どこでも配置モード」ではweb表示したときにずれてしまう可能性がありますので「どこでも配置」を使う場合は(取り説にも書いてある通り)仕方がない一面を持っています。 >>「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避することができます。もちろん一部分にレイヤー(どこにでも配置できる。ワードでいえばテキストボックスにたいなもの)を使用することで好みに配置することもできます。 >>ブラウザ対応についてですが、ブラウザに合わせて文を折り返したりするので画面下のスクロールバーがでないんですね。もちろん画面以上の大きな画像であればスクロールバーはでますが。 >> >>「どこでも配置モード」 >>メリット >>簡単で高度なスクリプトが挿入できて綺麗に仕上がる。 >>デメリット >>web表示すると微妙にずれる心配がある。 >> >>「標準モード」 >>メリット >>web表示でも(そんなに)くずれない。自分でソースをいじれる。 >>デメリット >>扱いがやや面倒。 >> >>ちなみに私は「標準モード」を使用しています。 >>「どこでも配置モード」でできることは、「標準モード」でもツールバー(でしたっけ?)になくてもメニューバーの中にあるので探すのが手間だけど、できます。 > >とてもわかりやすかったです。ありがとうございます。 >1点質問したいのですが、上記の「標準モード」は好きな場所に画像や文字が入れられないという面がありますが、これは表(テーブル)やインデントを使って回避する >ことができます。もちろん一部分にレイヤー(どこにでも配置できる。)」について >詳しく知りたいのですが。例えば、表(1×1)で作成して、写真ををそこに挿入しても、自由には動かせませんよね。 >標準モードで自由に写真等が配置できれば、私もこちらで作成したいのですが。 表じゃなくて、ダイレクトにレイヤーに入れてしまえばいいでしょう。 この場合注意しなくてはいけないのが、他の文、またはイラストを表にいれてページを作成した場合、見る側のブラウザによって位置がずれてしまうということがあります。(レイヤーは左から何ピクセル、上から何ピクセルと位置指定。表(テーブル)は上からは何行目、横幅はブラウザに対してパーセントで指定するからです。もちろん、レイヤーの中に表を入れることも可能です) 因みに私のつたないHPのアドレスを入れておきます。 このページはレイヤー使用です。 (アドレスは削除しました/ポテチっ子) 大きなレイヤーが上半分と下半分に二つあります。 上のレイヤーには表(テーブル)が入っていています。 その表の右半分は普通に入れてあります。改行とインデントを使って、簡単な更新記録とお品書き。 左はレイヤーが三枚かぶってます。それぞれにタイトル、案内、イラストです。(なので大きなイラストに変えたときはバランスを考えて動かせたりできます) 下のレイヤーもやはり表(テーブル)があり、ライン、案内、バナーです。 参考になればいいのですが。 がんばって素敵なHPを作成してくださいね。応援しています。 わからないことがあれば、また質問してください。 |
156568 | ?!!!|Re:レイヤーについて | テツヤ | 2004/8/27-13:14 |
記事番号156537へのコメント ポテチっ子さんは No.156537「Re:レイヤーについて」で書きました。 >表じゃなくて、ダイレクトにレイヤーに入れてしまえばいいでしょう。 >この場合注意しなくてはいけないのが、他の文、またはイラストを表にいれてページを作成した場合、見る側のブラウザによって位置がずれてしまうということがあります。(レイヤーは左から何ピクセル、上から何ピクセルと位置指定。表(テーブル)は上からは何行目、横幅はブラウザに対してパーセントで指定するからです。もちろん、レイヤーの中に表を入れることも可能です) > >因みに私のつたないHPのアドレスを入れておきます。 >このページはレイヤー使用です。 >http://www1.ocn.ne.jp/~lapises/lapistop.htm > >大きなレイヤーが上半分と下半分に二つあります。 >上のレイヤーには表(テーブル)が入っていています。 >その表の右半分は普通に入れてあります。改行とインデントを使って、簡単な更新記録とお品書き。 >左はレイヤーが三枚かぶってます。それぞれにタイトル、案内、イラストです。(なので大きなイラストに変えたときはバランスを考えて動かせたりできます) >下のレイヤーもやはり表(テーブル)があり、ライン、案内、バナーです。 ここの「レイヤー」って只の概念ですね?。position:absoluteでleft、topで座標…。 これなら色々可能ですけどね。ネスケで言う「レイヤー」だと、IEでは表示できないでしょうね…やったことないんだけど…。 |
156588 | ?!!!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/27-15:24 |
記事番号156537へのコメント ポテチっ子さんは No.156537「Re:レイヤーについて」で書きました。 ありがとうございました。ポテチっ子さんのHP今後も参考にさせていただきます。 ところで再び私レベルの質問をしてしまうのですが、 現在職場のHPを作っているのですが、やはり「どこでも配置モード」で作って しまいました。(今後は標準で作成していきますが) ブラウザ表示で確認するとやはり左より表示です。 そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する 方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり 標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? どのPCで見ても中央に表示されることにこだわってしまうのですが。 再度標準モードで作り直すのがちょっと面倒なもので・・・。 |
156697 | ?!!!【ありがとう】!|Re:レイヤーについて | 自称WEBデザイナー | 2004/8/28-01:09 |
記事番号156588へのコメント ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? *ホームページビルダーなるものを使用したことがないものでわかりませんが。 |
156766 | ?!!!【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/8/28-11:38 |
記事番号156697へのコメント 自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? > >*ホームページビルダーなるものを使用したことがないものでわかりませんが。 私も同じく使った事はありません。FrontPageExpressで呆れて、手書きで〜す。 TABLEのセルをパーセント指定でできないでしょうかね…。でもここまでやるか…?。 現在の「まっちゃん…」は、特に悪いところはないと思うし…。チョコチョコ付いてくるキャラはいいよね…。 |
157103 | ?!!!A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/29-23:47 |
記事番号156766へのコメント テツヤさんは No.156766「Re:レイヤーについて」で書きました。 >自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >>ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? >> >>*ホームページビルダーなるものを使用したことがないものでわかりませんが。 > 私も同じく使った事はありません。FrontPageExpressで呆れて、手書きで〜す。 > > TABLEのセルをパーセント指定でできないでしょうかね…。でもここまでやるか…?。 > 現在の「まっちゃん…」は、特に悪いところはないと思うし…。チョコチョコ付いてくるキャラはいいよね…。 > ありがとうございます。 私も周りの詳しい人に聞いたところ、テツヤさんと同じように、現在のままでいいのでは? との返答をもらいました。 次回からはどのブラウザー上でも変わらないようページをつくっていきます。 |
156862 | ?!!!【ありがとう】!!|Re:レイヤーについて | 自称WEBデザイナー | 2004/8/28-20:00 |
記事番号156697へのコメント 自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? > >*ホームページビルダーなるものを使用したことがないものでわかりませんが。 > JaVaスクリプト+スタイルシートで倍率指定を・・・と思いましたが、このレベルは 無理かな? 1)スタイルシートにそれぞれの内容に対する初期値を設定 2)その内、大きさと位置をJaVaスクリプトで変更する。 *「GO LIVE CS」なら、これで処理してますが。 |
157105 | ?!!!A!!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/29-23:50 |
記事番号156862へのコメント 自称WEBデザイナーさんは No.156862「Re:レイヤーについて」で書きました。 >自称WEBデザイナーさんは No.156697「Re:レイヤーについて」で書きました。 >>ウインドウサイズに合わせてコンテンツの大きさを変えるのはどうでしょうか? >> >>*ホームページビルダーなるものを使用したことがないものでわかりませんが。 >> >JaVaスクリプト+スタイルシートで倍率指定を・・・と思いましたが、このレベルは > >無理かな? > >1)スタイルシートにそれぞれの内容に対する初期値を設定 > >2)その内、大きさと位置をJaVaスクリプトで変更する。 > >*「GO LIVE CS」なら、これで処理してますが。 ありがとうございます。 ただ、ちょっと現在の自分のレベルでは難しく感じます。 もっと勉強しますね! |
156752 | ?!!!【ありがとう】!|Re:レイヤーについて | ポテチっ子 | 2004/8/28-10:41 |
記事番号156588へのコメント >ブラウザ表示で確認するとやはり左より表示です。 確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 >そこで、「どこでも配置モード」を「ブラウザ共通のレイアウトに変換」しようと >したのですが、いくつか画像を重ね合わせた効果を仕組んだためできません。 >「ブラウザ共通のレイアウトに変換」したものを標準モードで開き、中央配置する >方法を聞いていたのですが、「ブラウザ共通のレイアウトに変換」せず、いきなり >標準モードで開き、それを中央ぞろえにしてもダメなのでしょうか? 変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) いきなり標準で開いても、中央ぞろえはできなかったです。 何故か?というのは省略させてくだい。 >どのPCで見ても中央に表示されることにこだわってしまうのですが。 >再度標準モードで作り直すのがちょっと面倒なもので・・・。 せっかく作成したページですものね。 でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 回答になってないですね。すみません。 |
157108 | ?!!!【ありがとう】!?|Re:レイヤーについて | まつゆう | 2004/8/30-00:05 |
記事番号156752へのコメント >確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) >そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 >どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 そうです。そのとおりでした。投稿後自分でも気づいたのですが、「素材ビュー」 の表示を狭め、作成画面を広げると、中央だと思っていた画面が実はそうではないことに気づきました。 >変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) >いきなり標準で開いても、中央ぞろえはできなかったです。 >何故か?というのは省略させてくだい。 確かにだめでした。「標準」で開いても、なんかちょっと違った表示がなされ、 かえって面倒に感じました。 >でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 >レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら ある画像の上に説明が表示されるといったことは、できないですよね。 それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? すみません。なんか変な質問ですが。 丁寧に回答くださり、本当に感謝しています。 |
157197 | ?!!!【ありがとう】!?|Re:レイヤーについて | テツヤ | 2004/8/30-13:41 |
記事番号157108へのコメント まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >ある画像の上に説明が表示されるといったことは、できないですよね。 >それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? …横からすいません…。 可能でしょう。今現在のそのHPの、チョコチョコくっついているキャラが出来てるでしょ。だけど、大きな物だと、その処理に時間が掛かる事があると思います…大きいのはやった事がないので正確には判りませんが。position:absoluteとか使うと可能。 面白い事に、こういうのを応用して、「動く図」とかも可能です。 画像も、サイズ変更可能だし。 もう少し、HTMLの勉強をするといいと思います…。編集ソフトでどの程度できるのかな…?。 HTML編集ソフトで編集した文書に手書きを加えると、今度HTML編集ソフトで読み込むと滅茶苦茶になる事がありますのでご注意を。 |
157346 | ?!!!A!?【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/30-23:58 |
記事番号157197へのコメント テツヤさんは No.157197「Re:レイヤーについて」で書きました。 >まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >>「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >>ある画像の上に説明が表示されるといったことは、できないですよね。 >>それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? > …横からすいません…。 > 可能でしょう。今現在のそのHPの、チョコチョコくっついているキャラが出来てるでしょ。だけど、大きな物だと、その処理に時間が掛かる事があると思います…大きいのはやった事がないので正確には判りませんが。position:absoluteとか使うと可能。 > 面白い事に、こういうのを応用して、「動く図」とかも可能です。 > 画像も、サイズ変更可能だし。 > もう少し、HTMLの勉強をするといいと思います…。編集ソフトでどの程度できるのかな…?。 > HTML編集ソフトで編集した文書に手書きを加えると、今度HTML編集ソフトで読み込むと滅茶苦茶になる事がありますのでご注意を。 ありがとうございました。 そうですね。ちょっとHTMLの勉強をしっかりしてみようとおもいます。 今一わからなくて・・・。 |
157412 | ?!!!A!?【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/8/31-10:56 |
記事番号157346へのコメント 「三重県」と「フランス」の所を観ました。 三重県のは写真が重たかった。→修正:私のPCがおかしかったみたい。調べたら画像は横200dot程度だった。 どちらのページも横幅固定なので若干観にくい。 写真にマウスカーソルを置くと文字が表示されるが、position:absoluteか、position:relativeで文字と下画像を表示する手もあると思う。追加修正:スクリプトが必要でした…。 そして写真の配置はインライン要素として並べるだけでよいと思う。写真にはline-height:200pxとか利かないかな…?。横の隙間はmarginで…。 |
157573 | ?!!!A!?A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/31-21:39 |
記事番号157412へのコメント テツヤさんは No.157412「Re:レイヤーについて」で書きました。 > 「三重県」と「フランス」の所を観ました。 > 三重県のは写真が重たかった。→修正:私のPCがおかしかったみたい。調べたら画像は横200dot程度だった。 > どちらのページも横幅固定なので若干観にくい。 > > 写真にマウスカーソルを置くと文字が表示されるが、position:absoluteか、position:relativeで文字と下画像を表示する手もあると思う。追加修正:スクリプトが必要でした…。 > そして写真の配置はインライン要素として並べるだけでよいと思う。写真にはline-height:200pxとか利かないかな…?。横の隙間はmarginで…。 > ありがとうございます! 2つ教えてください。 横幅の固定を固定しない(?)ようにするにはどうしたらいいのですか? そうするとどのように表示されますか? ピントがずれた質問かもしれないですが、超初心者ということですみません。 |
157734 | ?!!!A!?A!【ありがとう】!|Re:レイヤーについて | テツヤ | 2004/9/1-16:01 |
記事番号157573へのコメント まつゆうさんは No.157573「Re:レイヤーについて」で書きました。 >横幅の固定を固定しない(?)ようにするにはどうしたらいいのですか? >そうするとどのように表示されますか? もう出血大サービス…。ise.htm《 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <SCRIPT> function DispMemo(Nam){ MemoBoard.style.display="block"; var X=window.event.x+document.body.scrollLeft; var Y=window.event.y+document.body.scrollTop; // if(X=>…)…X座標のチェック、表示位置補正 // if(Y=>…)…Y座標のチェック、表示位置補正 window.status=X +","+Y; //Debug MemoBoard.style.left=X; MemoBoard.style.top=Y; Memo.innerHTML=eval(Nam+".innerHTML"); } function OffMemo(){ MemoBoard.style.display="none"; } </SCRIPT> </HEAD> <BODY> <DIV style="position:absolute"> <IMG src="ise.files/photo4.gif" align=right style="width:200; height:130"> </DIV> <DIV align=center style="position:absolute; width:100%"> <IMG src="ise.files/logo155.gif"> </DIV> <TABLE style="width:100%"> <TR><TD align=center colspan=2 style="height:60"><!--タイトルの高さ--> <TR><TD> 文章…。<BR> どうしても「伊勢…」を中央に置く場合は、このようにすれば出来きた。<BR> 画面のサイズや文字サイズを変更してみてください。<BR> <TD width=200 height=70><!-- height=右画像高さ-タイトル高さ=130-60 これで右部の画像の確保…文章が少ない時の対処--> </TABLE> <HR> <DIV align=center> <IMG src="ise.files/logo155%20(1).gif"> </DIV> <IMG src="ise.files/gakkoumae1.jpg" onmouseover="DispMemo('gakkoumae1')" onmouseout="OffMemo()"> <IMG src="ise.files/taiikukan.jpg" onmouseover="DispMemo('taiikukan')" onmouseout="OffMemo()"> <IMG src="ise.files/ryou1.jpg" onmouseover="DispMemo('ryou1')" onmouseout="OffMemo()"> <IMG src="ise.files/makiwara1.jpg" onmouseover="DispMemo('makiwara1')" onmouseout="OffMemo()"> <DIV align=center> <IMG src="ise.files/logo155%20(2).gif"> </DIV> <IMG src="ise.files/isejinnguu2.jpg"> <IMG src="ise.files/isuzugawa.jpg"> <IMG src="ise.files/isejinnguu.jpg"> <IMG src="ise.files/hosidekanmae.jpg"> <BR> <DIV id=MemoBoard style="position:absolute; display:none"><IMG src="ise.files/v5_ban005.gif" style="position:absolute"><SPAN id=Memo style="position:relative; left:20; top:10">ここに表示されます…</SPAN> </DIV> <SPAN style="display:none"><!--メモ データ--> <SPAN id=gakkoumae1>gakkoumae1.gifのメモ内容。HTML表記可能。</SPAN> <SPAN id=taiikukan>taiikukan.gifのメモ<B>内容</B>。</SPAN> <SPAN id=ryou1>ryou1.gifのメモ内容。</SPAN> <SPAN id=makiwara1>makiwara1.gifのメモ内容。</SPAN> </SPAN> ポイントはphoto4.gifをブロック要素の中に入れて右揃え…レイヤー概念。そしてタイトルを同じようにしてこちらの表示を優先させる。<BR> 次の文章はタイトルの高さ分下げる。右部も画像分の空白を作る。<BR> これで画面サイズ変更しても結構いい感じだと思います。<BR> 問題なのは、どこにメモボードを表示するか。<BR> 「onmouseover=…」で要素を表示させるか、フレームで別にするか…。<BR> </BODY></HTML> 》。こんな感じ。 |
157798 | ?!!!A!?A!A!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/9/1-20:25 |
記事番号157734へのコメント テツヤさん本当にありがとうございます!! 以前のしゃられていたように、もっとHTMLについて勉強します。 また、「まつゆう」でHPについての質問がありましたら、間違いなく私ですので 再び助けてください!! 感謝しています!! 回答いただいたHTML(でいいのかな?)は全てコピーしてHD内の文章に 貼り付けさせていただきました。 |
157806 | ?!!!A!?A!A!【ありがとう】|Re:レイヤーについて | テツヤ | 2004/9/1-21:18 |
記事番号157798へのコメント まつゆうさんは No.157798「Re:レイヤーについて」で書きました。 >回答いただいたHTML(でいいのかな?)は全てコピーしてHD内の文章に >貼り付けさせていただきました。 ご自由にどうぞ。あちこち修正が必要でしょうけど。「勉強」という事でこの程度でご了承…。 ちょっとだけ修正。こっちの方が解りやすいというか、理論的というか…。一部《 <BODY> <DIV align=center style="position:absolute; width:100%"> <IMG src="ise.files/logo155.gif"> </DIV> <TABLE style="width:100%"> <TR><TD height=60><DIV<!--タイトルの高さ--> <TD rowspan=2 align=right><IMG src="ise.files/photo4.gif" style="width:200; height:130"> <TR><TD valign=top> 文章…。<BR> どうしても「伊勢…」を中央に置く場合は、このようにすれば出来きた。<BR> 画面のサイズや文字サイズを変更してみてください。 </TABLE> <HR> 》 で、一番問題なのがメモボードの表示位置なので、そこら辺はご自分で考えてみてください。JavaScriptを勉強してみてください。 |
157280 | ?!!!【ありがとう】!?!|Re:レイヤーについて | ポテチっ子 | 2004/8/30-20:17 |
記事番号157108へのコメント まつゆうさんは No.157108「Re:レイヤーについて」で書きました。 >>確認なのですが、ビルダーで作成中、作成画面左側に『サイト/素材のビュー表示/非表示』(ナビメニュー・素材集)を表示させていませんか?(右に『属性/アウトライナ/〜』(編集中のページ)とかも表示させている?) >>そうすると完成したページをアップロードしたときに左側に寄ってしまうということになります。 >>どうしてかというと、ビルダーの作成画面が狭められる。おまけに『どこでも配置』の基準は左側からの指定になっている、というより指定がなければ左寄り。よって、左に寄って表示される・・・。 > >そうです。そのとおりでした。投稿後自分でも気づいたのですが、「素材ビュー」 >の表示を狭め、作成画面を広げると、中央だと思っていた画面が実はそうではないことに気づきました。 > >>変換はできましたが、『どこでも配置』で作成したものを『標準』でいじるのは難しいですね。というかできませんでした。(複雑すぎて出てきた作業画面にあっけにとられてしまいました/笑) >>いきなり標準で開いても、中央ぞろえはできなかったです。 >>何故か?というのは省略させてくだい。 > >確かにだめでした。「標準」で開いても、なんかちょっと違った表示がなされ、 >かえって面倒に感じました。 > > >>でもどうしても、どのブラウザで見ても、というのでしたら『標準モード』でレイヤーなしの表(テーブル)使用で作る事をオススメします。 >>レイヤーはブラウザの大きさ、全面表示かとか、モニターのインチによっても位置が変わって見え方が変わるので。 > >「レイヤーなしの表使用」ですが、例えば、ある画面にカーソルを合わせたら >ある画像の上に説明が表示されるといったことは、できないですよね。 >それとも表を使用して、画像の上に文章等を重ねることができる方法はあるんですか? http://www.jp.playstation.com/ このページのリンク、たとえば一行めの中ほどの『<ホーム』にカーソルを乗せると『ホーム』と四角に囲まれて出てくるようにするのであれば、可能です。 主に画像に付けられる『alt=”ここに適当な言葉を入れる”』というタグです。 ビルダーでの出し方 画像の上で右クリック→属性の変更→代替えテキストに好きな言葉なり説明を入れる(どんなに長くてもOK。ただし、改行はきかない。絵文字は入れられる) もしくは、初めから画像に文字を重ねたものを作り、それをUPする。 ビルダーにはウェブアートデザイナーがあるので比較的簡単にできるはずです。 ツール→ウェブアートデザイナー >すみません。なんか変な質問ですが。 こちらこそ。わたしこそ上手に回答できているでしょうか。 >丁寧に回答くださり、本当に感謝しています。 とんでもありません。困ったときはお互い様です。私も沢山の人に助けられてきました。少しでもお役に立てれば嬉しい限りです。 |
157345 | ?!!!【ありがとう】!?!?|Re:レイヤーについて | まつゆう | 2004/8/30-23:55 |
記事番号157280へのコメント 度重なる質問に答えてくださりありがとうございます!! すみません。前回、ちょっと私の質問の仕方が悪かったようで、ちょっと伝わって なかったようです。改めて質問です。 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 その写真の内容文が同じページ内の別の場所に表示されるようにしています。 ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に 各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは 「どこでも」モードで作成しました。 今後は「標準」で作成していこうと思っていますが、前回教えていただいた 内容によると、「レイヤーはブラウザによってはずれて見えることもある」 とありましたので、上記のように、レイアウト枠を重ねていった場合、 ずれて表示されることもありうるのかなと思い、質問しました。 なんか、わけのわからない質問になってしまいましたが、簡単に言うと、 私のつたないHPの中の「伊勢」「フランス」のようなページが「標準」でもで きますか?ということになります。 「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 |
157426 | ?!!!【ありがとう】!?!?!|Re:レイヤーについて | ポテチっ子 | 2004/8/31-13:00 |
記事番号157345へのコメント > 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 >その写真の内容文が同じページ内の別の場所に表示されるようにしています。 >ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に >各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは >「どこでも」モードで作成しました。 >今後は「標準」で作成していこうと思っていますが、前回教えていただいた >内容によると、「レイヤーはブラウザによってはずれて見えることもある」 >とありましたので、上記のように、レイアウト枠を重ねていった場合、 >ずれて表示されることもありうるのかなと思い、質問しました。 ははは、ごめんさないね。Javaのことも書こうと思ったんだけど、書いていると(私が)混乱しそうだったのでやめたんです。 レイヤーを同一箇所に重ねるということをしたことないので、憶測ですが、レイヤーは表示位置を指定しているので、ずれるということになれば、重ねたレイヤーが全て同じようにずれるということになり、結果、同じに表示される。。。。 いま、やってみましたが、ブラウザの影響は受けるでしょうが、やはりそれぞれ一緒に動く(この表現でいいのか)のでそれぞれのレイヤーがばらばらになって表示ということにはならなかったです。 レイヤーがブラウザによってずれて見えるというのは、真ん中に作ったはずが、ブラウザの大小で左にずれる、または右端に寄っていて画面から隠れる、といったことです。 なぜならレイヤー(レイアウト枠)は上から○○ピクセル、左から○○ピクセルと絶対座標で指定するからです。 >「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 『どこでも』でできるなら『標準』でもできるでしょう。 (ページが少なければ、以下の方法が簡単かな) 表示→編集スタイルの変更→スタンダード。(これでHTMLが表示できるスタイルに変更) ファイル→標準モードで新規作成。 スタンダード表示されたページをHTMLタブをクリックしてソースの<BODY> <BODY/>間をコピー→新規作成したページの<BODY><BODY/>間にに貼り付け。 これで『標準モード』でのページのできあがり。 ページが多ければ、まつゆうさんが先に言っていた『ブラウザ共通の〜』でもいいかもしれない。 という説明でいいのでしょうか?(とりあえず確認してみる/笑) |
157575 | ?!!!A!?!?!【ありがとう】|Re:レイヤーについて | まつゆう | 2004/8/31-21:42 |
記事番号157426へのコメント ポテチっ子さんは No.157426「Re:レイヤーについて」で書きました。 >> 個人HPのなかの1ページに、何枚かある写真の内の1枚にカーソルを当てると、 >>その写真の内容文が同じページ内の別の場所に表示されるようにしています。 >>ご存知だと思いますが、これはJava使用で、内容を表示させる場所の上に >>各写真の内容が表示されるレイアウト枠を重ねていっているのですが、これは >>「どこでも」モードで作成しました。 >>今後は「標準」で作成していこうと思っていますが、前回教えていただいた >>内容によると、「レイヤーはブラウザによってはずれて見えることもある」 >>とありましたので、上記のように、レイアウト枠を重ねていった場合、 >>ずれて表示されることもありうるのかなと思い、質問しました。 > >ははは、ごめんさないね。Javaのことも書こうと思ったんだけど、書いていると(私が)混乱しそうだったのでやめたんです。 > >レイヤーを同一箇所に重ねるということをしたことないので、憶測ですが、レイヤーは表示位置を指定しているので、ずれるということになれば、重ねたレイヤーが全て同じようにずれるということになり、結果、同じに表示される。。。。 > >いま、やってみましたが、ブラウザの影響は受けるでしょうが、やはりそれぞれ一緒に動く(この表現でいいのか)のでそれぞれのレイヤーがばらばらになって表示ということにはならなかったです。 >レイヤーがブラウザによってずれて見えるというのは、真ん中に作ったはずが、ブラウザの大小で左にずれる、または右端に寄っていて画面から隠れる、といったことです。 >なぜならレイヤー(レイアウト枠)は上から○○ピクセル、左から○○ピクセルと絶対座標で指定するからです。 > >>「どこでも」と全く同じページを「標準」でも作成できると聞いたことがあるのですが。 > >『どこでも』でできるなら『標準』でもできるでしょう。 >(ページが少なければ、以下の方法が簡単かな) >表示→編集スタイルの変更→スタンダード。(これでHTMLが表示できるスタイルに変更) >ファイル→標準モードで新規作成。 >スタンダード表示されたページをHTMLタブをクリックしてソースの<BODY> ><BODY/>間をコピー→新規作成したページの<BODY><BODY/>間にに貼り付け。 >これで『標準モード』でのページのできあがり。 >ページが多ければ、まつゆうさんが先に言っていた『ブラウザ共通の〜』でもいいかもしれない。 > >という説明でいいのでしょうか?(とりあえず確認してみる/笑) 何回もの質問に丁寧に答えてくださり、ありがとうございました! 今一、霧がかっていたものがはれたような気がします! |