メニュー

関連ページリンク

トップ > web > web - 人気ブログ(Blog)検索結果詳細 (2008年11月23日 10時)

12/6 広島の勉強会に向けて

12月6日に開催される 第10回 .NET勉強会 / ヒーロー島 のスペシャルセッション 3 、「CSSレイアウトページをWeb標準サイト構築ツールのExpression Webで作ってみよう」というタイトル、他のセッションと違って長すぎるんですが・・・。
それがちょっと気になってます。てか、「Expression Webって何？」っていう人、回りにかなーりいるんで、こういうタイトルでもつけなきゃだめなのかなとか。

ぱわぽの資料は一応作ってます・・・てか、6月28日に使ったパワポのファイルをバージョンアップしたって感じなんですけどね。頭真っ白で自分が何しゃべっていいかわかんないというときでもなんとかいけるように（笑）
あと、これからこれをするよーという情報をDemoの前に説明したほうがいいというフィードバックをいただいていたので、そのスライドも追加しました。
でもいかに50分におさめるか、それが重要ですよね orz

Demoの内容は、ぶっちゃけ私のExpression Web 2の本がネタ元です。
当日私の著書とExpression Web 2が入ったパソコンをご持参いただければ、内容がよりわかりやすいかも？です。

---

実は私、広島へ行くのは生まれて初めてなんです！

修学旅行は違う場所で、卒業旅行は博多と長崎ハウステンボスだったし、家族で広島へ行ったこともありません。

当日朝7時過ぎに広島駅前に到着するわけですが、勉強会が始まるまでの時間を使って観光しなきゃ！って感じです。

・・・誰かお勧めのコース教えてください（笑）

作者:wanichan

更新日:2008年11月20日 17時40分

このブログのホーム

12/6 広島の勉強会でExpression Webネタやります！

来る12月6日、マイクロソフト中国支店で開催される 第10回 .NET勉強会 / ヒーロー島 にて、Expression Webネタで50分しゃべります！

私はオフラインにおいて、国内ではずっと関東方面とか大阪ばっかりしか活動してなかったので、もうちょっと西方面でも活動できたらなと思っています。

ネタ的には、ぶっちゃけ、6月28日に開催された Admintech.jp 大阪の勉強会でしゃべったものとほぼ同様の内容・・・になりそうです。

行きは夜行バスで、帰りは山陽新幹線最終のぞみで帰ります（終点が新大阪だからOK）。帰りも夜行バスにしようと思ったんですが、中途半端な時間で懇親会に満足に参加できそうになかったので（笑）

勉強会でしゃべるのは今回で2回目です。前回はまったくの初めてということもあり、頭真っ白状態でまともに日本語しゃべれなかったので・・・今度こそ、少なくとも日本語しゃべれるように頑張りたいと思います。あと、時間配分にも注意・・・と。ぱわぽの資料はとりあえず作りました。あとは最善を尽くして、当日、広島のみなさんとお話ができるのを楽しみにしています。

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

# そういえば、最近、全然自分のサイトまともに更新してないですね。結局このブログがメインで更新してますよね・・・orz

作者:wanichan

更新日:2008年11月17日 12時6分

このブログのホーム

フォルダ一覧作業ウィンドウの目的

Expression Webになってから、ナビゲーション機能がなくなったのが悲しいと嘆いているFrontPageユーザーの方が少なくないそうです。実際に過去にうちんとこのサイトにもそういう質問が来たことがあります。

私は実際、FrontPage 2000から使ってきてますが、自分のサイトにそのナビゲーション機能というものを使ったことがありません。一応、その機能がいったいどういうものなのか検証するために、ちょこっといぢったことはありますが。

てか、ナビゲーション機能って要らないんじゃない？というのが私の見解だったわけです。すでにたくさんのコンテンツをフォルダごとに分類して、整理することによって、サイト全体の構成を把握してきていたからです。後でナビゲーション機能というのがFrontPageにあるというのを知って、一から作っていくのは面倒だと思ってそのまま使わずに今に至っています。

そのFrontPage固有のナビゲーション機能を愛用しているユーザーに限って、Webページや画像ファイルなどをコンテンツごとにフォルダで分類せず、全部Webサイトフォルダ直下に保存していたりするそうです。これではどれとどれがつながっているのか、どれがサブぺージであり、どれがメインなのかが分からない、ファイルを探すのにも至難の業、という感じですね。そんなわけで、ナビゲーション機能を利用して、視覚的にWebサイト内の構成を理解してきた、ということらしいです。

私はフォルダ一覧作業ウィンドウこそ、Webサイトの構成を管理する上で一番重要な役割を果たしていると考えています。

  • 同じ種類のコンテンツは専用フォルダを作成して、そこに移動しよう
  • 論理的にフォルダを構成しよう
  • カテゴリごとに作成したそれぞれのフォルダの中には、「index.html」を置いて、ディレクトリ単位でアクセスしてもそのトップページが見れるようにしよう

まあ、そういうサイトの構築での考え方が基本だと思っています。

ただし！間違っても、Windowsのエクスプローラでファイルやフォルダを移動しないでください！
必ず、Expression Webの左上に表示されている、［フォルダ一覧］作業ウィンドウ内で作業するようにしてください。Windowsのエクスプローラウィンドウでは「フォルダ」と表記されているだけで、「フォルダ一覧」とは書かれてませんよね？その隣にフォルダやファイルの新規作成のボタンのアイコンがなかったら、それは違うところを見ています。もし、フォルダ一覧作業ウィンドウでファイルやフォルダを操作せず、Windowsのエクスプローラで作業を行うと、すべてリンク切れになってしまいます。くれぐれも注意してください。

作者:wanichan

更新日:2008年11月13日 12時55分

このブログのホーム

オススメ・スポンサーサイト「ERP」

ERP シェア | SAP ERP | ERP アプリケーション | ERP システム | ERPパッケージ

作者:ads by Seesaa

更新日:2008年11月13日 12時55分

このブログのホーム

最終保存日時と最終自動更新日時の違い~完結編~

FrontPageの「日付と時刻」の挿入において、最終保存日時と最終自動更新日時の違いが明らかになりました！

とりいそぎ、ブログで情報を掲載します。

  • 最終保存日時
    • ユーザーが手動でWebページを保存した日付（名前を付けて保存とか上書き保存とか）
    • ダイナミックWebテンプレートが適用されたWebページで更新した場合もこちらに該当
    • 検索と置換で複数のファイルを書き換える場合もこちらに該当
  • 最終自動更新日時
    • リンクバーを更新した場合
    • 共有枠の共有部分を編集した場合
    • ページ挿入コンテンツの挿入コンテンツ部分を更新した場合

だそうです。これですっきりーです。

作者:wanichan

更新日:2008年11月7日 18時12分

このブログのホーム

Expression Webでコンテンツが文字化けする条件？

現在、私のサイトにおいて、Microsoft Officeコンテンツサイトのデザインリニューアル・サイト再編成作業を行っています。やっぱりシフトJISじゃなくてUTF-8にしたほうがいいんじゃないか、という部分と、コンテンツをツールごとに分類した方が整理しやすく、私のサイトを利用される人にもわかりやすくなるんじゃないかと思っていろいろやってるわけですが。

で、これまでこのブログであーでもない、こーでもない、と文字化けの原因について推測レベルで書いてきたわけですが、今回もまだまだ推測レベルです。スミマセン

今までの検証でわかっていることは

  • シフトJISの場合は文字化けが発生しない（少なくとも私はその現象をみたことがない）
  • 一からWebページを作った場合はどの文字コードであっても文字化けは発生しない
  • その対象となるWebページがUTF-8、一定のボリュームを超えるWebページ（ファイルサイズが20KB以上とか？）で、Expression Web側で自動的にWebページの更新を行った場合に文字化けが発生する場合がある
    • ダイナミックWebテンプレートの更新時
    • ファイルやフォルダの移動によりリンクのパス情報を書きかえる時

長年Webサイトを運営していて、久々にサイトのリニューアルをしよう、とか、ダイナミックWebテンプレートを新しくしようとか、そういった場合に、ボリュームの大きなWebページで文字化けが発生するのではないか、ということです。

しかし、運よく文字化けが発生しない場合というのは、たまたまその文字化けが発生する地点がスペース文字だったり、半角英数文字の場合で、2バイト文字部分ではなかったというオチらしいです。

頭から25000文字ぐらい？ 日本語など、2バイト文字を使ったWebページで、UTF-8の場合は文字化けが発生するのではないかという推測に至っています。

そういえば、ボリュームの小さなWebページではUTF-8であっても文字化けしたことがないよなぁ、って感じです。

作者:wanichan

更新日:2008年11月5日 12時26分

このブログのホーム

オススメ・スポンサーサイト「ダイヤモンド」

宝石 買取 | ダイヤ 買取 | ダイヤモンド 買取 | 宝石 ダイヤ | 宝石 リフォーム

作者:ads by Seesaa

更新日:2008年11月5日 12時26分

このブログのホーム

FrontPageの「最終保存日」と「最終自動更新日」の謎

実は全世界において、FrontPageの「日付と時刻」挿入機能の「最終保存日」と「最終自動更新日」の違いがわかんねーよ、という声が出ているらしいです。

FrontPageのヘルプファイルを見ても、具体的に何なのか記されていません。私の手元にはMicrosoft FrontPage Version2002オフィシャルマニュアル (マイクロソフト公式解説書)というでかい本があるんですけど、その404ページにそのオプションの違いについて説明されています（よりによって404ページとは・・・）。

一応、言及部分を引用させていただくと、

  • ［このページの最終保存日］オプションボタン
    FrontPageでWebページを最後に保存した日付を表示する。
  • ［このページの最終自動更新日］オプションボタン
    手動でWebページを編集した日付、または、FrontPage Web内で他のWebページを更新した場合に、自動的に更新された日付を表示する

こんな感じに記されているわけです。

手動でWebページを編集した日付とは、上書き保存ボタンを押した日付とかですよね。それはFrontPageでWebページを最後に保存した日付に該当するのでは？と思います。結局同じ？？

もし、最終保存日と最終自動更新日との区別をつけるには、メタデータでフラグを付けることは実質可能であると推測します。そこで、そのメタデータを格納する「_vti_cnf」フォルダ内のWebページのメタデータファイルをテキストエディタを開いてみると、「これって最終自動更新日のことじゃない？」と思われる記述が見つかりました。

vti_nexttolasttimemodified

これをキーワードで検索してみると、

http://msdn.microsoft.com/ja-jp/library/cc218035(en-us).aspx

そこには、

The client MAY use this value to determine if the document has been changed on the server by some other process since its most recent cached update.

on the server って何？って感じがしませんか？

つまり、「最終自動更新日」というのは、FrontPage Server Extensionsに含まれるWebコンポーネントにおいて、サーバー側が自動的に更新した日付ではないかと考えられるのではないでしょうか？

しかし、FrontPage Server Extensionsとは関係ない環境、たとえば、普通のPC端末でローカルで編集している場合、それはもはやFrontPage Server Extentionsの環境ではないため、結局のところ、「最終自動更新日」は「最終保存日」と実質同じというオチじゃないかな、と私は考えています。

何かしらFrontPage Webって、FrontPage Server Extensionsが入ったサーバーが前提であるという見方がいいのかな、と思っています。

作者:wanichan

更新日:2008年10月31日 12時40分

このブログのホーム

Expression Webでポップアップメニュー作成 (2)

DIVでメインメニューとサブメニューの挿入ができたら、今度はすべてリスト項目にハイパーリンクを挿入します。

とりあえずリンク先が定められていない場合はダミーでOKです。

  1. リスト項目の文字を選択します。
  2. ［挿入］-［ハイパーリンク］を選択するか、Ctrl+Kキーを押します。
  3. ［ハイパーリンクの挿入］ダイアログボックスの［アドレス］ボックスにリンク先を指定します。もし未定の場合はとりあえず「javascript:;」と入力します。
  4. ［ハイパーリンクの挿入］ダイアログボックスの［OK］ボタンをクリックします。

CSSでリンクの文字だけではなく、リスト全体にリンクを有効にします。詳しくは「ひと目でわかるMicrosoft Expression Web 2」の217～219ページあたりに書いてるので省略します（逃

しかし問題が発生です！ FrontPage 2003でのポップアップメニュー作成の方法では、Firefoxでは正常動作しません・・・orz

