Archive for category Dreamweaver
DWのテンプレートタグのメモ
Posted by 我流@CGFM in Dreamweaver on 2010年7月6日
▼テンプレートの変数名に日本語を使う。
<!-- 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>
WordCamp Fukuoka 2010の多目的ホール1でのスライド公開
Posted by 我流@CGFM in Contribute, Dreamweaver, WebDesign, コミュニティ on 2010年3月1日
WordCamp Fukuoka 2010の多目的ホール1で
「サイト運営マニュアルの必要性」
というサト研っぽい?テーマで話させていただきました。
わざわざ見に来てくださった皆さん、本当にありがとうございました!
その時のスライドを公開します。
Read the rest of this entry »
Dreamweaverのテンプレート機能関係の参考サイト
Posted by 我流@CGFM in Dreamweaver, WebDesign, Wordpress on 2009年4月28日
Dreamweaverのテンプレート機能の参考サイトの自分用メモです。
使いこなせれば、中小規模のサイトをシステム無しで、
Webデザイナーのみで管理/運営ができます。
頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。
Dreamweaverのテンプレートを使った事例
サッポロビールにおけるテンプレート活用事例 | デベロッパーセンター
http://www.adobe.com/jp/devnet/dreamweaver/articles/dw10seminar_sapporobeer_02.html
- あの大手サイトもテンプレート機能を使ってます。一通り全部読んでみる事をお勧め。
北九州芸術劇場
http://www.kitakyushu-performingartscenter.or.jp/
- 手前味噌ですいません…(汗
Dreamweaver Templateの使い方関連
Dreamweaver Templateの使い方
http://www.eclp.net/maeda/dwt/index.html
- 超オススメ
Dreamweaverのテンプレートの使い方
http://www.dougamanual.com/blog/61/391/
- たまたま発見!全て動画で操作説明してあります!
まだ全部見てないけど、凄いかも。
- たまたま発見!全て動画で操作説明してあります!
テンプレート機能を使ってみよう パート1:「編集可能領域」と「オプション領域」の使い方
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part1.html
- 基本的なテンプレートの作成方法が丁寧にわかりやすく説明されてます。
- サンプルファイルも一式ダウンロード出来るので、初めての人にもオススメ!
テンプレート機能を使ってみよう パート2:コピペで利用できる、複雑なテンプレート式のサンプル | デベロッパーセンター
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part2.html
- 挿入できない複雑なテンプレート式のサンプルの説明等々
テンプレート式関係
Dreamweaverテンプレート|マークアップ野郎!!|Webコンサルティング・Webサイト構築のクリエイティブホープ
http://blog.creativehope.co.jp/markup/archives/dreamweaver/
- 過去に遡って見る事をオススメ。
Dreamweaver CS3 テンプレート式の覚え書き | Bowz::Notebook
http://bowz.info/1339
[超いまさら]Dreamweaverテンプレートって便利だね – 日々平穏
http://www.heion.net/web/tools/dreamweaver_template/
Dreamweaverのテンプレート機能 | BULANCO BLOG
http://www.bulanco.net/blog/2008/02/dreamweaver.html
- 三項演算子の書き方が参考になります(三項演算子は苦手なのでいつも読んでます)
その他、TIPS関係
Dreamweaver CS3でフォルダへのリンクの不具合を解決するハック – kazkiScope
http://kazkiscope.com/2008/02/19/dwcs3_hack/
- 僕もこれハマりました
おまけ
ググってて、たまたま見つけた類いのサイト。
caramel*vanilla ≫ DreamweaverでWordPressのテンプレートを編集
http://caramel-tea.com/2006/03/tagstention/
WordPressのテンプレート作成用のDreamweaverのextension | コリス
http://coliss.com/articles/blog/wordpress/358.html
某自治体のサイトもソース見るとテンプレートが使われてますね。
追記 2010/07/01
なんかブックマークが伸びてるなと思ったら、@magi1125 さんがTwitterでこのエントリーを紹介してくれてたのが判明。
(しかも、事例のサッポロビールの制作者本人だった!!)
自分用のメモをちょっと分かりやすく整えてみました。
あとAdobeデベロッパーセンターに新記事が2つあり、どちらも大変わかりやすかったので追加してます。
メモ:Dreamweaverの正規表現
Posted by 我流@CGFM in Dreamweaver on 2009年4月1日
携帯サイトで以下の場合の検索置換のメモ。
テキスト中の「,(半角カンマ)」を「、(半角句点)」に置換する。
但し数値や金額の3桁区切りの「,」は置換しない。
- Dreamweaverの「検索」対象を「テキスト」に指定
- 「正規表現を使用」にチェック
検索:[^\d]+,[^\d]+
検索:([^\d]),([^\d])
置換:$1、$2
修正)
最初の検索文はとんでもないことになった、反省。
難しいっすね、正規表現。ちゃんと確認します。
([^\d]) は”数字以外の何か1文字”の指定(のはず)
“数字以外の何か1文字”に挟まれてる「,(半角カンマ)」を対象とするので、
“15,000円”とか数字の桁区切りは対象に入らない(はず)
「、。(半角句読点)」は外字だから文字化けする!と言われてるけど、今まで携帯ブラウザで確認してきた限りでは、どれも文字化けしてなかった。
(3年前の石携帯ですら。)
なのでこの検索置換に踏み切ってみた。
3G携帯で不具合は無いと思うのだけど、もしあるようでしたらコメントでご指摘ください。
しかし、Dreamweaverの検索置換は何気に強力ですね。
検索対象を「ソース」か「テキスト」に分けられるだけでも随分と違う。
(「特定のタグ」検索は他のエディタにもぜひ搭載して欲しい機能。)
最近、ちょこちょこ正規表現の検索置換を使うようになってきたけど便利だ。
ちょっとずつ覚えていく。
参考サイト)
Dreamweaverのライブラリのディレクトリ指定のリンクの不具合のせいで、docomoで301エラー
Posted by 我流@CGFM in Dreamweaver on 2009年3月19日
今制作してる携帯サイトの案件で、かなり参りました。
携帯サイトで共通パーツがあり、ページによって表示/非表示させたり順番を並べ替えないといけなかったしてしたので、
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の開発者さん。
テンプレート機能とかは満足してるのだから。



![Fireworks CS5/4/3 (速習デザイン) [大型本] 山口 有由希 (著)](http://ecx.images-amazon.com/images/I/51HvSY21A8L._SL160_.jpg)






最近のコメント