<< 2011年03月 | TOP | 2011年05月 >>

2011年04月27日

Expression Web 4 SP1のCSSレンダリングの問題

私の記憶が正しければ、Expression Web 4でSP1を適用する前までは正常だったはずですが、SP1になってから編集に支障が出てくるようになりました。

pre.src {
    border: 1px solid #f8f8f8;
    padding: 1em;
    color: #333;
    background-color: #EEE;
    white-space: -moz-pre-wrap; /* Mozilla */;
    white-space: -pre-wrap; /* Opera 4-6 */;
    white-space: -o-pre-wrap; /* Opera 7 */;
    white-space: pre-wrap; /* CSS3 */;
    word-wrap: break-word;
    font-family: "ＭＳ ゴシック","Courier New";
}

wthite-space: pre-wrap とか break-word が解釈されず、テキストの折り返しや単語の折り返しがされなくなしました。

0427-1

また、インラインスタイルで以下のように記述すると、

<pre style="border: 1px solid #8080c0; height: 300px; overflow: auto; font-size: 0.9em;">

文字が重なってすごいことになります（涙

0427-2

コードビューでないと編集不可能ですね。orz

posted by wanichan at 16:19 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 SP1のCSSレンダリングの問題

2011年04月25日

Expression WebでFrontPage固有のフォームの入力規則を利用する方法

久々に企業サイトの移転作業をしていたときに気づいたわけですが、その当時はFrontPage 2003とExpression Webを併用して作っていた形跡がありました。

フォームの入力規則機能は、Expression Webで廃止されましたが、FrontPage固有のwebbotタグはExpression Web 4でも継承されています。最終更新日時とか最終保存日時の挿入と同様です。

Expression Web 4にてそのメールフォームのWebページをコードビューで開いてみると、

<form method="post" action="wwwmail.cgi" onsubmit="return FrontPage_Form1_Validator(this)" name="FrontPage_Form1" language="JavaScript">

そして、必修項目のテキストフィールド項目の前には

<!--webbot b-value-required="TRUE" bot="Validation" -->

というタグが入っています。

すなわち、<form>タグに

onsubmit="return FrontPage_Form1_Validator(this)" name="FrontPage_Form1" language="JavaScript"

を入れて、必修項目のテキストフィールドの<input>タグの前に

<!--webbot b-value-required="TRUE" bot="Validation" -->

を入れたらOKということになります。

テキスト ボックスの入力規則

データの種類がテキストのみ

データの種類が整数

データの種類が数値

実際にWindows XP ModeにFrontPage 2003が入っています。そのほかのオプションを確認してみると、

数字テキストのみ入力許可する場合

<!--webbot bot="Validation" S-Display-Name="数字を入力してください。" S-Data-Type="String" B-Allow-Digits="TRUE" -->

8文字以上入力が必要な場合

<!--webbot bot="Validation" S-Data-Type="String" S-Validation-Constraint="Greater than or equal to" S-Validation-Value="8" -->

8文字以下入力を許可する場合

<!--webbot bot="Validation" S-Data-Type="String" S-Validation-Constraint="Less than or equal to" S-Validation-Value="8" -->

半角数字と桁区切りと小数点区切りだけ入力許可する場合

<!--webbot bot="Validation" S-Data-Type="Number" S-Number-Separators=",." -->

S-Display-Name が、エラーメッセージの表示するための属性ですね。

参考になるかどうかはわかりませんが、よかったら自己責任でご利用ください。

posted by wanichan at 14:38 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression WebでFrontPage固有のフォームの入力規則を利用する方法

Expression Web TipsとFAQコーナー再編＆記事追加

しばらくこのブログで発信するだけになっていて、Webサイトの情報整理はまったくしておりませんでした。久々に見回してみると、なんだか浦島太郎な状態になってました。ほとんどExpression Web 2の時代で時間が止まっていた、という感じです orz

