2012年12月21日

Expression Web 4無料版インストール時はリテール版からアップグレードになります

Expression Web 4無料版は、リテール版のExpression Web 4 SP2よりもバージョンが上がってSP2aになります。Expression Web 4 SP2をインストールした状態でExpression Web 4無料版をインストールすると、

20121221-120121221-2

こんな感じにアップグレードになります。
20121221-3

つまり、Expression Web 4入った状態でインストールしてもOKです。

20121221-4

20121221-5

そして、プロダクトIDはダミーになります。

20121221-6

posted by wanichan at 15:51 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4無料版インストール時はリテール版からアップグレードになります

2012年12月11日

Thumbs.dbがパブリッシュ時などにフォルダーリストに生成されてしまう orz

もともと私はC:\Users\wanichan\Web Sites フォルダーを専用に作って、その中に自分のWebサイトフォルダーを入れていたわけですが、ひょっとして、マイドキュメントの「My Web Sites」って複数形だから、その中に入れるべきじゃないの?と思って、Expression Webのインポート機能を使わずに、Windows Explorer上でその「My Web Sites」フォルダー内に移動したわけです。

そしたら、一部のフォルダー内にThumbs.dbが生成されてしまうわけです。

Thumbs.dbは、画像ファイルのサムネイルを表示するためのファイルなわけですが、どうやらそのファイルが、その隠しメタデータ、「_vti_cnf」フォルダー内に生成されてしまうわけです。

それで、パブリッシュなど、サイト情報を読み込むタイミングでこのようにひょんとあらわれてしまいます。orz

121211-1

消しても消しても現れます。他のimagesフォルダーには生成されなかったりします。その差は如何に?

続きを読む
posted by wanichan at 14:29 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Thumbs.dbがパブリッシュ時などにフォルダーリストに生成されてしまう orz

最近使ったサイトの履歴を削除する場合の注意

以前に、最近使ったサイトの履歴を削除する方法についての記事を投稿しました。

http://frontpage.seesaa.net/article/166137068.html

しかし、この記事は不完全な情報であることに気付いたため、メインのWebサイトの記事に内容を更新しました。

Expression Web Tips:最近使ったサイトの履歴を削除するには
http://www.wanichan.com/web/expression/tips/tips32.html

実は、レジストリが2か所存在し、それぞれ対になっています。Recent File Listだけ編集しても、Recent Web Listが古いままだと、Recent Web Listの情報をたどって開いてしまいます。Recent File ListはあくまでもExpression Web 4上で[サイト]メニューの[最近使ったサイト]に表示するためのものです。

本当はWebサイトだけの情報掲載でいいかな、と思っては見たんですが、どうやらこのブログしかチェックされない方が少なくないので。。。すみません、ブログではなくWebサイトがメインなので、今後はそちらをチェックお願いします(切実)。

ちなみに、ExpressionTech.jpのFacebookページに「いいね!」をしていただくと、Expressionの情報を入手できます。もちろん、Expression Webの情報も最優先で配信します。よろしくお願いします!

posted by wanichan at 12:52 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - 最近使ったサイトの履歴を削除する場合の注意

2012年11月27日

検索と置換〜HTMLのルールについて

Expression Webにおける検索と置換のHTMLのルールを活用すると、検索範囲を限定することができると前の投稿記事に書きました。で、HTMLのルールは一体AND条件なのかOR条件なのか?という答えは、AND条件ということになるようです。

たとえば、<li>の要素に含まれる<img>タグのwidthの値が680以上である場合、二つのHTMLのルールを並列して作成します。

  • タグ内:li
  • 次の属性:width:次の値以上:680

HTMLのルール:AND条件

一方、lightbox.jsを使うために、aタグにrel="lightbox" を付加するために、拡張子が .png  .jpg または .gifの場合、と指定したい場合、正規表現を使います。

次の属性:href:次の値を含む:jpg|png|gif

1127-2.png

[検索と置換]ダイアログボックスの[正規表現]にチェックをつければOKです。

1127-3.png

posted by wanichan at 15:23 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - 検索と置換〜HTMLのルールについて

2012年11月20日

タブレットの縦モードでも対応するために

先日、Let's Note AX2を購入しました。SSD 256GBは必要だろうと思ってプレミアムエディション。お金ないので金利ゼロの12回分割払いにしました。

AX2-pink

本当は来年以降に購入する予定だったんです。しかし、タッチスクリーン対応のWindows 8の端末を持っていなかったせいで仕事を1件失ってしまうという悲しい出来事があったので、もう仕事を逃すまいとぽちったのが現状だったりします。

で、Let's Note AX2では加速度センサーもついているせいか、向きによって画面が回転します(回転ロックもできますけど)。コンテンツが多い場合は縦にしたほうが読みやすかったりしますよね?

タブレット端末のたいていの解像度はHDで1366 x 768 ピクセル。縦にすると、幅が768ピクセルということになります。あと、スクロールバーの幅も考慮しなければいけないため、メインコンテンツ部分は最大740ピクセルにしないといけません。

もし、メインコンテンツ幅を740ピクセルより大きかったら、横にスクロールしながら閲覧するという、とても不便な状態になります。私のサイトもそうだったので、現在、幅調整作業中です。

テキストだけなら簡単なのですが、画像がはみ出したりする場合、どのように対処すべきか、です。

たいていはCSSで max-widthプロパティで調整すればOKです。しかしながら、既定で画像の高さを指定している場合は画像がゆがんでしまいます。この場合、すべての縦サイズの値を消すように、検索と置換でやっつけるという方法があります。しかし、HTMLのルールを利用すると検索範囲を限定できます。

ここでは、<div id="contents"> 内のすべての画像のheightの属性を削除する方法について説明します。

  1. Ctrlキーを押しながらHキーを押して[検索と置換]ダイアログボックスを表示します。
  2. [検索と置換]ダイアログボックスの[HTMLタグ]タブを開きます。
  3. [検索するタグ]に[img]を選択します。
  4. [置換の処理]では[属性の削除]を選択し、[属性]ボックスから[height]を選択します。
  5. [HTMLのルール]ボタンをクリックします。
    1120-1
  6. [HTMLのルール]ダイアログが表示されたら、[新しいルール]を選択します。
    1120-4
  7. 下の[新しいルール]ボックス一覧から[指定したタグの内部]を選択し、右側のプルダウンより[div]を選択します。
    1120-5
  8. [新しいルール]を選択します。
    1120-6
  9. 下の図のように[次の属性][id][次の値と等しい][contents]を選択して、[OK]ボタンをクリックします。
    1120-2
  10. HTMLのルールが設定されたら、検索対象を選択してからとりあえず[すべて検索]ボタンを押して、正しく検索されるかどうか確認しておいてください。間違いない場合は[すべて置換]を実行します。
    1120-3
posted by wanichan at 11:24 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - タブレットの縦モードでも対応するために

2012年11月15日

FrontPageからExpression Webへの移行の時が来ています。

みなさんもご存じのとおり、Windows XPのマイクロソフトサポート終了日は2014年4月8日です。同じ日にサポート終了するのはMicrosoft Office 2003です。もともとFrontPage 2003は2009年4月14日にメインストリームサポート終了していますが、延長サポート終了日がOffice 2003と同日となっています。

基本的に、新しいOSに古いバージョンのアプリケーションでは不具合が起きやすいです。もし、Windows XPのPCから新しく買い換えたのであれば、アプリケーションソフトも新しくアップグレードする必要があります。

FrontPageは2003で開発終了していますが、後継ソフトがExpression Webに当たります。

現在、Expression Web 4が最新バージョンです。FrontPageユーザーであればアップグレード版でOKです。

