ビヘイビアのイベント

ちょっとメモ。

Expression Webのビヘイビアに用意されているイベントは

• onclick
• ondblclick
• onkeydown
• onkeypress
• onkeyup
• onmousedown
• onmousemove
• onmouseout
• onmouseover
• onmouseup

ビヘイビアを挿入したら、既定値では「onclick」になり、その要素をクリックしたときに動作する。

onmouseoverだと、要素に触れたとき、onmouseoutは、その要素から離れたとき、onmousemoveは、 その要素内でちょっとでもマウスを動かしたとき、onmousedownはマウスの左ボタンを押しているとき、onmouseupは、 マウスの左ボタンを離したときに発生する。

onkyepressは、キーボードを押したとき、onkyedownは、キーボードを押し続けているとき、onkyeupは、 キーボードから離したとき？

レイヤーを使って、「プロパティの変更」を使って、別のレイヤーを表示・非表示をすることができるけど、 一つずつイベントを作成してあげないとおかしいことになる。

layer1とlayer2が存在するとしよう。

1. layer1に触れたときにlayer2を表示するようにするには、まず、既定値でlayer2を非表示にする必要がある。 そのためには、「レイヤー」作業ウィンドウを表示しておく。
2. レイヤー作業ウィンドウで、ｌayer2を非表示にするように設定する
3. layer1に触れたときにlayer2を表示するには、 layer1を選択した状態でビヘイビアの挿入→プロパティの変更を選択
4. 対象となる要素を「layer2」にして、［表示］ボタンをクリック
5. 「表示する」を選択して［OK］ボタンをクリックする
6. 「MouseOutイベント時に元に戻す」にチェック

すると、layer1からマウスが離れたときに元に戻るようになる。

しかし、この状態だと、layer2に触れたときにそのレイヤーが消えてしまうということになる。したがって、 「MouseOutイベント時に元に戻す」を有効にしたらまずいことになる。

そこで、そのチェックを外した状態でビヘイビアを作成し、layer2を選択した状態でビヘイビアの挿入を行う。 layer2からマウスが外れた場合にそのlayer2を消すには、プロパティの変更で、onmouseout時に「非表示」にするとOK。

しかし、ここでも問題が発生。

仮にlayer1に触れた後に、layer2に触れずにlayer1からマウスが外れた場合は、 ずっとlayer2が表示することになる。

やっぱり、レイヤー内に個別に要素を作って一つずつ設定しておかないと、思い通りにいかないんだよね…。

Expression MVPに変更？

MVPプロファイルから「FrontPage」のリストを見ても、自分の名前がない！

あれ？？？ひょっとして・・・・？

と思ったら、私はいつの間にかExpression MVPに移動になった模様。
最終更新日: February 26, 2008 になってるから、昨日移動されたみたい？

ただいま、再審査中の身なんだけど、そのときに、 FrontPageじゃなくてExpressionのMVPとして推薦しまっせーというメールが事務局から来たときに、私は 「どっちでもいい」って答えたんだけどね。

確かに、今年に入ってから一度もFrontPageを起動したことがないしなぁ。

マウスに触れると太字斜体文字にする方法

mixiのExpression Webのコミュニティに質問があがったので、こちらで再掲載。

FrontPageでは、DHTML効果機能が実装されていたけど、Expression Webにはないんだよね。 SharePoint Designerにもなかったはず。

じゃあ、どうすればいいか？

…マウスに触れると太字斜体文字にする方法は以下の二つ。

対象とする文字がハイパーリンクの場合

CSSで実装できるので、以下の手順に従ってスタイルシートを生成するとOK。

1. スタイルの適用作業ウィンドウから[新しいスタイル]ボタンをクリック
2. セレクタ名には「a:hover」と入力
3. スタイルを生成する場所を指定する（作業中のページなのか外部CSSファイルなのか）
4. ［フォント］カテゴリにて、以下の設定を行う
1. font-weightの一覧から「bold」
2. font-styleの一覧から「italic」
   
5. [OK]ボタンをクリック

対象とする文字がハイパーリンクではない場合

ビヘイビア機能を利用するとOK。

1. ［作業ウィンドウ］→［ビヘイビア］をクリックして、ビヘイビア作業ウィンドウを表示
2. 太字斜体の文字にしたい部分を選択
3. ビヘイビア作業ウィンドウから［挿入］ボタンをクリックし、［プロパティの変更］をクリック
4. ［プロパティの変更］ダイアログボックスが表示されるので、［フォント］ボタンをクリック
5. ［スタイル］の一覧から「太字斜体」を選択して、［OK］ボタンをクリック
6. ［プロパティの変更］作業ウィンドウの下、［MouseOutイベント時に元に戻す］のチェックを付けて［OK］ ボタンをクリック

ダイナミックWebテンプレートを適用したWebページのすべてのキーワードと説明文が同じになる場合の対処方法

ダイナミックWebテンプレートには、編集可能領域がある。
もし、編集可能領域の「外」に記述がある場合は、ダイナミックWebテンプレートが適用されたWebページすべてに反映され、 それらを直接いじることはできない。

とりあえず、Webサイト全体のデザインレイアウトを統一するために、 ダイナミックWebテンプレートを利用している方が多いと思うんだけども、もし、 ダイナミックWebテンプレートが適用されたすべてのWebページのキーワードと説明文が、トップページと同じになってしまい、 編集できなくなって困った場合はどうすればいいか？

1. ダイナミックWebテンプレート（DWTファイル）を開く
2. コードビューに切り替え、以下の記述を探す（<!-- #EndEditable -->が、編集可能領域の終わりを宣言するコメント）
   <!-- #BeginEditable "doctitle" -->
   <title>Webページのタイトル</title>
   <!-- #EndEditable -->
3. <!-- #EndEditable -->の前の行に、キーワードと説明文のMETAタグを移動して上書き保存する
4. ダイナミックWebテンプレートが適用されたそれぞれのWebページを開き、 それぞれのキーワードと説明文を指定しなおす

とにかく、doctitle という編集可能領域内に、metaタグを入れたらOK♪
この情報は、Expression Webに限らず、FrontPage 2003でダイナミックWebテンプレートを使っている人にも有効・・・かも（怪）。

レガシーなタグを使ったWebページの作成は無理？

久々にブログ記事投稿になってしまうけど・・・

Expression Webは、文字色とか背景色とかはすべてCSSで最適化されたツール。
CSSの生成に、自動と手動があるけども、手動ってある意味危険な機能だったりする。
手動で書くと、下手すると、例えていうならばWordの「標準」 スタイルに自動的にスタイルを更新するように設定されるのと同じ現象になるってこと。何かしら悪魔の香りがする機能なので、 私は個人的に使ったことがないけどね。

で、ちょっと話はそれたけども、文字色を指定するのにfontタグを使いたい場合がでてくる。
Expression Webは、そういう旧式のタグを吐き出すことは受け付けてくれない。
てなわけで、設定でfontタグを吐き出すオプションもない、ということ。

どうしてもExpression Webでfontタグを使いたいという方は、ちょっと手間な作業になるけど、以下の手順が有効かと。

1. Wordなどの別のツールで文字に色などのスタイルをつけて、それらを指定してコピー
2. Expression Webの編集ウィンドウで貼り付け
3. クイックタグセレクタを使って、不要なタグを削除（fontタグは残す）

コードビューに切り替えると、fontタグは使ったらダメという警告が出るけど。

もしくはWeb標準サイト構築用ツール以外の古いツールで編集していくしかない。