はて、どうしたものやら。別の方法で、JavaScriptを直接記述せずにExpression WebのUIだけで実装できるように検証をしていかなければいけません。

しかし、少なくとも特定のメインメニューに触れるとサブメニューを表示する方法までは、Expression WebだけでOKです。しかし、どのブラウザでもメニューからマウスカーソルが外れると全部のサブメニューを消去する方法を考えなければいけないわけです。

いろいろ難しいものですね。
# やっぱり書籍にネタとして書くのをやめといてよかった（ぉぃ

作者:wanichan

更新日:2008年10月28日 21時9分

このブログのホーム

Expression Webでポップアップメニュー作成 (1)

私のサイト内のFrontPage 2003のコンテンツで、ポップアップメニュー作成の手順をまとめてますが、Expression Webバージョンとして、とりあえずこのブログに書いてみようと思います。

まず、FrontPage 2003ではできなかったことが、Expression Webでできるようになったモノがあります。それは、絶対配置と相対配置の操作です。絶対配置と相対配置の操作ができるようになったことで、全体が中央に配置されたDIVでも、ウィンドウサイズが変わってもずれることがなく思い通りにサブメニューの配置が行えるようになりました。

ここでは、全体的にセンタリングされたCSSレイアウトページにおいて、メニューに触れるとその下にサブメニューが表示できるようにするために、配置の指定を行います。

  1. メニューとなるDIVを挿入します。
  2. メインメニューとなるDIV内に横並びリストを挿入していきます。横並びリストの作成方法についての詳細は私のExpression Web 2の本を参考にしてください（逃
  3. メインメニューDIVを相対配置します。クイックタグセレクタバーのその<div>の右側▼をクリックし、［配置］-［position: relative］を選択します。
  4. メインメニューのそれぞれのリスト項目の最後にサブメニューのDIVを挿入します。
  5. それぞれのサブメニューを、メインニューのDIVを基準にして絶対配置にします。クイックタグセレクタバーのそれぞれのサブメニューの<div>の▼をクリックして、［配置］-［position: absolute］を選択します。
  6. サブメニューのサイズと場所をマウスで操作します。
  7. それぞれのサブメニューにリストを作成します。

とりあえずここまで・・・まずは絶対配置と相対配置の操作に慣れてくださいです。別に、メインメニューのリスト項目の最後にカーソルを移動して、レイヤーを挿入してもOKです（レイヤーは絶対配置されたDIVなので）。

まあ、一応、それぞれのDIVにIDスタイルを作成して、そこでスタイルを定義するのが一番賢いやり方と思います。しかし、サブメニューの配置についてはマウスで調整するのが簡単ですね。

実は、「ひと目でわかるMicrosoft Expression Web 2」を書いているときに、ポップアップメニューの作り方も掲載しようかと一時は思ったんですが、ページ数の制約などの問題もあり見送りました（逃

ブログではかなーり簡単にアバウトに説明してますが、そのうちにWebサイトに正式バージョンとして、図を多用して丁寧に手順を説明していく予定です。

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

作者:wanichan

更新日:2008年10月25日 14時2分

このブログのホーム

続：Expression Webでの文字化け問題について

どうやらFrontPage 2003では文字化けは発生しないけど、Expression Webから文字化けするようになった・・・というのはいかがなものかと思ったりします。

しかし、FrontPage 2003ですでに保存されたWebページにおいて、部分的に修正を行うと改行コードが入ってブラウザでは半角スペースが入ってしまう、という問題は、Expression Webで修正されたのをすでに確認済みなのでそれはOKなんですけど。

とにかく、日本語のコンテンツでは（特にMSのKB並みにカタカナ用語を多用した場合）、部分的に文字化けが発生してしまう場合があるってことです。日本語ってかなり複雑ですからね。ひらがな、カタカナ、漢字、英数字（全角・半角もある）、記号（これも全角と半角がある）といった感じでいろんなパターンがあるわけです。ダブルバイトな言語で一番日本語が複雑なのかな、とか思ってみたりします（あ、その他の言語で日本語よりももっと複雑なものがあったら教えてください・・・逃）。