そんなわけで、「この問題はExpression Web 3で修正されてるよね」とか「これってExpression Web 4で修正されてたはず」といったことを検証しながら分類していってます。まだまだ完全に分類しきれてませんが。。。

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

てなわけで、再編とともに追加した記事をあげてみます。

ブログ記事は時間とともに流れてしまうというのがアレですよね。やはりWebサイトにも掲載すべきであると痛感しました。

posted by wanichan at 00:14 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web TipsとFAQコーナー再編＆記事追加

2011年04月23日

wanichan.comのFacebookページ作りました

ExpressionTech.jp のFacebookページに続き、wanichan.comのFacebookページも作りました。

posted by wanichan at 12:00 | Comment(0) | TrackBack(0) | 雑記 はてなブックマーク - wanichan.comのFacebookページ作りました

2011年04月22日

便利なExpression Webアドインをピックアップ

Expression > Gallery > Add-Ins, Extensions, Tools > Insert a You Tube Video

Expression WebのWebページにYoutube動画を挿入するアドインです。

Supporting Url: http://blogs.msdn.com/b/jdixon/

Expression > Gallery > Add-Ins, Extensions, Tools > SEO Tools v5.6 for Expression Web 4

Microsoft Expression Web 4 のためのSEO Tools v5.6 アドインは、Google、Bing、および他のインターネット検索エンジン最適化にサイトやページを準備するのを助けます。 統合XML Sitemap Builder、Robots.txt Builder、Image Text Builder、PageText Viewer、およびProperty Count Toolbarを使用して、サーチエンジンの準備をしましょう！

Expression > Gallery > Add-Ins, Extensions, Tools > Custom Toolbars Add-In for Expression Web 4 SP1

Expression Web 4 SP1用のカスタムツールバーです。MSの中の人が作ってるような気がしますが、これは日本語にできないものでしょうか・・・orz

Expression > Gallery > Add-Ins, Extensions, Tools > AddFeed

再掲。詳しくはこちら
Insert a Twitter or RSS Feed

てか、RSSフィードを生成するアドインってExpression Web用にまだ存在しないようです・・・orz

posted by wanichan at 19:07 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - 便利なExpression Webアドインをピックアップ

Expression Web 4でPHPのプレビューと設定についての記事をUPしました

Expression Web 3バージョンはすでに公開してますが、Expression Web 4 on Windows 7 (64 bits edition) の記事も作りました。

Section 1 PHPのインストールと設定

posted by wanichan at 14:21 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4でPHPのプレビューと設定についての記事をUPしました

ページ挿入結果がブラウザーでプレビューしても反映されない場合の対処方法

FrontPage 固有の機能のうちの一つ、「ページ挿入」について。

デザインビューで表示されてもブラウザーで反映されない場合、原因はいくつか考えられます。

  • 作業中のサイトがExpression Webで管理外になっている
  • _vti_ から始まる隠しメタデータが壊れている
  • ハイパーリンク情報が更新されていない

ちなみに、ページ挿入対象となる元データのWebページはパブリッシュする必要はありません。

私はバックアップのためにパブリッシュしてますが（笑）

Expression Webでサイト管理外になってるかどうか？

Dreamweaverなど、他のソフトからExpression Webに移行した場合、サイトを開くときにExpression Webのサイト管理外になっている場合があります。

  1. ［サイト］メニューの［サイト設定］をクリック
  2. ［サイトの設定］ダイアログボックスの［全般］タブを開き、［隠しメタデータファイルを使用してサイトを管理する］のチェックをつけて［OK］ボタンをクリック

詳しくはこちら → http://www.wanichan.com/web/expression/web4/02/13.html

ハイパーリンクが更新されていないかも？

［ツール］メニューの［ハイパーリンクの更新］をクリックして、ハイパーリンクの情報を再取得してみてください。

それでも問題が解決しない場合は？

Expression Web MVP の Steve さんが作った FP Cleanerを利用してみてください。

詳しい説明はこちら
http://www.wanichan.com/web/expression/faq/faq23.html

