一定期間更新がないため広告を表示しています
![Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ](https://cdn-ak-scissors.b.st-hatena.com/image/square/29272eecddce882cdfc38e036477c0a5a46d31bc/height=288;version=1;width=512/http%3A%2F%2Fimg-cdn.jg.jugem.jp%2F92c%2F73210%2F20120122_2522844.png)
【動画】 [Dreamweaver]表(テーブル)を作る 【動画の内容】 Adobe Dreamweaver CS6 【習得できること】 Adobe Dreamweaver CS6
誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 最終更新日: 2016/02/05 HTML/CSS, YouTube チュートリアル こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えようPart 1 CSS Layout with Adobe Dreamweaver CS4
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか? 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入:End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
こんにちは!スカイツリーに行って参りました Latin です。 ボチボチ花火大会もやってるようですし、あの高さから見る花火ってメチャメチャ綺麗そうですね~! さて今回は、Dreamweaver の機能拡張について全く別の事を調べていたのですが、少々脱線。 コーディングする際にタグやプロパティのプレビューを表示しアシストしてくれる機能、それが「コードヒント」と呼ばれる機能ですが、CSSを書く際に「" width: "と入力しようとしたつもりが" widows: "と入力された事はありませんか?」との見出しの記事に思わず「あるある!」と飛びついてしまい、実際にカスタマイズしてみました。 手順は予想以上にカンタンでした。 今回はCSSコードヒントのみ編集してみます。 Dreamweaver の設定ファイルの中にある「CodeHints.xml」というXMLファイル、この書き順をかえるだけでCSS
チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してDLしてください。 Downloads - zen-coding 閉じタグコメントを挿入 「コマンド」メニュー⇒「閉じタグコメントを挿入」で閉じタグコメントを自動で挿入してくれます。 ID・classも自動的に拾ってくれるので、構造のチェックにも便利。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました Dreamweaver CS5 Validator 「結果」パネル⇒「バ
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
G.W. の開始とともにギックリ腰をやってしまい、連休中はずっと寝たきりで激痛と格闘していた sakai です。 温泉にでも行ってのんびりするかー、というささやかな夢すら叶わず無念… 今回は Dreamweaver で古いソースコードをクリーンアップする手順をご紹介します。 元のソースコードはこちら。 タグは大文字だし属性値を引用符で囲ってないし非推奨要素が使われているしインデントはグダグダだし、とちょっと極端な例ですが、こんな感じのソースコード、何気によく見るような気もします。 今回は、HTML を XHTML にします。 まずは「ファイル」メニューの「変換」で XHTML に変換しちゃいます。 変換後のコードがこちら。 タグが全部小文字になって、属性値が引用符で囲われました。 続いて、不要なタグや属性を削除してしまいます。 「編集」メニューの「検索および置換」を開いて、「検索」を「特定
こんにちは。きんくまです。 えっと、この前からDreamweaverのコマンドの作り方を調べてました。そしたら、あれですね。 ドリはhtmlとJavaScriptで作るんですね。 htmlでパネルを作って、JavaScriptで操作するという感じです。でも、大掛かりなやつだとファイルを分けた方がいいと思うんですが、小さめなやつだとhtmlに埋め込んでも問題ないようです。 実際、ヒストリパネルから、自作コマンドを保存した場合、htmlの中にJSが埋め込まれてます。 さて、今回のコマンドは画像の幅と高さをリセットするコマンドです。 いや、正確にいうと、もし幅と高さの属性を持っていない場合は、幅と高さを付け足しちゃうコマンドです。 具体的には、 <div id="id_1"> <h1><img src="images/id_1_1.jpg"></h1> <img src="images/c3_3
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く