公開日：2012年9月20日 カテゴリ：Web制作に役立つネタ うちのブログを デスクトップPC・タブレット・スマートフォン のブラウザサイズごと最適化して表示させるレスポンシブウェブデザイン（以下RWD)にリニューアルしました。「どうやって作ったのか教えてほしい」など、数人からリプライをもらいまして、使用したDreamWeaverCS6の可変グリッドレイアウトについて、気をつけた点などを備忘録ついでに書いてみましたよ。 流行りに乗り構築したので不安もありましたが、PV数+広告収入は上昇しており個人的には「導入してよかったぁ」っと満足してます。 DreamWeaverの可変グリッド 今回、DWの可変グリッドレイアウトを利用してRWDサイトを構築しようと思うわけですが、作る前の読み物として Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice ヒロさんが解説
誰でも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のコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
Dreamweaver CS6 と HTML5 で始めようスマートフォン＆タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
Adobe Systemsが今春リリースしたAdobe Creative Suite 5(以下、CS5)は、同社が提供する最新のデザインツールを集めた統合パッケージである。同パッケージには、写真やイラストなどの基礎コンテンツの作成から、映像編集やDTP、Webサイトデザインに至るまで、デザイン分野におけるあらゆるニーズを満たすツールがラインナップされている。その中で、視覚的なデザインやCMSとの連携機能などによって標準規格に準拠したWebサイト構築をサポートするのがAdobe Dreamweaver CS5である。今回は同製品の開発およびプロダクトマーケティングを担当している同社Webセグメント グループプロダクトマネージャーのDevin Fernandez氏と、Adobe Systems Engineering プロダクトマネージャのChristian Halbach氏にお話を伺った。
伊藤賢一さん、SCARECROWの話題以外にも 何か誰かの役に立ちそうなこと書きなさいよと自分に言いたい今日この頃。 DA TRIBUTE LIVE 2010 浅倉大介TRIBUTE LIVE、開催！！ 2010.2.11（木・祝） 六本木 CLUB EDGE ※ファンによるトリビュートライブです。
当日はCMSを利用していない利用者向けであった為、概要説明が多くを占めたのですが、後半にSOY CMSとDreamweaverとの連携デモ（テンプレートファイルをDreamweaver等のエディタで制作・編集する）を行いました。 これを簡単にブログ上でご紹介します。 SOY CMSとDreamweaverとの連携とは SOY CMSには"テンプレート同期プラグイン"というものがあり、これを利用してDreamweaverと連携してテンプレートを編集します。 "テンプレート同期プラグイン"は標準でSOY CMSに含まれているため、新たにダウンロードを行う必要はありません。 (※右のスライドは古荘さん作成) 1. SOY CMS上でテンプレート同期プラグインの準備をする ※本記事ではすでにSOY CMSでサイト構築済みの状態を想定して記事を進行します。 SOY CMSのプラグインのタブを
先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 １）XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML（C-HTML）、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