posted by wanichan at 02:18 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - ページ挿入結果がブラウザーでプレビューしても反映されない場合の対処方法

2011年04月19日

リスト画像をExpression Webでなんとかしてみよう！

IE6のときは箇条書きの記号を画像にしたときでもきれいにレンダリングしていたような気がしますけど（たぶん）、どうも文字列と画像との配置がずれて困ったなんてことはありませんか？

解決策としては、CSSで list-style-image プロパティを使わないことです。

  1. 記号から置きかえるための画像サイズを確認します。たとえば、move の場合、20x20ピクセルです。
  2. padding-left の値をその画像サイズよりちょっと大きめの値に指定します。ここでは22ピクセルで。
  3. margin-left の値をpadding-left分と同じ負の値を指定します。（-22px）
  4. 繰り返しなしの背景画像を指定します。座標は左上で十分と思います。

では、<li>に classスタイル .move のスタイルを作成することを前提に手順を説明します。

  1. ［セレクター］ボックスには li.move と入力
  2. ［リスト］カテゴリで、list-style-type プロパティを「none」に指定
    0419-3
  3. ボックスカテゴリでは、padding と margin の「すべて同じにする」のチェックを外して、
    padding-left を 22px、margin-left を-22px
    0419-2
  4. ［背景］カテゴリを開き、background-image プロパティにその画像ファイルを指定
  5. background-repeat プロパティは no-repeat
  6. (x) background-position ボックスにはX座標（左から）の値を指定。左端0ピクセルの場合は「left」で。
  7. (y) background-position ボックスにはY座標（上から）の値を指定。上端0ピクセルの場合は「top」で。
    0419-1

li.move{
    background-position: left top;
    padding-left: 22px;
    list-style-type: none;
    background-image: url('../common/images/move.gif');
    background-repeat: no-repeat;
    margin-left: -22px;
}

小さな画像の場合は、画像リストに適用した部分としてない部分とを比較してバランスを見ながら調整してみてください。

たとえば、right の場合は、下の図のようにするといいでしょう。

 0419-4

X座標は左端でOKですが、Y座標は上から3ピクセルぐらいがちょうどいいと思います。
スタイルの変更

コードは以下の通りです。

li.arrow{
    background-position: left 3px;
    font-weight: bold;
    background-image: url('../common/images/arrow/right.gif');
    list-style-type: none;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: -20px;
}

posted by wanichan at 23:51 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - リスト画像をExpression Webでなんとかしてみよう！

2011年04月16日

CSSで > を使用するとデザインビューで正常にレンダリングされない？

自分のサイトのコンテンツ充実などに専念しています。で、ためしにCSSを以下のように書き換えました。

#contents>p {
    line-height: 1.5em;
    margin-left: 14px;
}

すると、Expression Web のデザインビューでは正しく認識してくれないので「！？」と思っていたところ、

#contents > p {
    line-height: 1.5em;
    margin-left: 14px;
}

と、> （不等号の小なり）の前後に半角スペースを入れると正しく認識したようです。

これまで #contents p と指定していたんですが、その中の p タグすべてに（子だけではなく孫やひ孫も全部）適用されてしまい面倒だったので、<div id="contents"> エリアの子要素の p タグのみ左マージンを適用したかったんです。はい。

ちなみに、孫要素を適用する場合は、 #contents * p  と記述すればいいみたいですね。

しかし、<div id="coentents"> の中にダイナミックWebテンプレートの編集可能な領域を設定している場合、コメント部分が子要素として認識するためダメのようです・・・orz

仕方がないので、#contents p に戻し、そのほかの孫要素については !important で乗り切ることにしました。

posted by wanichan at 15:43 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - CSSで > を使用するとデザインビューで正常にレンダリングされない？

2011年04月14日

XML宣言が入ったXHTML文書にはExpression Web 3以降でブックマークの参照ができない？

XHTMLドキュメントでは、一応最初にXML宣言を入れるように推奨されていますよね。

<?xml version="1.0" encoding="utf-8"?>

