TOP > Expression Web & FrontPage Users Forum
[リストへもどる]
一括表示
タイトル作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No449
投稿日: 2011/05/01(Sun) 11:24
投稿者gonegaga
Expression Web4を使って、ページを作成し、ブラウザープレビューで
みると文字サイズは、Expression Web画面で見るものより小さくなり、
1行の文字数が、大幅に大きくなってしまいます。
こんなに
大きく違うと作業がやりにくいのですが、何か手違いがあるのでしょう
か。
スタイルは「段落」、フォントは「規定のフォント」、
フォントサイズは、「small」にしてあります。
未だレイア
ウトテーブルに慣れず、テーブルを使って、記事配置をしております。

Expression Webの操作になかなか慣れられません。<br&g
t;宜しくお願いします。

タイトルRe: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No450
投稿日: 2011/05/01(Sun) 22:01
投稿者wanichan
Expression Webでのデザインビューは、Internet Explorer 6に似ています。
IE6とその他のブラウザーではsmallとmediumの解釈がことなるんです。

できればsmallなどの相対フォントサイズは控えた方がいいですね。

詳しくは以下の記事をご覧ください。
http://www.wanichan.com/web/expression/web4/03/25.html

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

タイトルRe^2: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No452
投稿日: 2011/05/09(Mon) 11:55
投稿者gonegaga
参照先http://www.asahi-net.or.jp/~gt9o-endu/noda_susumu/2genious/mozart.html
> 詳しくは以下の記事をご覧ください。
> http://www.wanichan.com/web/expression/web4/03/25.html

ご回答有り難うございます。
上記URLに従い、ページを作成して見ました。

作成は、下記手順で行いました。
1.作成済みのページ全体をコピーし、新規htmlページに貼り付け
2.本文部分を削除し、新しい本文原稿をテキストファイルからコピーし新しいhtmlページの本文を削除したところに貼り付け
3.ご案内のURLページの手順に従い、font-family:Arial, Helvetica, sans-serif, MS Pゴシック、font-size:0.9em → OK

その結果は次の通りです。
a:ExpressionWeb4のツールバー スタイル欄:なし、フォント欄:Arial, Helvetica, sans-serif, MS Pゴシック、フォントサイズ欄:medium
b:ExpressionWeb4のページ表示は、1行29文字
c:Internet Explorer9でプレビューするとExpressionWeb4の表示より字が小さくなり、1行38文字
となります。
この程度の違いは避けられないのでしょうか。
ExpressionWeb4の表示がWYSIWYGにはならないものなのでしょうか。
宜しくお願いします。

タイトルRe^3: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No453
投稿日: 2011/05/09(Mon) 12:44
投稿者wanichan
> > 詳しくは以下の記事をご覧ください。
> > http://www.wanichan.com/web/expression/web4/03/25.html
>
> ご回答有り難うございます。
> 上記URLに従い、ページを作成して見ました。
>
> 作成は、下記手順で行いました。
> 1.作成済みのページ全体をコピーし、新規htmlページに貼り付け
> 2.本文部分を削除し、新しい本文原稿をテキストファイルからコピーし新しいhtmlページの本文を削除したところに貼り付け
> 3.ご案内のURLページの手順に従い、font-family:Arial, Helvetica, sans-serif, MS Pゴシック、font-size:0.9em → OK
>
> その結果は次の通りです。
> a:ExpressionWeb4のツールバー スタイル欄:なし、フォント欄:Arial, Helvetica, sans-serif, MS Pゴシック、フォントサイズ欄:medium
> b:ExpressionWeb4のページ表示は、1行29文字
> c:Internet Explorer9でプレビューするとExpressionWeb4の表示より字が小さくなり、1行38文字
> となります。
> この程度の違いは避けられないのでしょうか。
> ExpressionWeb4の表示がWYSIWYGにはならないものなのでしょうか。
> 宜しくお願いします。

Expression Webのデザインビューは、IE6に近いですし、同じブラウザーでもバージョンによって文字の大きさなども多少異なってきます。
あくまでも「目安」として編集してください。
特に、視覚補助が有効になっている場合などにおいても多少文字数に差異が生まれてきます。
こればかりは「仕様」という回答が返ってきそうですよ。

あと、フォントサイズ欄:medium という部分が気になります。
これは、どこかに font-size:medium という値が入っているために起こります。
これがある限りはブラウザによって解釈に差異が出てくる問題は解決できません。

すべてのスタイルにおいて、mediumやsmallなどは使わないようにスタイルを再設定してみてください。

タイトルRe^4: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No454
投稿日: 2011/05/12(Thu) 12:58
投稿者gonegaga
> Expression Webのデザインビューは、IE6に近いですし、同じブラウザーでもバージョンによって文字の大きさなども多少異なってきます。
> あくまでも「目安」として編集してください。
> 特に、視覚補助が有効になっている場合などにおいても多少文字数に差異が生まれてきます。
> こればかりは「仕様」という回答が返ってきそうですよ。
>
> あと、フォントサイズ欄:medium という部分が気になります。
> これは、どこかに font-size:medium という値が入っているために起こります。
> これがある限りはブラウザによって解釈に差異が出てくる問題は解決できません。
>
> すべてのスタイルにおいて、mediumやsmallなどは使わないようにスタイルを再設定してみてください。

ご回答有り難うございました。
こればかりは「仕様」とのことだそうで諦めます。

medium表示の件は、コード画面で、font-size:mediumを見つけ削除することで直りました。

ところで、ページのフォントやフォントサイズを統一することはできたのですが、ページの中の一部たとえば画像の説明などについてだけ文字サイズを小さくするのは、どのようにすれば良いのでしょうか。

当該部分を選択し、ツールバーの「フォントサイズ」を使うと、smallとかmediumなど、使うなと言われるものしか選択できません。

タイトルRe^5: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No455
投稿日: 2011/05/12(Thu) 13:05
投稿者wanichan
文字サイズを統一するには、スタイルシートで定義した方がいいですね。
部分的にとなると、すべて一つずつ設定していかなければいけないので非効率です。

希望のフォントサイズが定義された新しいスタイルを作成し、そのスタイルを適用するという感じで対処した方が、後々楽になりますよ。

ツールバーのフォントサイズのボックスは、昔のFrontPageからの名残で、旧式の方法となりますので、あまり気にしないでください。
私は現在、個人的にそのフォントサイズのツールバーは使うことはありません。

タイトルRe^6: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No456
投稿日: 2011/05/14(Sat) 20:37
投稿者gonegaga
> 文字サイズを統一するには、スタイルシートで定義した方がいいですね。

スタイルシートの作成方法と使い方を知るには、どこを参照すれば良いでしょうか。

> 私は現在、個人的にそのフォントサイズのツールバーは使うことはありません。

是非そうしたいと思います。

宜しくお願いします。

タイトルRe^7: 作成画面ととプレビュー画面の文字サイズ、文字数が異なる
記事No457
投稿日: 2011/05/14(Sat) 21:58
投稿者wanichan
> スタイルシートの作成方法と使い方を知るには、どこを参照すれば良いでしょうか。

http://www.wanichan.com/web/expression/web4/03/
こちらに、Expression Webにおけるスタイルシート作成方法について、一通りのことを書いています。
もっとスタイルシートについて知りたい場合は、スタイルシートに関する本を購入されたほうがいいかと思います。

以上、よろしくお願いいたします。