新しいPCのOSがWindows 7の場合、どうしてもFrontPage 2003を使いたいというのであれば、Windows 7 Professional または Windows 7 Ultimate にサポートされる Windows XP Modeを利用して、Windows XP上でFrontPage 2003をインストールしてください。ただし、2014年4月14日まで使うことができます。もしその日を超えると無防備になり、セキュリティ面で問題が発生する場合があるので注意してください。

2014年4月14日って、まだ1年以上あるからいいじゃん?と思うなかれ。仮にその日までぎりぎりに使ったとして、その翌日からいきなり新しいOSといっても使いこなせないのではないでしょうか?

新しいOSに慣れるための移行期間にすでに入っているということに気付いてください。

すでに、他に新しいWindows 7のPC持っているというのであれば別ですが。。。

Expression Webへの移行サポートは、できる限りさせていただきたいと思います。近いうちにハンズオンイベントを開催したいと思っています。

FrontPageへの愛着はあるかとは思いますが、Windows XPでもサポート終了するので、できるだけ早く新しいOSと最新バージョンのExpression Webに移行をお願いします。

posted by wanichan at 00:37 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - FrontPageからExpression Webへの移行の時が来ています。

2012年10月02日

自動生成されたスタイルのセレクタ名の名称変更ができない場合の対処方法

あれからWord 2010の記事を怒涛の勢いで増やしまくっているせいか、サイト内のファイル数が20000を超えてしまいました。それも影響したのか、それまで普通にスタイル名変更ができていたのができなくなり困っていました。おまけに、ハイパーリンクの更新コマンドを実行すると、以下のメッセージが。

Microsoft Expression Web

この問題は、Expression Webのキャッシュや一時ファイルによるものではないかと思い、早速、FP Cleaner for Expression Web 4 をダウンロード。Clear the Hidden "Temporary" Files(隠し属性のついた一時ファイル)とClear the Hidden Web Cache files (*.web) (キャッシュファイルの削除)を行った結果、無事問題解決しました。

もし、保存ができないとか、あれ?おかしいな、と思ったら、このクリーンアップツールを使ってみてください!

posted by wanichan at 12:31 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - 自動生成されたスタイルのセレクタ名の名称変更ができない場合の対処方法

2012年08月31日

Webサイトインポートウィザードで文字化けする場合の対処方法

Expression Webにおける既定のエンコードタイプは UTF-8 です。

UTF-8以外の文字コードで作成されたWebページをExpression WebのWebサイトフォルダーにインポートすると、文字化けする場合があります。

ただし、各ページに文字コードを指定するMETAタグが記述されている場合は、そのMETAタグの情報が優先されるので、文字化けが起こることはありません。

シフトJISで作成されたWebページに文字コードを指定するMETAタグ情報が含まれていない場合、Webサイトインポートウィザードでインポートする前に、サイトの設定にてエンコードタイプをシフトJISに設定する必要があります。

詳しくはWebサイトの記事を参照してください。

Expression Web 4:サイトの標準のページのエンコードを設定するには
http://www.wanichan.com/web/expression/web4/02/14.html

エンコードタイプ サイトの設定での
標準のページエンコード
正しいMETAタグ情報 文字化け
Shift-JIS UTF-8 なし あり
Shift-JIS UTF-8 あり なし
Shift-JIS 日本語(シフトJIS) なし なし

参考にしていただければありがたいです。

posted by wanichan at 17:36 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Webサイトインポートウィザードで文字化けする場合の対処方法

2012年08月30日

トリミング or サイズ変更?

久々のブログ記事投稿です。先月1本も記事投稿してませんね。

一応、私はブログの投稿ではなくWebサイトでのコンテンツ記事を増やすことを重点的においてます。
ブログではなくWebサイトをご覧くださいませ。。。

さて、本題にはいります。