こういうのが入っているWebページ内のブックマークの参照はできないらしいのです。

XML宣言が入った時点で、Expression Web側で「これはHTML文書じゃなくてXHTMLなんだ！」と認識し、「てか、XHTMLな世界にname属性なんて知らないよー」ということで、以下のエラーが出るみたいです。

Microsoft Expression Web はこのファイルを開けないか、この種類のファイルを解析できません。

もし、XHTML文書でname属性はありえないという話であれば、そのことをメッセージで教えてくれた方がいいと思いますけど…。

回避策として、XML宣言を削除する、ということらしいですが、HTML5とかにしときますか。でもHTML5はまだまだ新しすぎで時期尚早な感じがします。いまだにIE6 on Windows XPで私のサイトに来ている方が少なくないですしね。。。

現状では、Expression Webにおけるブックマークの機能は、HTML文書に限る、ということになるんでしょうね。

XHTMLな世界では、id属性を使ってねーということで、ブラウザ互換でname属性とid属性の両方いれときましょう、みたいなこともネット上で記述されていたりもします。しかし、XTHMLとして認識されてしまった以上、name属性があったらとにかく「無理！」というエラーが出てしまうということになります。

ていうか、今のところ、XHTML文書においてid属性を参照する機能は実装されていません。

HTML文書であればname属性、XHTML文書であればid属性をブックマークとして参照できた方がいいと思います。

posted by wanichan at 11:41 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - XML宣言が入ったXHTML文書にはExpression Web 3以降でブックマークの参照ができない？

2011年04月10日

Expression Web 4 SP1適用したがSP1の表記がない？

Expression Web 4 SP1では、HTML 5とCSS3の完全対応、その他完全なパスをコピーとかいろいろサポートされているというのは周知のとおりかと思いますが、バージョン情報を確認してもSP1の表記がないのは適用されてないんじゃないの？と疑問を感じる人が少なくないと思います。

Microsoft Expression Webのバージョン情報 

Expression Web 3にSP2が適用された場合、Service Pack 2 といった表記がされています。

Expression Web 3 SP2の場合

この問題は、Expression Web 4 SP1の問題として認識しているみたいですが、修正はしない、とのことです。

もしSP2が出た場合はService Pack 2と表記されるんでしょうか？

続きを読む
posted by wanichan at 11:39 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 SP1適用したがSP1の表記がない？

2011年04月09日

Expression Web 4 SuperPreviewとスナップショットプレビューではFirefox 4利用できない

Firefox 4をインストールすると、Expression Web 4 SuperPreviewのローカルブラウザーとして利用できないだけではなく、スナップショットプレビューでも利用できなくなることに気づきました。orz

web4sp-1

web4sp1-1

唯一利用できるのは、ブラウザーでプレビュー です。

いつ利用できるようになるんでしょうか？

ついでに、旧バージョンのダウンロード先リンク張っておきます。
http://mozilla.jp/firefox/download/older/

posted by wanichan at 17:41 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 SuperPreviewとスナップショットプレビューではFirefox 4利用できない

2011年04月04日

Firefox 4をインストールしてもExpression Web 4 SuperPreviewのローカルブラウザで利用できない

先日、Firefox 4をインストールしました。で、Expression Web 4 SuperPreview SP1を起動してみると、Firefox 4がグレイアウトしています。

web4sp-1

で、そのグレイアウトしたものをクリックすると、こんな感じになります。
web4sp-2 

クリックしてみると、
http://www.microsoft.com/expression/?Browser=Firefox&Version=4
のページに移動して、Expression Studioの英語版のサイトが表示されるのです。

まだまだ追いついてないんでしょうかねぇ。

リモートブラウザでは利用できるので、完全にできないわけでもないですが、ローカルのWebページのプレビューができないという不便さが残ります。

posted by wanichan at 09:08 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Firefox 4をインストールしてもExpression Web 4 SuperPreviewのローカルブラウザで利用できない

WebMoney ぷちカンパ