FHW BLOG仮

仕事でCakePHPをさわってます。

その中にある「ctp」という拡張子のファイル。
この取扱いで、面倒なことがありまして･･･。

私、基本的にDreamweaverでコードを書いているのですが、
「ctp」という拡張子のファイルはPHPと同様の構造なのに、
Dreamweaverは、何の着色もしてくれません。
全て黒です。

通常Dreamweaverでは、phpやhtmlなどでは、
タグの部分やテキスト部分など色んな色をつけて
見やすくしてくれてます（まぁ人それぞれだと思うけど 笑）。

Dreamweaverになれてるので、
どうしてもあの着色が欲しくて、その方法を探しました。

↓見つかりました

DreamWeaverで認識させる拡張子を増やす
http://ameblo.jp/webtech58/entry-10390776328.html

HTMLに書いたPHPをDreamweaverコードビューに対応させる方法
http://blog.tasdesign.jp/web_design/2010_01_19/html-php-dreamweaver.html

お好きな方法でどうぞ。

前者の方が簡単だね。

コーダーはとっても困ります！ｗ

作業中（とくにファイルを保存したとき）に急にDreamweaverがフリーズして落ちることがあります。
そのあと起動しようとしても「サイトキャッシュのロード中」あたりでまたフリーズしてソフト自体が立ち上がらなくなってしまうことがあります。
これ、PCを再起動しても直らないことが多いんです。
そんなときは以下の方法をお試しください。

1. Dreamweaverのキャッシュファイルを削除する
落ちる直前に作業していたサイトのキャッシュを消します。

Documents and Settings¥＜ユーザ名＞¥Application Data¥Adobe¥Dreamweaver 9¥Configuration¥SiteCache¥サイト名.dws

アドビのサポートに詳細が載っています。
サイト定義に関連する作業の実行中に Dreamweaver がクラッシュする


2. 直前に作業していた箇所を別のテキストエディタで書き換える
cssを書いていて保存したときに落ちた場合、直前に書いていたcssのコードが原因のことが多いです。
その場合は、そのcssファイルをDreamweaver以外の別のテキストエディタで開き、直前に書いたコードを削除してみてください。
削除までしなくても、半角スペースを取るとか、id,class名を変えるとか、位置をずらすとか、とにかく原因となった箇所を書き換えて保存してください。

---

この2つの方法を知っていれば大抵は復活するはずです。
参考になれば。

本日こんなニュースがありました。

下記のような取組みや施策は、内的SEOにも効果があるものと考えます。

積極的に意識していくべきでしょう。

 

役所HP、障害者不便

　総務省は29日、34の府省庁のインターネットホームページ（HP）を対象に、高齢者や視覚障害者に利用しやすいレイアウトや運用になっているかを調べたところ、約9割が日本工業規格（JIS）の定める条件を満たしていないとする結果を公表、全府省庁に対応の準備を勧告した。
　国や地方自治体は、障害者基本法や政府の「電子政府推進計画」で、高齢者や障害者らに配慮したHPづくりを義務付けられている。総務省は昨年8月から今年6月、全府省と外局の計34機関のHP系1514ページを調べたところ、91％の1373ページで、音声変換ソフトが読みとりにくかったり、色覚障害者が分かりづらい色使いだったりしてJISの条件を満たさなかった。
　34機関のうち、総務省や経済産業省、農林水産省などを除く26機関（76％）は、HPの作成業者に対応を求めなかったり、更新したコンテンツのチェックを怠ったりするなど態勢も不十分だった。

（2010/06/30 朝日新聞朝刊より抜粋）

 

下記に資料集めてみました。

◆ホームページのバリアフリー化の推進に関する調査結果に基づく勧告  （総務省HPより）

◆JISX8341-3 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ（JISC / 日本工業標準調査会）

◆JIS X 8341-3:2004 「高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－ 第３部：ウェブコンテンツ」 技術解説　第1.1版　委員会ワーキングドラフト（7月22日版）

 

手前味噌ですが、弊社もこんなことを書いています。

◆ホームページのユーザビリティ（Flying High Works）

音声ブラウザへの対応

原則的にFHWで制作する全てのホームページは音声ブラウザに対応することを意識しています。なぜ、音声ブラウザなのかといえば、人は、情報を収集する機能として一般的に大きくわけて「見る」「聞く」「かぐ」「味わう」「触れる」の「五感」といわれる5つの方法があります。

ホームページは文章と画像で構成されている媒体ですが、主に「見る」媒体です。その他の感覚には、ほとんど情報を提供することができません。ただ1 つ「聞く」という感覚には、文章を音声化することにより伝えることが可能です。それを補助してくれるのが音声ブラウザです。

IBM ホームページリーダー

音声ブラウザは、主に、視覚障害者向けに作られたものと考えられますが、将来的には健常者もカーナビなどで十分に使用しうる可能性の高いものです。また、音声ブラウザはWEB標準の意義にもマッチしていると考えられ、検索エンジンなどの商用サービスも無視できない存在であると考えています。

お客様の環境やユーザターゲットを無視した無理な対応にならないことを意識し、できる限り、WEB標準を意識したユーザビリティ対策として、音声ブラウザへの対応を行っております。

JIS規格への対応

ホームページのアクセシビリティを日本工業規格（JIS）が規定した「JISX8341-3 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ」というのが、ホームページを制作する際の JIS規格です。

JISX8341-3 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ

内容としては、WEB標準を目指した内容ではあるが、規定されているのが2004年5月とWEB業界の進歩速度からすると若干古い規格といえますが、障害者に対応したコンテンツ作りは非常に大切な取組みだといえます。

お客様の環境やユーザターゲットに合わせた適用を行います。

もしよかったらお声掛けくださいね。

 

そういえば、「障害者」なのか「障がい者」なのか。

「害」の字がイメージが悪いなんてニュースがありましたが、どうなったんでしょうね。

天気予報では晴れるはずだったのに突然の土砂降り。
いつのまにか、天気予報が朝見たときと内容が変わっていました。
予報なのに事後報告になっているのが許せません...。
こんにちは、yukaringです。


本日はコーディングが3倍速くなる！？と話題のzen-codingをDreamweaverに導入してみました。
ちなみにzen-codingについてはこちらを見るとそのすごさがわかると思います。
Dreamweaverにもコードヒントがあるとはいえ、ここまで速くはできないですよね！？
記法を覚える必要はありますが、CSS的な書き方（div#test = <div id="test"></div>のような）で使えるものも多いので、かなり便利です。


弊社のDreamweaverはCS3なのですが、導入するにはちょっとコツがいります。

【HTML5】と言う言葉を耳に（目に）する機会が増えてきました。
定期購読しているweb系雑誌や、某SNSサイトのコミュニティ等で、講習会等も開かれています。

さて、本題。
DreamweaverCS4では、HTML5のタグはまだ導入されていません。
もちろん、CS3も。
でも、HTML5を導入して、もっと身近に触れていきたいと思いググってみたところ、ステキな記事を発見しました！

HTML5で新規追加されたタグを Dreamweaverのタグライブラリーに登録してみた

ドキュメントタイプの選択も出来て、イイです。
作成して下さった方に感謝！！

ホームページのいわゆる「パンくず」ナビゲーションをDreamweaver のテンプレートで設定した例です。

同時にタイトルも制御しています。
それぞれのパラメータで"u"というところにURLやファイル名を記述するとリンクが貼られます。

テンプレートの使用の仕方がわからないときついかなぁ?。
でも、デフォルトのテンプレートを作って、設定しておくと便利ですよ。

CSSをヘッドタグ内でリンクする場合のDreamweaverのテンプレートで設定した例です。

特にInternetExplorer6、InternetExplorer7の個別の外部スタイルシートにリンクするところに、ちょっと小技をきかしてみました。
これがないとテンプレートを適用した全てのページで、外部スタイルシートへのリンクがうまく更新されません。