最近、FrontPageユーザーがExpression Web 4にアップグレードしたものの、使い勝手が全然違うので質問されるケースが目立ってきました。FrontPageユーザーは「スタイルシート」や「CSS」といった言葉を全く知らない場合が多いんですね。パソコン初心者が多い感じがします。で、パソコン初心者には画像の「トリミング」と「サイズ変更」をごっちゃに認識しているケースが少なくないということが最近わかってきました。

「トリミング」といえば、たとえば写真の一部を切り抜く加工のことを言うと私は解釈しているのですが、サイズ変更するためにトリミングしたい、とか、一括トリミングするにはどうしたらいいか、という質問が来たりします。

おそらく「画像ファイルのサイズ変更」のことを言っているのだと思いますが。。。

まあ、結果的には、「トリミング」によって画像の一部が切り取られているのでサイズが小さくなることは事実です。サイズが小さくなるからトリミング?なのでしょうか?

それとも、サイズ変更のことをトリミングっていうんですよ、と誰かに教わったのでしょうか?

そういう人が一人だけではないんですよね。

Expression Webについている画像ツールバーを活用することで、基本的な画像の加工は可能です。リサイズやトリミングもOKです。トリミング機能自体はFrontPageからついていましたが。。。

みなさんの周りにそういう人、いらっしゃいますか?

posted by wanichan at 01:16 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - トリミング or サイズ変更?

2012年06月28日

Expression Webでハングまたはパフォーマンス低下を引き起こす原因とは

Expression Webで固まったりパフォーマンス低下を引き起こす原因は、少なくとも以下の3つあげられます。

  • 通信速度の問題
  • グラフィックカードのバージョンが最新ではない
  • CSSでWebページ内にfloat要素がないのにclearプロパティを使っている

通信速度の問題

Expression Webでのパフォーマンス低下のもっとも一般的な原因の一つとして、リモートでWebサイトを編集、またはFTPでパブリッシュしているときなどがあげられます。パフォーマンスは通信速度によりますが、たとえ高速回線であったとしても、ホスティングサーバーへの接続速度が遅い場合はパフォーマンスが低下します。

Expression Webを起動して、はじめてパブリッシュしたときはしばらく「応答なし」モードになりますね。しかし、2回目以降のパブリッシュのときはすぐに処理してくれます。

一番いいのは、あらかじめ、ローカルダィスク上にWebサイトを編集して終わった後にパブリッシュがおすすめです。

パフォーマンスの問題もあったのか、Expression Web 4あたりから廃止された機能が増えているのでしょうね。

とにかくWebサイトの更新作業はローカルで行ったほうがいいです。途中で接続に問題があったり、サーバーに障害があった場合でも最悪のシナリオから避けることができます。

グラフィックカードのバージョンが最新でない

あと、グラフィックカードのバージョンが最新でない場合も、パフォーマンスに影響をもたらすでしょう。ドライバーが最新かどうか確認してみてください。

CSSでWebページ内にfloat要素がないのにclearプロパティを使っている

最後に、CSSで、floatを使っていないのにclearプロパティを使っていると、パフォーマンスが低下することがあることが最近確認されています。もし、clearプロパティを使う場合、少なくともそのWebページにfloatの要素を一つ以上含まれているかどうか確認してみてください。

参考文献:Causes for Slow Performance and Hangs in Expression Web

posted by wanichan at 14:09 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Webでハングまたはパフォーマンス低下を引き起こす原因とは

Expression Web 4 SP2で追加されたさりげないオプション

Expression Web 4 SP2から[パネル]メニューに[ワークプレイス]サブコマンドがあり、デザイナー、開発者などのオプションが選べるようになっています。

  • デザイナー
  • 開発者
  • 開発者 (スナップショット)
  • レポート

june28-1

自分の作業のしやすいようにワークスペースを整えたあと、[パネル]メニューの[ワークスペース]をポイントし、[新しいワークスペースとして保存]して、名前を付けることにより、そのワークスペースを新しいワークスペースとして保存もOKです。

image

既定ではデザイナーモードなんですが。。。

