簡単なリファレンス(Dreamweaver CS3の場合) 最終更新日: 08/09/04 Dreamweaver CS3の使い方 目次 サイト定義をする CSSを優先にしない設定にする 新規にHTMLファイルを作る 起動時に新規ドキュメントを開くようにする ショートカットキーで新規ドキュメントを作成する 新規にCSSでレイアウトされたドキュメントを作成する ウィンドウサイズの変更・調整 HTMLファイルのプロパティの変更 文字の入力 文字の大きさを変更する 文字の色を変更する 画像を追加する 画像ソフトからコピー&ペーストで画像を挿入する 罫線(区切り線)を追加する 箇条書きを作る クリックでメーラーを起動させるようにする 表を作る 別ページへリンクを作る ドキュメントにリンクされたページを開く HTMLファイルに名前をつける HTMLファイルを保存する 背景、テキスト、リンクなどの色を
July 21, 2008 Dreamweaverテンプレート式と言うエントリーにも書きましたが、ドリのテンプレートで属性を編集可能にすると言う機能があります。今回はbodyにclassを与え、それをトリガーにして1カラム、2カラムを切り替える方法をエントリーします。 まず最初に1カラム用、2カラム用のcssを予め用意しておきます。 /* CSS */ .oneColumn div#primary { /* 1カラム用 */ width: 100%; background: #eee; } .twoColumn div#primary { /* 2カラム用 */ width: 590px; float: right; } .twoColumn div#secondary { /* 2カラム用 */ width: 190px; float: left; } HTML側のカラム周りの記述はこん
June 22, 2008 Dreamweaverのテンプレートでタグに付加するクラスやIDをテンプレートプロパティ画面から入力させるようにする場合、[修正]→[テンプレート]→[属性を編集可能にする]から作成します。この時、属性を付加するタグの直後とhead内に以下のようなDWテンプレートタグが記述されます。 <!-- TemplateParam name="name_class" type="text" value="className" --> <p class="@@(_document['name_class'])@@"> head内に記述されるタグ内のパラメータをざっと説明すると、name属性は編集する際に識別するための名前、type属性は入力する内容のタイプ、value属性は初期値となります。 この@@(〜)@@と言う記述とそれに対応したテンプレートパラメータのタグをhead
Dreamweaverのテンプレートをお使いの方々、リリースの時にこんなもどかしさありませんか? 「テンプレートが使用する独自タグを削除したい!でもファイル数多い面倒だ!」 弊社のGaryu、Mutsukiも同様の悩みを抱えていたので、パーサーを作ることにしました。最初はPerlで作っていたのですが、どうせなら手軽に誰でも使えるようにしようということで、ドロップレット形式のアプリケーションにして配布する事にしました。 とは言っても中身はAppleScript Studio & Perl。 以下追記です(2007-04-21 11:46:18) テンプレートタグを削除するのであれば、テンプレートマークアップを省略したサイトの書き出しという方法がありますよ。 というご意見を頂きました(nishiakiさん、感謝!) テンプレート機能のみであれば上記で問題無いようなのですが、Dreamweave
Dreamweaver CS3でテンプレートもしくはライブラリを使用中、フォルダに対して相対リンクをしたときに正常にリンクがされない、末尾のスラッシュが外れてしまう、などの不具合があります。今回は、それらを回避するハックをご紹介。 不具合その1:テンプレートでルートフォルダをリンク先に指定したとき、ルートフォルダ直下のファイルのみさらに1階層上を指定してしまう まず、再現してみます。テンプレートを作成して、編集可能領域以外の部分にサイトルートフォルダへのリンクを貼ります。 <a href="../">サイトルートへのリンク</a> (/Templates/test.dwt内) そして、このテンプレートからhtmlを作成、サイトルート直下に保存し、さっき作ったリンクを見てみると…… <a href="../">サイトルートへのリンク</a> (/test.html内) ……あれ? ここは
August 3, 2008 またまたDreamweaverテンプレートネタです。 Dreamweaverのテンプレートでは三項演算子が使えます。三項演算子とはある条件が一致した場合は左の値、それ以外は右の値を実行する演算子です。記述方法は@@((条件)?'真の時実行する値':'それ以外の場合実行する値')@@と言う形です。 今回はDreamweaverのリピート領域を使ってQ&Aの部分をテンプレート化します。まず以下のような条件のテンプレートを作る事にします。 質問と回答を編集可能とする。 質問、回答に連番を振る。 5項目おきに"このページの一番上へ"のリンクを表示する プレーンなHTMLコードを次のようにマークアップします <dl> <dt>Q1 質問内容</dt> <dd>A1 その回答</dd> <dd><a href="#pageTop">このページの一番上へ</a></dd>
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
もう結構前になりますが、同じ業界のご近所さんで、「警固ランチ会」なる会合を開催した。まぁ、開催と言っても、4人というかなり少数メンバーだのですけど、そのなかで、Adobe Contributeが便利という話が出た。 かなり興味を持ち、今回の案件でそれを使おうかと、Contributeのベースと成る、Dreamweaverのテンプレート機能を研究しているんですが、何故今まで使わなかったのかなっと思うほど、便利な機能がもり沢山です。 Dreamweaverのテンプレート機能なんて、CMS真っ盛りの中今更だけど、本当使えるので色々メモ。 特に三項演算子とリピート領域を使った方法なんて、のけぞるほど便利な機能。 使われてる方には、何を今更的な技術だけど、意外にネット上に参照出来るところが少なかったので、参照リンクと、簡単な三項演算子の例文を掲載。 参考にしたサイト Dremweaverテンプレート
Photoshop/illustrator/Dreamweaver/カラー等Webデザイナー向け便利チートシート集 2008年09月09日- Useful Cheat Sheets for Web Designers - Six Revisions Cheat sheets (also known as reference cards, reference sheets, etc.) not only helps you remember things quickly, but can also serve as wall decoration for your workspace. Photoshop/illustrator/Dreamweaver/カラー等Webデザイナー向け便利チートシート集 Photoshop CS3 Keyboard Shortcuts Cheat Sheet P
Dreamweaver8入門・動画講座(ホームページの作り方) ドリームウィーバー8の使い方を動画で紹介します。 できるだけ現在主流になっているタグが使えるように、また、きれいなソースが書けるように、初心者デザイナーさんに役立つ内容です。 ※Adobe® Dreamweaver® はAdobe社(アドビ システムズ社)の商標です。 (5)オプション領域の使い方 テンプレートの共通部分で、このページには出したい、こちらのページでは出したくない・・という部分がある場合「オプション領域」という機能を使うと簡単にオンオフができて便利です... 2008/02/25 (1) テンプレートを新規作成する方法 ドリームウィーバーの便利な機能の一つに「テンプレート」があります。テンプレートを作っておいて、編集可能領域を設定しておき、各ページ作りは「編修可能領域」内を変更します。ナ... 2007/10/1
DWのテンプレートタグについての解答は既に出ていますので、下の > いろいろなサイトのソースを見てると こういうタグが > 入ったものが ほとんどないんですが、例えばヨドバシカメラは > 何千もあるページをどう管理してるんでしょう? への回答です。 大規模のサイトなどの場合、もちろんテンプレートのようにヘッダやフッタのように共通化できる部分は管理しやすいように工夫しています。 様々な方法がありますが、代表的なのは「インクルード」という方法です。 ヘッダなど共通化できる部分のソースだけを抜き出し保存、サーバへアップします。 そしてヘッダを表示するページの方で、ヘッダのファイルをインクルード(読み込み)するタグを記述し、アップすると、サーバ上で合成されブラウザで一つのページとして見えるようになります。 下記サイトを見れば詳しくやり方が書いてあります。 全然難しく無いですし是非挑戦してみてくださ
若葉のDreamweaver入門は、Macromadia Dreamweaverを使用してのWEBサイト作成法を、主に初心者向けに解説しているサイトです。「若葉のDreamweaver入門」は主に初心者の方を対象に、「Macromedia Dreamweaver」を使用してWEBサイトを作成する方法を解説しているサイトです。 Dreamweaver のバージョンは「Dreamweaver MX」を基本に解説していますが、MX以前のバージョンもフォローしています。 何かしら Dreamweaver ユーザーの方のお力になれれば幸いであります。(^-^ゞ しばらく放置状態が続いていましたが、 現在、サイトのリニューアルを計画中です。 まだしばらく時間はかかりますが、 Dreamweaverの最新バージョンに合わせて サイトの内容を変更するつもり。 目下、奮闘中であります!(^_^
能率的なウエブサイト更新のヒント:道具としてのパソコン@おやこニュース Dreamweaverの機能を活用する:テンプレートの使い方 関連ページ 更新履歴 2005-07-07:更新 このページの構成 テンプレートについて テンプレートのメリット どういうときに使うか テンプレートの作り方 テンプレートファイル(.dwt)を作る 編集可能領域設定上の注意 テンプレートの活用法 テンプレートから新規ファイルの作り方 既存ファイルにテンプレートを適用する テンプレートを修正する テンプレートに関する注意事項 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内・関連ページ 環境設定に注意すること。また、DreamWeaver MX2004によるHTML作製も参照のこと。 テンプレートについて ああ。さすがだ。ドリームウィーバーはすごいなぁ、と思わせる機能のひとつが、テンプレートです。
Macromedia/Adobe Dreamweaverで、オープンソースCMS、MODxによるWeb制作を補助する開発キットです。MODxの各種タグを入力候補として表示するコードヒント機能と、挿入ボタンによるタグの挿入を行う専用のMODx挿入バーをセットにしたものです。Dreamweaverと連携してMODxのコンテンツを編集する際に、MODxのタグを素早く入力できるようになります。 MODx挿入バーでは、MODxの標準的なパス、リンクタグ、スニペットタグ、テンプレート変数タグ、チャンクタグ、プレイスホルダタグ、セッティングタグ、タイミングタグの入力に対応しています。基本的に、MODxに標準で搭載されているタグについては網羅してあります。コードヒント機能については、旧バージョンのMODx コードヒント for Dreamweaverのページをご覧ください。 なお、コードヒント for D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く