| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Dreamweaverの８、ＣＳ４でのトラブル！
Ｗｉｎｄｏｗｓ７のエキスプローラ（ファイル表示）設定で
右端に「プレビューウインドウを表示」があります。
ファイルを開くと内容を右に表示する機能ですが、
これがファイルをプロテクトするみたいです。
これをオンにしたまま、Dreamweaverで
編集すると、保存時にXXXXTMPファイルへの
アクセスが拒否されましたと表示され保存できず、
おまけに修正ファイルが削除されます。
なんと恐ろしい。
解決策は、
いち早く、製品版Ｗｉｎｄｏｗｓ７を導入しました。
バージョンは「エンタープライズ」ですが
「プロフェッショナル」とほぼ同等です。
使用感は以外にＸＰソフトが動作して快適です。
詳しくは・・・
皆さんはアクセシビリティと言うと何を連想しますか？
高齢者・障害者の方に対する配慮設計と
思われがちですが、・・・
コマーシャルの【ＸＸＸ】で検索をクリック！
もはや、多くの一般ユーザがＨＰに訪れます。
ＨＰの使いやすさが求められています。
【例えば】
・Altキーとアルファベットで希望入力項目へジャンプ
・入力ラベル指定で入力項目周りの文字でも
ラジオボタンやチェックボックスを選択可
・背景色と前景色のコントラスト比は、7：1必要
その確認方法は？
・必須項目の記述は左側or右側？
ほんの一部ですが、一般ユーザ閲覧に有効な
規定が数多くあります。
この最新のガイドライン（アクセシビリティＪＩＳ Ｘ8341-3 2004）に最新ＷＣＡＧ２．０（2008/12）を追加
従えばＷｅｂコンテンツをアクセスする全ユーザーに使いやすいコンテンツが作成可能となります。
是非取り入れてください。
当スクールでは、分かりやすくまとめた
レジュメプリント（１４ページ）を作成例ＨＴＭＬと共に
受講生全員にプレゼント中！
詳しくは・・・・
アメリカのネット上では、２００８年１１月で
ＩＥ７がＩＥ６を逆転しているそうです。
IE7は英語版が2006年11月に自動配布を開始して
約２年、とうとう逆転しました。
以前は、ＯＳにバンドルされていたので、ＯＳ出荷の
タイミングでしたね。
当スクールのアクセスでは・・・
2008/9/8の「アスキー総合研究所」によりますと、
Webブラウザの満足度1位は「Firefox」だそうです。
その中に、「Firefox」の使用者は２３％だそうです。
以前の調査では、１５％前後だったそうです。
確実に伸びています。
次のＩＥ８が文法に正確に表示を目指すそうですが、
「Firefox」には勝てないでしょう。
Ｗｅｂデザイナーにとっては、勝って欲しいものです。
ところで、「Firefox」は欧州では、２０?３０％と多く、
フィンランドは45.4％だそうです。
これはOpera社（フィンランド）が2007年12月に
マイクロソフトの独占行為を訴えたことが
影響しているようです。
ところで使用満足度は？
ＩＥＴｅｓｔｅｒ
IE5.5, IE6, IE7, IE8の確認が同時にできる
ツール があります。但し外国製です。
＜Ｗｅｂデザイナーには必須アイテム＞
■ 説明ページ http://ceo.sourcelab.jp/archives/40
■ ダウンロード http://www.my-debugbar.com/wiki/IETester/HomePage
ただし、多少のバグが存在しています。
◆ＸＰでＩＥ６がインストールしているＰＣは、IE7, IE8が選択できません。
現在のＩＥ６をＩＥ７にするか、
Ｖｉｒｔｕａｌ ＰＣ ２００７をインストールして、
ＩＥ７を入れて、そこにＩＥＴｅｓｔｅｒを入れる必要があります。
●面白いのは、以下の様に５．５?８まで一気に表示、
切り替えながら見比べるところです。
バーチャルＰＣでＩＥ７のブラウザチェックが可能
Ｗｅｂデザイナーにとって作成したＨＰの表示チェックを
各ブラウザにて行うことは必須です。
ＩＥ７も使用者が全ブラウザの３０％程に増加中、
ますますチェックが必要です。
しかし、同じＷｉｎｄｏｗｓでありながら、ＩＥ６とＩＥ７は、
同じパソコンに同居できません。
そこで、バーチャルＰＣの出番です。
方法は・・・
ＣＳＳ関連のＩＥバグ対策（ＮＯ１）
何かと問題児のＩＥ君！
Ｆｉｒｅｆｏｘやオペラで正常表示するのに、
ＩＥでは、表示がおかしい！
最近発見したトラブルです！
Ｗｅｂ講座では、受講生にお知らせしています。
詳細は以下に続く
【Ｗｅｂデザイナー講座で実際に起こった出来事】
ある受講生の方から先生ＨＥＬＰです！
受講生：なんだかＣＳＳのクラス「top」が全く反映させません。
講師：むむ！
.intro{color:#336699}
.honbun{width:700px;margin-right:auto;margin-left:auto}
.photo{float:left;margin-right:10px
.top{clear:both;text-align:right;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#336699}
.top a{text-decoration:none}
Ｄｒｅｍｗｅａｖｅｒのデザイン画面で見ると、正常表示。
講師：Ｄｒｅｍｗｅａｖｅｒのデザイン画面って、
あんまり、あてにならんから・・・
でも、実際に表示するとクラス「top」が全く反映されずダメ。
皆さん原因がお分かりになりますか？
答えは・・・
【Ｗｅｂデザイナー講座より】
Acid2（あしっどつー）はウェブブラウザや
オーサリングツールにおけるウェブページの
レンダリング上の問題点を特定するために
ウェブスタンダードプロジェクト(WaSP)が
作成したテストケースです。
正確に準拠していれば、スマイリーが描かれます。
「クリエイティブ・コモンズ」をご存知でしょうか？
日本ではあまり普及してない？
写真素材などのデジタルコンテンツが自由に
利用できると助かります。
それを可能にするのがクリエイティブ・コモンズという
ライセンスなのです。
普通に解説を読んでいても難しい印象なので
日本ではあまり普及してないところがあります。
商用目的で撮ったものでなく、単に写真を撮った方が、
公開した後に使用も「いいよ」と認めるものです。
ただし、使用には大きく４タイプあります。
いよいよ、2008 年 2 月 13 日より
自動更新で Internet Explorer 7 日本語が
提供されます。
これにより、従来の作成方法を行う
Ｗｅｂデザイナーには、注意が必要になります。
Ｗｅｂデザイナーとしてアップしているページの
アクセス状況は常に確認する必要があります。
ただし、確認ページが複数あると時間も手間も
かかります。
そんな時、このソフトは便利です。
アクセス順位履歴も残り、アクセスｕｐ処理に対する
効果も確認しやすくなります。
印刷物やＷｅｂサイトの実物に近い完成予想図を
「カンプ」と呼びます。
具体的なＷｅｂ完成版がイメージ出来ない
Ｗｅｂ依頼顧客に出来上がりイメージを確認してもらう
場合に作成します。
作成のポイントは・・・
Adobeから、新しいサービスAdobe kulerが公開
されています。
Adobe kuler
配色をブラウザ上で作成できるサービスです。
今までもこのようなサイトはありましたが、
kulerの場合はインターフェースがFlashで
作成されており、直感的で楽しく作成きます。
色の理論など知らなくても作ることができます。
Ｗｅｂデザイナーは、新サイトの配色を決めなければ
いけませんが、慣れないと良いバランス色決定に、
時間がかかります。
その際、手軽に確認できるお手軽ソフトをご紹介。
多くのソフトが有りますが、その１つです。
詳しくは・・・
Wｅｂデザイナーの就転職時必要なものは、何でしょう？
通常の職業と同じ、履歴書、職務経歴書は、当然必要
ですが、もう一つ必要なものに、制作実績があります。
Ｗｅｂ業界に国家資格は特に無く、実力の世界です。
業務経験のない方にとっては不利ですね。
ですから、自分のページを作成し見せる必要があります。
それによって採用先企業は、ある程度判断できます。
作成するレベルとしては・・・・
＜Ｗｅｂ関連＞
最近のＨＰでは、ＣＳＳ化とＤＩＶ（テーブル使わない）化が
徐々に増加しています。
center や align属性
bodyの background bgcolor 等
今まで使われています。
他にも、非推奨は３０?４０個ありますが、
今後は、ＣＳＳに置き換えた方が良いですね。
と言うのは、・・・
◆ターゲットユーザとデザインの傾向
ユーザが限定可能であれば、好みの傾向に合わせた方が
効果的ですね。
若者向け・・フォントサイズ小さめ、余白を多めに取り洗練された
デザインに。
音やＦＬＡＳＨを効果的に用いて質の高いものが効果的。
女性向け・・余白を多く取り、優しい色使いと角版写真の
組み合わせで清潔感のある落ち着いたイメージ。
【角版】かくはん
レイアウトで、長方形や正方形などの矩形内に使用する
写真やイラストを指定する呼び名。
角版は安定感が強調されるので、安定したイメージを
表現することができます。
これに対し、円や楕円は「丸版」、りんかくに沿った形で
使うのは「切り抜き版」という。
切り抜き版は客観性を重視する場合に有効で、
伝達したい内容を明確にすることができます。
ビジネス・・寒色でまとめとあり、知的イメージ。
年配のユーザにもストレスなく見られるように、
文字のサイズは大きめ。
子供向け・・カラフルの色合い、イラストを多く使い、明るく楽しいイメージ。
プロのＷｅｂデザイナーであれば、
お客様の意向をいかに実現できるか。
特に、将来独立やＷｅｂ会社に所属を検討している方。
企画提案しプレゼンテーションに成功しないと
仕事はもらえませんね。
顧客に「今のままでは、まずい！」と気づかせる問題提起が
不可欠です。
でなければ、今回のＨＰ導入は、中止＝売り上げダウン！
ＦＬＡＳＨは、従来の埋め込みでは、
プロテクトがかかりますので、マウスを置くと
周りに点線が表示、１度クリックしないと
次のアクションが取れません。
アクティブ化が必要ですが
最新のＤｒｅａｍｗｅａｖｅｒでは、自動でソースが
組み込まれる様です。
CSSは基本的に後に書いたもの（読み込んだもの）が
優先されるようになっていますが、そうならない場合もあり、
自分の思った通りのスタイルが適用できず、困ることもしばしば。
今回紹介するCSSの優先順位の決定方法さえ覚えておけば、
そんなこともなくなります。
CSSの優先順位は獲得ポイントで決定するようです。
＜Ｗｅｂ関連＞
最近のブラウザでは、ＩＥ７の動向が気になりますね。
タブブラウザーに対応している為、
一度IEを起動すれば、複数のWebページを
1つのウインドウ内で開ける便利さがあります。
ただ、他のブラウザは、既にタブブラウザーに対応しています。
また、ＣＳＳにかなり対応しているらしので、
従来の互換モード用の記述は、止めて
標準モード記述が良いと思われます。
ＣＳＳの２回目です。
最近のホームページは、文字のサイズ、背景、色等
見栄えの設定に、ＨＴＭＬだけでなく、ＣＳＳを使用します。
理由は、各ページ間の設定の統一ですね。
記述方法は、・・・
ＣＳＳとは何でしょうか？
Cascading Style Sheetsの略、つまり、
スタイルシート（文字や段落に色やスタイルを設定済み）に
カスケード（接続）してページを表示する仕組みです。
現在、直接色指定やテーブルが多く使われていますが、
今後の主流になると思われます。
理由は・・
＜Ｗｅｂデザイナー関連＞
webホームページで良く利用される
ＰＤＦをＥｘｃｅｌに変換することが、かなり正確に
可能になるソフトが出たそうです。
（2006/8）
「Web 2.0」とは、何でしょう？
コンテンツの提供の方法、技術の提供の方法、
又サービスの使い方などを概念的に指しているため、
明確な定義づけられている訳ではありあません。
また、IEEEやISOなどのように、規格や標準のことを
指している訳でもありません。
しかし、Web 2.0という概念で特徴付けられるものは、
いくつかの共通要素を持っており、技術進歩もありますが
発想の転換から生み出されています。
CSS （カスケーディングスタイルシート）とは、
色やフォント等の修正情報を外部ファイルに、統一する事により
ページ変更の柔軟性が高まります。
何階層に積み重なったテーブルを使い、注意深くページをレイアウトした
後で、顧客から「ちょっと」修正が発生。ほとんどの Web デザイナーや
Web業者は、こんな瞬間に遭遇した場合非常に困ります。