昨今ではとにかくUTF-8が主流でっせ、という空気になってきてるので、英語サイトもたいがいUTF-8に移行されているサイトも増えてきているのではないかと思ってます。つまり、UTF-8でちゃんと文字化けせずにWebページの編集ができるようにしていただきたいものです。

実際、この問題は、マイクロソフトさんの方で、複数のエンジニアの方がテストしていただいているそうです。私は、これはちょっと深刻な問題なので、次のExpression Web 3ではなく、とにかくService Packで修正してほしいとフィードバックしておきました。

「そういえば私も文字化けに困ってるんだよね」という方がいらっしゃいましたら、情報お待ちしています！

作者:wanichan

更新日:2008年10月24日 19時32分

このブログのホーム

横並びリストの多用に注意かも？

div#cols_containerで括られた段組みレイアウトの上に、リンクリストを横並びにしたものを2つ連続して配置すると、その下のコンテンツの編集がおかしくなります。まさしく怪奇現象です。怖いです。

メインコンテンツエリア内に「定義された用語」と「定義」というスタイルを使ってみてください。

  1. とりあえずメインコンテンツ内に見出しを入れる
  2. その下に「段落」としてテキストを入力して、［スタイル］ツールバーの一覧から「定義された用語」を選択
    -->「段落」から「定義された用語」に変わり、クイックタグセレクタバーでは<p>から<dl><dt>に置き換わる
  3. 「定義された用語」を入力して、Enterキーを押下
    -->「定義」スタイルに変わり、クイックタグセレクタバーでは<dl><dd>になる
  4. 「定義」に文字を入力してEnterキーを押下
    -->？？？？？

これはExpression Webのバグなのか仕様なのか気になるところです。

回避策としては、リンクリストの横並びを連続しないように作るのがポイントかもです（2つの横並びリストの間に段落を入れるとか）。

CSSファイルはざっとこんな感じ

body {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
#header {
    background-color: #66CCFF;
}
#footer {
    background-color: #66CCFF;
    clear: both;
}
#container {
    margin: auto;
    text-align: left;
    width: 760px;
    background-color: #CCFFFF;
}
#cols_container {
    width: 760px;
}
#contents {
    float: right;
    width: 560px;
    padding: 10px;
}
#sidebar {
    float: left;
    width: 170px;
    margin: 10px 5px 10px 5px;
}
#top_navi {
    height: 1.3em;
    background-color: #3399FF;
}
#top_navi ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#top_navi li {
    float: left;
    width: 100px;
    height: 1.3em;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
#top_navi li a {
    color: #0000CC;
    text-decoration: none;
    display: block;
    width: 100px;
}
#top_navi li a:hover {
    color: #FFFFFF;
    background-color: #000080;
    height: 1.3em;
}
#sub_navi {
    background-color: #5F5FAF;
    color: #FFFFFF;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    font-size: 13px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #5F5FAF;
    height: 1.3em;
}
#sub_navi ul {
    padding: 0px;
    margin: 0px 0px 0px -3px;
    width: 750px;
}
#sub_navi li {
    float: left;
    display: block;
    list-style-type: none;
}
#sub_navi a:link {
    color: #FFFFFF;
}
#sub_navi a:visited {
    color: #FFFFFF;
}
#sub_navi li#this_site {
    background-color: #CDCDED;
}
#sub_navi li#this_site a:link {
    color: #5F5FAF;
}
#sub_navi li#this_site a:visited {
    color: #5F5FAF;
}

HTMLソース内の<body>内はこんなかんじ

<div id="container">
<div id="header">ヘッダー</div>
<div id="top_navi">
<ul><li>LINK1</li><li>LINK2</li><li>LINK3</li></ul>
</div>
<div id="sub_navi">
<ul><li>LINK1</li><li>LINK2</li><li>LINK3</li></ul>
</div>
<div id="cols_container">
<div id="contents">
ここにメインコンテンツを入力
</div>
<div id="sidebar">
ここにサイドバーの中身を入れる
</div>
</div>
<div id="footer">
ここにフッターを入れる
</div>
</div>

作者:wanichan

更新日:2008年10月24日 10時3分

このブログのホーム

絶対配置した段組みレイアウトの高さの調整を行うには？

