一定期間更新がないため広告を表示しています

Content-Length: 299206 | pFad | http://b.hatena.ne.jp/junta1999/dreamweaver/
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか? 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入:End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
Dreamweaverとは Adobe Dreamweaver(以下、Dreamweaver)は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー(HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面)、デザインビュー(Webページをブラウザで表示した形に近い状態で編集できる画面)の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー(レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面)では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート(自動補完)してくれる機
Excel、InDesign、Dreamweaverで表データを使い回す方法についてまとめてみました。 Excel→InDesign Excelで選択したセルをInDesignにペーストする際、あらかじめ、InDesignの[クリップボードの処理]環境設定の[他のアプリケーションからテキストおよび表のペースト]で「テキスト」を選択しておく。 「すべての情報(索引マーカー、スウォッチ、スタイルなど)」が選択されていると、画像としてペーストされてしまう。 [ファイル]メニューの[配置]をクリックすると、Excelファイル(.xls、xlsx)を選択することができる。その際、[読み込みオプション]にチェックを付けておくと、シートやセル範囲を選択したり、表スタイルを与えることができる。 Excel→Dreamweaver Excelでコピーしたい範囲を選択し、Dreamweaverのデザインビュー
誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 最終更新日: 2016/02/05 HTML/CSS, YouTube チュートリアル こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えようPart 1 CSS Layout with Adobe Dreamweaver CS4
世界でトップクラスのシェアを誇るCMS(コンテンツ管理システム)である「WordPress」が、最近日本でも注目されてきています。WordPressはオープンソースのCMSで、商用であっても無料で利用することができます。CMSとして無限の可能性を秘めたWordPressを利用することは、Dreamweaverを利用する上でも大きなメリットになり得るでしょう。本記事では、Dreamweaver CS5の新機能を活用してWordPressと連携させる方法について解説します。 作業前の準備 ローカルサーバーの構築 WordPressとの連携作業でライブビューや関連ファイルの参照など、CS5の新機能を活用するには、ローカル環境にWebサーバーを構築してそこにWordPressをインストールする必要があります。 統合パッケージ(無料)を利用すれば、簡単にローカル環境にWebサーバーを構築することがで
FlashもHTML5/jQueryも スマホアプリに変えるCS5.5 アドビに聞く、ツールの使い分けポイント 矢野 りん 2011/6/20 アドビシステムズは、2011年5月20日にAdobe Creative Suite 5.5(以下、CS5.5)を、6月20日にAdobe Flash Builder 4.5.1をリリースしました。これらの製品の新機能のうち、ひときわ注目を集めたのは、ネイティブアプリ、Webアプリを問わない、スマートフォン向けアプリの開発機能ではないでしょうか。CS5.5はスイート製品であり、多くの製品群の中で以前からモバイル開発に近いものといえば、Flashといった印象があります。 ところがなんと今回は、Flash以外の製品もモバイル対応の機能を搭載しているというのです。その機能を整理すべく、アドビシステムズでCS製品を担当する、岩本崇さん、西山正一さん、轟啓介さ
G.W. の開始とともにギックリ腰をやってしまい、連休中はずっと寝たきりで激痛と格闘していた sakai です。 温泉にでも行ってのんびりするかー、というささやかな夢すら叶わず無念… 今回は Dreamweaver で古いソースコードをクリーンアップする手順をご紹介します。 元のソースコードはこちら。 タグは大文字だし属性値を引用符で囲ってないし非推奨要素が使われているしインデントはグダグダだし、とちょっと極端な例ですが、こんな感じのソースコード、何気によく見るような気もします。 今回は、HTML を XHTML にします。 まずは「ファイル」メニューの「変換」で XHTML に変換しちゃいます。 変換後のコードがこちら。 タグが全部小文字になって、属性値が引用符で囲われました。 続いて、不要なタグや属性を削除してしまいます。 「編集」メニューの「検索および置換」を開いて、「検索」を「特定
たった1年で新バージョンの登場となったDreamweaver(関連記事)。5月下旬発売の「Dreamweaver CS5.5」はCS5からのアップグレードでも1万5750円という価格設定に驚かされる。だが、ベータ版を触って価格以上に驚いたのがスマートフォン対応機能の“本気度”だ。 Dreamweaver CS5.5では、オープンソースのJavaScriptフレームワーク「jQuery Mobile」をテンプレート的に利用することで、iPhoneやAndroidに最適化されたスマートフォンサイトをわずか数ステップで作れてしまう。jQuery Mobileは、iPhone/Android/Windows Phone/BlackBerryなどで利用できるクロスプラットフォーム設計のフレームワーク。以下のようなシンプルなスマートフォンサイトなら、PhotoshopもFireworksも使わず、Dr
ニュース 会社のパスワードをためらいもなく売る社員(後)(会社のパスワードをためらいもなく売る社員)[ITPro] ソニー、2015年度は投資の年へ--「B to Cは逃げずにやり抜く」[CNET Japan] 「香りのiTunes」となるか:嗅覚のプラットフォーム「oNotes」始動[WIRED VISION] 「Yahoo!ツールバー」でIEが起動しない不具合[ITmedia] 日本郵政が米IBM、Appleと提携--高齢者向けサービスの実証実験[ZDNet Japan] 更新情報 2012-5-30:Information 角の丸い四角形をつくる 2012-2-12:Information 画像を指定した形に切り抜く 2012-2-8:Information 画像が薄くなるグラデーションをかける 2011-12-16:Information 「クロスサイトスクリプトを防止するために、
jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上! アドビシステムズが昨日発表したDreamweaver CS5.5が、JavaScriptフレームワークの「jQuery Mobile」に対応しました。jQuery Mobileは、HTML5のコーディングのみでWebアプリケーションが開発できる強力なフレームワークで、HTMLの優れたオーサリングツールであるDreamweaverはjQuery Mobileと非常に相性がよいといえます。 これまでモバイルアプリケーションの統合開発ツールとして有力なものはありませんでしたが、jQuery Mobileの対応でDreamweaverがモバイルアプリケーションの統合開発環境として急浮上してきました。 Adobe TVで公開されているビデオ「Mobile Web App Developm
年末進行からそのまま年度末進行に突入して、そろそろ HP がゼロの sakai です。早く 4 月にならないかな。 Dreamweaver を使ってコーディングする場合は、キーボードショートカットを使うベシ! というエントリーを過去にご紹介しています。 Dreamweaverのコードビューでよく使うショートカット Dreamweaverでテーブルを組むときによく使うショートカットキー 今回は一歩踏み込んで、自分で登録したスニペットをショートカットで呼び出す方法をご紹介します。 Dreamweaver のスニペット機能は、よく使うコードを登録しておいてパネルから挿入することができる機能です。 Step1 よく使用するコードをスニペットを登録する ここでは、<span></span> を登録してみます。 スニペットパネルを開き、右下にあるボタンで新規スニペットを登録します。 スニペットの種類を
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。 なんと、キーが iPhone ですよ! 今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。 タグ挿入系 Ctrl+1(~6) = 見出しタグ(h1~h6)の挿入 Ctrl+Shift+P = 段落タグ(p)の挿入 Ctrl+Alt+T = テーブル(table)の挿入 Ctrl+Alt+I = 画像(img)の挿入 Ctrl+B = 強調(strong)の挿入 Ctrl+I = やや強調(em)の挿入 Shift+Enter = 改行(br)の挿入 このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入(全角モードでも半角スペースが入る)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/junta1999/dreamweaver/
Alternative Proxies: