Archive for category Dreamweaver

DWのテンプレートタグのメモ


▼テンプレートの変数名に日本語を使う。

<!-- TemplateParam name="01_ページタイトル" type="text" value="" -->

<title>@@(_document['01_ページタイトル'])@@</title>

テンプレートの編集領域を設定する時に日本語名を入れればOK。

▼数字の足し算で連番ファイルのリンクを作成

<!-- TemplateParam name="02_作品No" type="number" value="0" -->

<a href="@@(_document['02_作品No']-1)@@">前の作品へ</a>
<a href="@@(_document['02_作品No']+1)@@">次の作品へ</a>

No Comments

WordCamp Fukuoka 2010の多目的ホール1でのスライド公開


WordCamp Fukuoka 2010

WordCamp Fukuoka 2010の多目的ホール1で
「サイト運営マニュアルの必要性」

というサト研っぽい?テーマで話させていただきました。

わざわざ見に来てくださった皆さん、本当にありがとうございました!

その時のスライドを公開します。
Read the rest of this entry »

, , , , , , , , , , ,

3 Comments

Dreamweaverのテンプレート機能関係の参考サイト


Dreamweaverのテンプレート機能の参考サイトの自分用メモです。
使いこなせれば、中小規模のサイトをシステム無しで、
Webデザイナーのみで管理/運営ができます。
頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。

Dreamweaverのテンプレートを使った事例

Dreamweaver Templateの使い方関連

テンプレート式関係

その他、TIPS関係

おまけ

ググってて、たまたま見つけた類いのサイト。

某自治体のサイトもソース見るとテンプレートが使われてますね。

追記 2010/07/01

なんかブックマークが伸びてるなと思ったら、@magi1125 さんがTwitterでこのエントリーを紹介してくれてたのが判明。
(しかも、事例のサッポロビールの制作者本人だった!!)
自分用のメモをちょっと分かりやすく整えてみました。
あとAdobeデベロッパーセンターに新記事が2つあり、どちらも大変わかりやすかったので追加してます。

, , , ,

2 Comments

メモ:Dreamweaverの正規表現


携帯サイトで以下の場合の検索置換のメモ。

テキスト中の「,(半角カンマ)」を「、(半角句点)」に置換する。
但し数値や金額の3桁区切りの「,」は置換しない。

  • Dreamweaverの「検索」対象を「テキスト」に指定
  • 「正規表現を使用」にチェック

検索:[^\d]+,[^\d]+
検索:([^\d]),([^\d])
置換:$1、$2

修正)
最初の検索文はとんでもないことになった、反省。
難しいっすね、正規表現。ちゃんと確認します。

([^\d]) は”数字以外の何か1文字”の指定(のはず)
“数字以外の何か1文字”に挟まれてる「,(半角カンマ)」を対象とするので、
“15,000円”とか数字の桁区切りは対象に入らない(はず)

「、。(半角句読点)」は外字だから文字化けする!と言われてるけど、今まで携帯ブラウザで確認してきた限りでは、どれも文字化けしてなかった。
(3年前の石携帯ですら。)

なのでこの検索置換に踏み切ってみた。
3G携帯で不具合は無いと思うのだけど、もしあるようでしたらコメントでご指摘ください。

しかし、Dreamweaverの検索置換は何気に強力ですね。
検索対象を「ソース」か「テキスト」に分けられるだけでも随分と違う。
「特定のタグ」検索は他のエディタにもぜひ搭載して欲しい機能。)

最近、ちょこちょこ正規表現の検索置換を使うようになってきたけど便利だ。
ちょっとずつ覚えていく。

参考サイト)

, , ,

No Comments

Dreamweaverのライブラリのディレクトリ指定のリンクの不具合のせいで、docomoで301エラー


今制作してる携帯サイトの案件で、かなり参りました。

携帯サイトで共通パーツがあり、ページによって表示/非表示させたり順番を並べ替えないといけなかったしてしたので、
Dreamweaverのライブラリを使いました。

そしたら、Dreamweaver CS3でフォルダへのリンクの不具合を解決するハック – kazkiScopeでも書かれてる以下の不具合に遭遇。

不具合その2:ライブラリでフォルダをリンク先に指定したとき、末尾のスラッシュが外れる

これも再現してみます。ライブラリを作成して、特定のフォルダへのリンクを作成します。

<a href="../folder/">フォルダへのリンク</a>
(/Library/test.lbi)

そして、このライブラリをルート直下のhtmlに配置してみると、

<a href="folder">フォルダへのリンク</a>
(/test.html内)

……リンク自体は有効だけど、末尾のスラッシュが外れている。

そう!これ!同じ問題起きたよ!

docomoはリンクでディレクトリ指定するとき、最後の”/(スラッシュ)”が無いと、
『サイトが移動しました(301)』
とエラーメッセージが出てしまいます。

参考サイト)
DoCoMo サイトが移動しました(301):クリエイターズブログ:ほのおのクリエイターズ
DoCoMoで「サイトが移動しました(301)」が出る場合 – Apelog

kazkiScopeさんのエントリーでは親切にも解決策も書いてくれてた。

「ライブラリ内でのフォルダに対するリンク先は、href=”../folder/./”というように最後に”./”を追加して指定する」

おー!これで治る、いやっほー♪
と思って試してみたら、、、、

Mac / DW CS3では不具合が治らなかった….orz

結構、昔からの問題みたいでDW8ぐらいからあったらしい。
(2chでも「テンプレートのオプション領域で代用してる」、って人もいた。)

今回は、全ページPHPなサイトなので、ライブラリ(.lbi)を、PHPで書き直してPHPのincludeさせる方向で修正する事にしました…orz

あまりに悔しかったので、Adobeサポートセンターに不具合の以下の報告した。

******不具合報告******
不具合の内容:
・Libraryでディレクトリ指定のリンク(最後が”/”スラッシュで終わる形)をすると、
利用したHTMLでは、最後の”/”スラッシュが無くなる。

このままだと一部のブラウザで301エラーを返してしまう。
(docomo携帯ブラウザ等)

問題の再現方法:
1.ライブラリでリンクをディレクトリで指定
/Library/test.lbi
<a href=”../directory/”>リンク</a>

2. 1のライブラリをHTMLで利用する

結果:
<a href=”directory”>リンク</a>
と、”/”で終わらない。

期待した結果:
<a href=”directory/”>リンク</a>
スラッシュでリンクが終わる事。
明示的にディレクトリを指定してるのだから、”/”で終わらせるべき。

決してイレギュラーな使い方じゃないと思うんだ。
kazkiScope
さんもエントリー中で書かれてるけど、なんとかしてくださいよ、Adobeの開発者さん。

テンプレート機能とかは満足してるのだから。

No Comments

明星和楽