TOP > Expression Web & FrontPage Users Forum
[リストへもどる]
一括表示
タイトル表示されるウェブページサイズの固定法を教えてください。
記事No39
投稿日: 2008/02/22(Fri) 14:38
投稿者まりー
[記事内容: Expression Web]

デザインビューでウェブページを作成し、ブラウザでみると、文字の位置がブラウザの画面のサイズに合わせて移動してしまします。デザインビューでは2行の文章だったのに、ブラウザでみると、1行になってしまい、そのうえ左に寄ってしまったりします。ブラウザの画面がデザインビューの画面より大きいからだと思います。ではブラウザの画面の大きさに関係なくウェブページの画面のサイズを固定するにはどうしたらいいのですか?教えてください。
よろしくお願いします。。初歩的な質問でごめんなさい。

タイトルRe: 表示されるウェブページサイズの固定法を教えてください。
記事No40
投稿日: 2008/02/22(Fri) 22:23
投稿者wanichan
幅を固定すればOKです。

メインコンテンツの部分を700ピクセルとかにするといいでしょう。
ただし、レイアウトによって、適切な横幅サイズが異なります。

DIVボックスの横幅を指定するということになりますね。
すべてCSSでまとめると楽ですよ。
CSSレイアウトページでしょうか?
現在、どんなレイアウトのページでしょうか?

どうぞよろしくお願いします。

タイトルRe^2: 表示されるウェブページサイズの固定法を教えてください。
記事No41
投稿日: 2008/02/23(Sat) 14:02
投稿者まりー
お返事ありがとうございます。
私は全くの初心者で。。。あのう、サイズの固定の仕方もわかりません。
どのレイアウト?と聞かれても何を聞かれているのかもよくわからない始末で。。。ほんとうに恥ずかしいです。
CSSの使い方も作り方もわかってないので、CSSのレイアウトではないと思います。。。(汗)このソフトを立ち上げたら白紙の画面だったのでそこに文章を書き込み画像を挿入しました。フロントページでもそうやって作ったので何も設定せずただワープロでも打つような感覚で書いています。サイズを固定するにはどうすればいいですか?教えてもらえたら嬉しいです。
よろしくお願いします。

タイトルRe^3: 表示されるウェブページサイズの固定法を教えてください。
記事No42
投稿日: 2008/02/23(Sat) 14:42
投稿者wanichan
とりあえず、私が適当に作ったテンプレートでよろしければ
ご利用いただければと思います。

http://www.wanichan.com/web/expression/dwt/

この中に、横幅固定のCSSレイアウトテンプレートがあります。

CSSレイアウトに関する詳しいことは、拙著などをご覧ください。
http://www.wanichan.com/web/expression/css/
https://www.amazon.co.jp/gp/product/4839923930/wanichanowebw-22/ref=nosim

タイトルRe^4: 表示されるウェブページサイズの固定法を教えてください。
記事No43
投稿日: 2008/02/26(Tue) 10:33
投稿者まりー
こんにちは。お世話になります。
テンプレートをコピーさせていただいたんですが、それを自分のデザインしたページに適用させ方がわからず、試行錯誤して、レイヤーを使ってそれぞれのコンテンツを配置してみました。4箱のレイヤーで構成しました。するとブラウザの画面にしても固定されていて文字がずれなくなりましたが、すべて左に寄っています。これを中央に持ってくるにはどうしたらいいですか?
私はレイヤーを使いましたが、同じことがDIVでもできたのでしょうか?
レイヤーとDIvの大きな違いとは何ですか?

お返事お待ちしてます。

タイトルRe^5: 表示されるウェブページサイズの固定法を教えてください。
記事No44
投稿日: 2008/02/26(Tue) 10:50
投稿者wanichan
ダイナミックWebテンプレートの適用方法は、拙著の200ページに載ってますが。。。
レイヤーとDIVは違いますよ。

レイヤーはある意味「絶対配置」に対して、DIVは「相対配置」だったりします。実体は、レイヤーもDIVも同じ「DIV」なんですけどね。
レイヤーは「position:absolute」が入ったりします。

どのように配置すべきか、と言う部分については、
そのページ全体がどんなレイアウトなのか、という部分に関係してきます。

私が適当に作って配布したテンプレートには、ダイナミックWebテンプレートとCSSファイルのセットになっています。
どのテンプレートを利用されているのでしょうか?

4つのボックスとは、具体的にどんな感じに配置させたいのでしょうか?
(横に4つ?それとも上下2つずつ??)

どうやらExpression Webの基本的なことがご理解されていらっしゃらないようなので、
拙著「Expression Web標準ガイドブック」に目を通されることをお勧めします。
どうぞよろしくお願いします。

タイトルRe^6: 表示されるウェブページサイズの固定法を教えてください。
記事No45
投稿日: 2008/03/06(Thu) 10:22
投稿者まりー
こんにちは。いつもありがとうございます。
今私はオーストラリアにおり、それにまだEXPRESSION WEBにするかFrontPageにするか迷っているところなので貴書を入手していません。
以前FrontPageの英語版をこちらの学校で使っていたのでFrontPageのほうが使いやすいしその時はCSSなんて知らなくても簡単にWEBがデザインできたので本当はFrontPageを購入しようと思っていましたが、Vistaには対応していないと聞いて迷っているところです。それで、もしExpression Webが私にも使えるようならExpression Webを購入しようと思い試用版を使ってみているところです。でものっけから躓いてしまいました。(^O^)
というわけで馬鹿な質問ばかりしてすみません。

あの、コピーさせてもらったテンプレートはヘッダー、ナビバー、2列、フッターの中央寄せのグレーので、ダイナミックテンプレートをコピーさせていただきました。でもコピーしただけで、その先の手順が分からずそのままです。

4つのレイヤーボックスは上に横長にひとつ(ページのタイトル)左側に縦長に一つ(目次を並べてそれぞれをハイパーリンク指定するつもりです。)その横にもう一つ、縦長で大きめの箱、これは本文用です。残りの一つは画面の上に置いた横長のボックスの上に小さい横長の箱を置いて、その中にはボタンを並べました。これもハイパーリンク指定するつもりです。

Expression Webの使い方は全く分かっていません。もしこのソフトを買うことに決めたら、日本に一時帰国した際に貴書を入手させてもらいます。

Divとレイヤーの違いわかりやすく教えてくださってありがとうございました。

タイトルRe^7: 表示されるウェブページサイズの固定法を教えてください。
記事No46
投稿日: 2008/03/06(Thu) 10:56
投稿者wanichan
ダイナミックWebテンプレートの適用などについては、
基本的にFrontPage 2003と変わりません。

http://www.wanichan.com/web/frontpage/fp2003b/15.htm
こちらをご覧ください(3ページあります)。

すでにあるダイナミックWebテンプレートを元に、新しいWebページを作る場合は、そのダイナミックWebテンプレートを右クリックして、
Create from Dynamic Web Template
を選択します。(英語版でしたよね?)

しかし、まず、ダイナミックWebテンプレート自体を自分のサイト用に編集する必要があります。


どうぞよろしくお願いします。

タイトルRe^8: 表示されるウェブページサイズの固定法を教えてください。
記事No47
投稿日: 2008/03/06(Thu) 12:14
投稿者まりー
少しずつ仕組みがわかってきました。
ありがとうございました。