june28-5

開発者 ワークスペースにするとこんなかんじです。

開発者

開発者(スナップショット)ワークスペースはこんなかんじ。

june28-3

レポート ワークスペースはこんなかんじ

june28-4

私は既定のデザイナーワークスペースで慣れてるのでこのままで使います(笑)

posted by wanichan at 13:13 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 SP2で追加されたさりげないオプション

Expression Web 4 が強制終了する原因

Ruminations from the Expression Web support team のブログに、Expression Webがクラッシュする原因についての記事を見つけました。2011年4月22日の記事で若干古いですけど(汗、私なりに日本語にしてみます。

http://blogs.msdn.com/b/xwebsupport/archive/2011/04/22/causes-for-expression-web-crashing.aspx

Expression Web がクラッシュする既知の問題は以下の通りです。

  • カスペルスキー アンチウィルス
  • アドイン障害
  • 「Common」フォルダー
  • jscript.dll の間違ったレジストリの登録

カスペルスキー アンチウィルス

以前のバージョンのカスペルスキーアンチウィルスを使っていると、Expression Web 4起動時に jscript.dllが相互作用してクラッシュするみたいです。カスペルスキーアンチウィルスを最新バージョンにしていると問題ないみたいです。

アドイン障害

Expression Web 4 のアドインがクラッシュした場合に、Expression Web 4もクラッシュを引き起こします。次回起動時にセーフモードで起動しますが、その時にExpression Web 4の動作に問題なければ、アドインに原因があるということです。

「Common」フォルダー

Expression Studioインストールフォルダーの上のレベルに「common」フォルダーがある場合、(例:c:\Program Files\Common)Expression Web 4がクラッシュします。その「Common」フォルダーを「Common Files」に名称変更するとOKです。

jscript.dllの間違ったレジストリの登録

Expression Web 4は、Javascriptアドインを生成する新しいアドインのアーキテクチャを含んでいます。JavaScriptがあなたのシステムに正しく登録されていない場合、Expression Web 4がクラッシュします。この問題を解決するには、以下のコマンド行を実行して正しく登録します。

32ビットOSの場合:

regsvr32 c:\windows\system32\jscript.dll

64ビットOSの場合:

regsvr32 c:\windows\syswow64\jscript.dll

posted by wanichan at 12:24 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 が強制終了する原因

2012年05月17日

Expression Webでパブリッシュ時、日本語のパス名は対応不可?

今朝、1通のメールが届きました。どうやらMicrosoftのExpression Forumに質問スレがついたからチェックしてほしい、とのこと。

該当スレはこちら↓
problems with Japanese pathnames and sftp publishing

どうやら、日本語のサイトを作っているらしくて、WebサーバーはWindows Server、日本語のパス名はOKとのことですが、昔から「日本語のファイル名やパス名は使わないのが鉄則」というのが常識として脳に刻み込まれている私にとっては、SFTPでパブリッシュしても「そんなディレクトリないよー」というエラーが出るのは「仕様」だと思うんですよ。

クライアント側で日本語のパス名を使うように指定されてるんでしょうか?

なんだかよくわからないんですけどね。

ていうか、この手の問題に対するマイクロソフトさんの回答は

「これは仕様の動作です(キリッ」

・・・と跳ね返される、に50000点(笑)

posted by wanichan at 10:51 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Webでパブリッシュ時、日本語のパス名は対応不可?

2012年05月02日

Expression WebにおけるJSファイルの文字化けの問題について

FrontPageの場合は、シフトJISがデフォの文字コードなので、JSファイルを開いても文字化けに遭遇したことはありませんでしたが、Expression Webになってから、ダブルバイト(日本語の文字)を入れて保存したあと、再度開くと文字化けが発生するという感じになります。

私は先日、TwitterフィードをWebページに挿入して、日本語表記にカスタマイズしようみたいな記事をかきましたが、

Twitterフィードのツイートタイムを日本語表記にするには
http://www.wanichan.com/web/expression/web4/10/20.html

元のファイルはほかのテキストエディタで開くとシフトJISとして認識します。

で、Expression Webで開くと、シフトJISとしてちゃんと開くわけです。まあ、ダブルバイトが含まれないので文字化けはしませんが。

そのあと、日本語に置き換えて保存すると、シフトJISのまま保存されますが、開きなおすと文字化けが発生します。

どうやらこれはUTF-8だ!と誤解しているような感じですね。シフトJISなのに。

scramble_js

しかし、そのJSファイルをメモ帳で開き、[ファイル]メニューの[名前を付けて保存]をクリックして、文字コードを「UTF-8」にすると文字化けが起きなくなります。

scramble_js-1

scramble_js-2

jQueryのJSファイルって、日本人であれば日本語にカスタマイズしたいってことありますよね?

ちょっとこれはまずいのではないか?と思います。

皆さんはどう思いますか?

一応、Microsoft Connectサイトに上げておきました。よかったら投票お願いします。

https://connect.microsoft.com/Expression/feedback/details/740168/external-js-file-scrambled-issue-for-japanese-expression-web-4

posted by wanichan at 20:35 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression WebにおけるJSファイルの文字化けの問題について

2012年04月18日

ExcelからExpression Webに表を貼り付けるためのコツ

原稿データがExcelの表で、Expression Webで管理されているWebページに貼り付けたいという場合がありますよね。

「ちょっとこの表に差し替えて」と言われたとき、普通にコピペすればいいのですが、貼り付けられた表には旧式のタグが含まれています。

  • font タグ
  • tableやtdタグ内のwidth 属性
  • tdやtrタグ内のheight 属性

手順としては、以下のステップに従うとOKと思います。

  1. Excelで対象となる表をコピー
  2. Expression Webにタスクを切り替えて、貼り付け
  3. 貼り付けオプションボタンの▼をクリックして、[書式の削除]をクリック
    20120418-1
    20120418-2
  4. Ctrlキーを押しながらHキーで[検索と置換]ダイアログボックスを表示
  5. [HTMLタグ]タブを開き、fontタグを削除
    20120418-4
  6. tableタグ内のwidth属性を削除
    tableタグ内のwidth属性を削除
  7. 検索するタグをtdに切り替えて、tdタグ内のwidth属性を削除
    tdタグ内のwidth属性を削除
  8. 属性をheightに切り替えて、tdタグ内のheight属性を削除
    tdタグ内のheight属性を削除
  9. 検索するタグをtrに切り替えて、trタグ内のheight属性を削除
    trタグ内のheight属性を削除
posted by wanichan at 16:22 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - ExcelからExpression Webに表を貼り付けるためのコツ

2012年03月22日

Expression Web 4のライセンス関係に問題が発生した場合のHotfix

Expression Web 4インストール時に、プロダクトIDが受け付けてくれなかったり、試用版から製品版に変換するときにエラーが出た場合、よくわからんけどライセンスが無効になってしまった、という場合のHotfixが公開されています。

[Fix] Expression Web 4 のインストール時またはアクティベート時にプロダクト キーが拒否される
http://support.microsoft.com/kb/2635101

2011 年 10 月 26 日修正プログラム パッケージで修正される問題は、以下の通りです。

  • Expression Web 4がなぜか試用版に戻ってしまう
  • プロダクト キーが無効であるというメッセージが表示
  • Expression Web 4のインストール中にプロダクトキーが受け付けてくれない
  • Expression Web 4 がすでにアクティブ化されたというメッセージが表示

ただし、Expression Web 4 SP2適用が前提条件です。

インストール時にプロダクトキーが受け付けてくれない場合は、WebSP2a-KB2635101-FullFile-ENU.exe、それ以外はWebSP2a-KB2635101-ENU.exeの修正プログラムを選択してください。

ダウンロードのところまで進んで、同意して、すべての環境、言語用の修正プログラムを表示する のリンクをクリック

20120322-1

Japaneseのほうを探してください。

20120322-2

posted by wanichan at 14:33 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4のライセンス関係に問題が発生した場合のHotfix

2012年03月21日

Wordで作ったWebページをExpression Webで何とかするには

Wordで作ったWebページは、とにかくすごいソースになるということで有名ですね。しかし、元データがWordだったりすると、無駄なコードをすべてクリアして後で整えたいという人は少なくないのでは?と思っています。

残念ながらExpression Web 4でのHTMLの最適化機能では、@から始まるスタイルがスタイルのセレクターと認識されていないっぽいので、除外されているのではないかと私は推測しますが。。。Expression Web 3までならOKです。はい。

とりあえず、ざっと手順を説明します。

  1. Wordでフィルタ後のWebページとして保存しておく
  2. lang属性を除去する
  3. MsoNormalを何とかする
  4. HTMLの最適化を行う

1. Wordでフィルタ後のWebページとして保存しておく

無駄なコードを除去するための条件として、まず、Wordでフィルタ後のWebページとして保存する必要があります。でないと、無駄なxmlタグの羅列で、Expression Webで処理するのは大変です。Word 2003での方法は、一応まだ絶版になってない私の著書があるので参考にしてください(w

2. lang属性を除去する

フィルタ後のWebページとして保存したHTMLでもlang属性が無駄に入ってしまっているので退治するといいでしょう。日本語と英語の切り替えごとに、<span lang=EN-US> やら <span lang=JA>やらよくわからんspanタグが増えていく仕様なのかバグなのかよくわかりませんが生成されます。lang属性が使われているspanタグの除去を行ってから、そのほかの残りのspan属性をすべて除去するようにしてください。でないと、属性なしの<span>文字</span>がたくさん出てくるのでとても厄介です。

詳しくは、Expression Web Tips:lang属性を除去するにはを参考にしてください。

3. MsoNormalを何とかする

MsoNormal というクラススタイルのことを、Word固有のHTMLタグと解釈している人がいますが、これはWord固有のHTMLタグではありません。

詳しくは、Expression Web Tips:MsoNormalを除去するにはを参考にしてください。

4. HTMLの最適化を行う

できれば、Expression Web 3までのバージョンで処理したほうがいいです。はい。

posted by wanichan at 22:12 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Wordで作ったWebページをExpression Webで何とかするには

2012年03月20日

Expression Web 4でのHTMLの最適化の問題

Wordで作成されたWebページにおいても、使われていないスタイルが定義されていたりします。

たとえばこの部分

<style>
<!--
@font-face
    {font-family:"MS 明朝";
    panose-1:2 2 6 9 4 2 5 8 3 4;
    mso-font-alt:"MS Mincho";
    mso-font-charset:128;
    mso-generic-font-family:roman;
    mso-font-pitch:fixed;
    mso-font-signature:-536870145 1791491579 18 0 131231 0;}
@font-face
    {font-family:"MS ゴシック";
    panose-1:2 11 6 9 7 2 5 8 2 4;
    mso-font-alt:"MS Gothic";
    mso-font-charset:128;
    mso-generic-font-family:modern;
    mso-font-pitch:fixed;
    mso-font-signature:-536870145 1791491579 18 0 131231 0;}
@font-face
    {font-family:Century;
    panose-1:2 4 6 4 5 5 5 2 3 4;
    mso-font-charset:0;
    mso-generic-font-family:roman;
    mso-font-pitch:variable;
    mso-font-signature:647 0 0 0 159 0;}
@font-face
    {font-family:"Cambria Math";
    panose-1:2 4 5 3 5 4 6 3 2 4;
    mso-font-charset:1;
    mso-generic-font-family:roman;
    mso-font-format:other;
    mso-font-pitch:variable;
    mso-font-signature:0 0 0 0 0 0;}
@font-face
    {font-family:"\@MS ゴシック";
    panose-1:2 11 6 9 7 2 5 8 2 4;
    mso-font-charset:128;
    mso-generic-font-family:modern;
    mso-font-pitch:fixed;
    mso-font-signature:-536870145 1791491579 18 0 131231 0;}
@font-face
    {font-family:"\@MS 明朝";
    panose-1:2 2 6 9 4 2 5 8 3 4;
    mso-font-charset:128;
    mso-generic-font-family:roman;
    mso-font-pitch:fixed;
    mso-font-signature:-536870145 1791491579 18 0 131231 0;}
p.MsoNormal
    {margin-bottom:.0001pt;
    text-align:justify;
    text-justify:inter-ideograph;
    font-size:10.5pt;
    font-family:"Century","serif";
    margin-left: 0mm;
    margin-right: 0mm;
    margin-top: 0mm;
}
h1
    {margin-bottom:.0001pt;
    text-align:justify;
    text-justify:inter-ideograph;
    page-break-after:avoid;
    font-size:12.0pt;
    font-family:"Arial","sans-serif";
    font-weight:normal;
    margin-left: 0mm;
    margin-right: 0mm;
    margin-top: 0mm;
}
@page
    {mso-page-border-surround-header:no;
    mso-page-border-surround-footer:no;}
@page WordSection1
    {size:595.3pt 841.9pt;
    margin:99.25pt 30.0mm 30.0mm 30.0mm;
    mso-header-margin:42.55pt;
    mso-footer-margin:49.6pt;
    mso-paper-source:0;
    layout-grid:18.0pt;}
-->
</style>

@から始まるスタイルは、Expression Web 3まで除去できますが、Expression Web 4から除去できなくなっているようです。

一応、このノートPCには、Expression Web 2/3/4 の3つのバージョンを入れていますが、Expression Web 3まで使われていないスタイルは除去できています。

Expression Web 4からのバグでしょうか?

posted by wanichan at 14:18 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4でのHTMLの最適化の問題

2012年03月18日

Expression Web 4の記事書き再開しています

あれからFacebookページ運用しているので、もうこのブログの出番が本当になくなってきている気がしますが。。。

とりあえず、帰国後から今までに公開・編集した記事は以下の通りです。

Section 3 IntelliSense

Part 1 IntelliSense の使用と設定
Part 2 カスケード スタイル シートでの IntelliSense の使用と設定
Part 3 IntelliSense を PHP で使用と設定
Part 4 jQuery 用 IntelliSense の使用
posted by wanichan at 09:05 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4の記事書き再開しています

2012年01月08日

Expression Web 4 SP2 で オリジナルスニペットを作成するには

コードビューでいうスニペットの挿入は、Ctrl+Enterキーで操作を行ってきましたが、Expression Web 4 SP2からは、そのショートカットが作動しなくなりました。

スニペットの挿入方法は、スニペットパネルから対象となるスニペットを選択し、ダブルクリックで挿入できます。

詳しくは前の記事をご覧ください。

ここでは、オリジナルのスニペットを作成する方法について説明します。

  1. スニペットパネルの右上の[オプション]をクリックし、[新しいスニペット]をクリックします。
    20120108-1
  2. [コード スニペットの新規作成と変更]ダイアログボックスで、名前と説明、テキストをそれぞれ入力して[OK]ボタンをクリックします。
    コード スニペットの新規作成と変更
    ちなみに、| を使うことで、そのスニペット挿入後、その部分に任意のテキストを入れることができます。
    コード スニペットの新規作成と変更 - パイプ文字を使用した例
  3. スニペットが作成されました。
    スニペットが追加された後
posted by wanichan at 08:38 | Comment(0) | TrackBack(0) | Expression Web はてなブックマーク - Expression Web 4 SP2 で オリジナルスニペットを作成するには

WebMoney ぷちカンパ