リキッドレイアウトのCSSなレイアウトにおいて、floatプロパティでもって段組みレイアウトするために、ネガティブマージンの手法を利用する人が結構いると思いますが、Expression Webでは残念ながら「ネガティブマージンを使ったCSSは対応していない、バグではなく仕様だ」というMSからの回答が来ています。

つまり、Expression Web 2のデザインビューでの編集に対応するためにリキッドレイアウトで段組みレイアウトするには、positionプロパティで相対配置「position:relative」と絶対配置「position:absolute」でもって配置するしかない、ということです。

すると、コンテンツの高さよりサイドバーの方が高い場合、フッターがサイドバーに隠れてしまいます。そこでのCSSハックとして、min-heightプロパティでもって、段組みを囲っているコンテナのdivにスタイルを適用しておくといいでしょう。

しかし！ min-height プロパティって、IE6では対応できないんですよね・・・。

それで検索した結果、以下の記事が見つかりました。

CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』
http://blog.creamu.com/mt/2008/03/cssminheighteasiest_crossbrows.html

もし、サイドバー（#sidebar）の高さが600ピクセルあれば、段組みを囲っている、相対配置されたコンテナのDIV（ここでは #container とします）に対しては、以下のように記述します。

#container {
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 100%;
	min-height:600px;
	height:auto !important;
	height: 600px; /*ここでIE6用の最小の高さを指定 */
}
#contents {
	padding: 10px;
	margin: 0px 180px 0px 0px;
}
#sidebar {
	margin: 10px 5px 0px 0px;
	width: 250px;
	position: absolute;
	top: 0px;
	right: 0px;
}

min-height プロパティとか、!important とかは、Expression Webの[新しいスタイル]とかのダイアログボックスでは設定できません。CSSファイルに直接編集してください。まあ、いまさら感があるかもしれないですけどね・・・orz

しかしこれをするとなぜかレンダリングがうまくいかないですね・・・
どうやら height: 600px の方が評価されて、height: auto !important; が無視されるようです（これも仕様って言われそうだ・・・涙）

Webページ編集中は緑色の部分をコメント扱いにした状態で対処するしかなさそうです。

でもこれって、!importantの後で同じプロパティに別の値指定するとIE6ではimportant無視するバグを利用したものですよね？
# とすると、Expression Web 2のレンダリングはIE6に似てる･･･のかな？


・・・一応、IE6、IE8Beta2、Firefox 3で表示確認済みです♪

作者:wanichan

更新日:2008年10月23日 18時35分

このブログのホーム

Expression Web 2の限界？

今現在、友人のサイトを代わりに作っているんですが、横幅固定の全体をセンタリングしたCSSレイアウトページの編集において、ちょっと微妙な現象が起こってます。

リストを横並びにする手法って流行ってますよね？ある意味。
それをフッター部分にそれぞれのコンテンツへのリンクリストを作成して、横並びにしてるんですよ。

しかし、私のサイトでのWebなコンテンツ「ワニchanのうぇぶわーるど」においては、リキッドレイアウトで段組みの右側を絶対配置してます。調子こいて(笑)、フッター部分に横並びのリンクリストをいくつも作成しても、編集上、何ら支障は発生していないようです。

ていうか、リストの横並びのレンダリングに弱いような気がしますね。もし、<li>タグのスタイルに、幅を指定してtext-align:centerにしておくとちゃんと中央に寄ってくれるんですが、幅を指定しないでマージンとパディングを指定するとなぜかデザインビューでは左寄せになってしまう、という・・・。

友人のサイトのCSSの特徴として、

  • 横幅固定（800x600のサイズでも横スクロールバーが表示されないように、全体を760ピクセルに指定）
  • 全体をセンタリング
  • 段組み部分をfloatプロパティで配置
  • トップのナビゲーションとフッター部分にリンクリストを入れて、それらを横並びに設定

この条件がそろうと、奇妙な現象が起きます。特に、「定義された用語」とか「定義」のスタイル（dtとかdlとかddタグね）を使うと、デザインビューではまともに編集できません。一度試してみてください。

作者:wanichan

更新日:2008年10月23日 9時55分

このブログのホーム

文字化けの原因となる要素がつかめてきた？

Expression Web 2でUTF-8で編集していくと、カタカナの部分で文字化けが発生している場合があるということまでつかめてきたような気がします。

たまーに、カタカナ以外の部分で文字化けが発生することもありますが、それはその前に原因を引き起こすカタカナに記号が混じったものが含まれているから、でしょうね。

たとえば、「レポートビュー」とか「ハイパーリンク」とかそんなパターンの語句が使われている、という感じでしょうか？

回避策としては、HTMLの最適化ですべてのスペースを削除してから再編集してみるとか、いっそのことカタカナを使わずにそれを全部英語に置き換えるとか（違

とりあえず以上です。

作者:wanichan

更新日:2008年10月22日 16時47分

このブログのホーム

文字列に対するスタイルの適用が面倒だ orz

今、Expression Web 2で友人のWebサイト構築中です。新規立ち上げって感じでドメインはすでに取得済みなんですが、CSSレイアウトとかに関しては苦手らしいので（私も得意ではないが）、とりあえずサイトの骨組みをこちらで代行して作っている最中なのです。

まあ、彼女にはかなーりお世話になっているんで、別にお金とかは要らないんですけどね（笑）
# 逆に、彼女には大きな借りがあるような気がします（汗
その後のコンテンツなどの更新作業は、すでに私があげたExpression Webの本を参考にしてね、ということで。

で、私の使ってるデフォルトのブラウザはFirefoxにしています。しかし、横幅固定の2段組みのレイアウト（floatプロパティなどを使用）でいろいろ印刷の制御をおこなったりするわけですが、Firefoxだけは曲者ですね。なぜか2ページ目からは真っ白になってしまったりで。

このバグをどうすればいいの、って悩み、結論に達したモノといえば、ブラウザで表示するレイアウト部分をmedia属性で括る、ということにしました。レイアウト以外のスタイルはmedia属性の指定せずにそのまま定義し、レイアウト部分だけをscreen,tvバージョンとprintバージョンに分けることでなんとか問題解決に至りました。

しかし、なぜかFTPがつながらない・・・FTPサーバーに問題が起きてるかもです。

・・・と、すっかり前置きが長くなってしまったけど（汗）。

FrontPage 2003までは、文字列に対するスタイルの適用は簡単だったんですが、Expression Webから不便になりましたよね。FrontPage 2003の場合、span.style1 というスタイルを作成した場合、文字列を指定して、スタイルボックス一覧から選択できたんですけど、Expression Webからはそのスタイルボックス一覧から出てこないし、［スタイルの適用］作業ウィンドウにも表示されません。むぅ。

とにかく、文字列はブロック要素じゃないからたちが悪いです。

しょうがないので、私はとりあえずその文字を選択してハイパーリンクを作成して、その<a>タグに<span>タグを囲んで、後で<a>タグを削除、という手間な方法を取ることにしました。これはフィードバックとして提出した方がいいんでしょうか？

FrontPageユーザーの方、どう思われますか？

作者:wanichan

更新日:2008年10月21日 20時42分

このブログのホーム

すでにAmazonに載ってた

Expression Web 2 アップグレード版 書籍「ひと目でわかるExpression Web2」付き
一時的に在庫切れですが、商品が入荷次第配送します。

だそうです。300本限定のキャンペーンものがAmazon.co.jpでも販売されるんですねー。

Expression Web 2持ってない人は、書籍付きがお勧めかもですね。

アップグレード対象に、Microsoft Officeとかホームページ・ビルダーとかDreamweaverとかGoLiveとかあとは何だ？なんでもありです。フリーツールとか体験版は対象外ですが。
ほとんどの方はアップグレード版をお買い求めいただけると思います。

正確には、対象製品は、Expression Web、Office、FrontPage、VisualStudio、Adobe/Macromedia Flash、Adobe/Macromedia Director、Adobe/Macromedia Dreamweaver、Adobe/Macromedia Contribute、Creative Suite、GoLive、Macromedia Studio、IBMホームページ・ビルダー。アカデミックエディション、更新パッケージ、単体製品を含みます。

それにしても、書名に「Microsoft」の文字がないのは、長すぎるから省略、なんでしょうかねぇ？
まあ、Expression Web 2 も厳密的には最初に「Microsoft」がつきますが、そーゆーことですね、たぶん。

作者:wanichan

更新日:2008年10月18日 4時29分

このブログのホーム