The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
谷口さんの解説でお届けする、Dreamweaver を使った PHP 入門と、PHP を使った WordPress のカスタマイズ方法。初めての方にも分かり易い内容なので、この機会に学んでみませんか？Dreamweaver で誰でも PHP が構築できる？ PHP と WordPress どっちから始める？ 番組前半は、プログラムって何？という人のためのプログラム脳の作り方と Dreamweaver のコードを書かずに PHP サイトを作る機能を分かりやすく紹介します。後半は、WordPress をプラットフォームとして捉え PHP でカスタマイズする手順を詳しくご紹介します。WordPress の使いこなし方に興味のある方は必見です。
正月からWordPressでサイトを作っているのですが、そこでお世話になったテーマのCSSがプロパティごとで折り返していませんでした。見にくいなと思いつついじっていくうちに、折り返さない方がいいのではないかと思うようになってきました。 プロパティごとで折り返さないというのはこんな感じです。 p { margin: 0; padding: 10px 0 0; color: #222; font-size: 15px; line-height: 130%; } プロパティごとで折り返して書く場合はこんな感じです。 p { margin: 0; padding: 10px 0 0; color: #222; font-size: 15px; line-height: 130%; } この2つを比べると当然折り返す方が見やすいです。 では、なぜ折り返さない方がいいと感じるようになったかというと、パ
※この記事は2013年7月10日に執筆された記事です。現在は仕様が異なる可能性があります。 大変です！ あなたは、公開間近でクライアントから少々面倒な修正依頼を頂きました。 対応したいのですが、大型案件の為、納品するページ数は膨大にあり、該当する箇所がどれほどあるのか想像がつきません。 さて、この場合どのような対応がベストでしょうか？ 今回は、ベストな対応をしたい方の為に便利な正規表現の使い所をご紹介します。 公開間近でクライアントからこんな修正依頼が、、、 クライアントから下記の修正依頼を頂きました。 該当するページ数は未だ不明ですが、調査対象は明日公開予定の膨大な数のHTMLファイルです。 1. ¥を円の表記に統一（¥9,000→9,000円） 2. 「しております」「してます」を「しています」に統一 3. 外部リンクのaタグは別窓指定 4. 素材と販売元の行を入れ替える 5. 最後の
本連載では、初心者向けにWordPressのテーマのカスタマイズ方法を解説します。 WordPressには毎年新しいデフォルトテーマが追加されます。最新バージョン（2013年1月18日時点）の3.5には、デフォルトテーマとして「Twenty Twelve」が追加されました。本連載では、このTwenty Twelveをもとにカスタマイズしていきます。第1回はTwenty Twelveの特徴とそのファイル構成について解説します。 新しく追加されたTwenty Twelveは、ブログ用としても利用できますが、Webサイト用としての利用も想定されたテーマです。また、レスポンシブWebデザインを採用し、モバイルファーストの考えのもと開発されています。このため、コーポレートサイトのベースとして利用するのに適しています。 WordPressのテーマはPHPやCSSなど様々なファイルで構成されています。T
Sublime Text 2を使っていないWEBデザイナーはいないのではないか？と、もっぱらささやかれる昨今ですが、Dreamweaver大好きっ子の皆様の中には乗り換え時を逃して焦っている方もおられるのではないでしょうか。 Sublime Text 2、Sublime Text 2って言うけど、あたし黒い画面苦手なのよね。だいたい1はいつ出てたのよっ！そんな声が聞こえてきましたので、Dreamweaver風のColor Schemeは無いものかと調べたところ、早速見つかりましたのでご紹介します。名づけてSublimeweaver（謎） Sublime TextではTextMate用のテーマが使える Sublime Forumでのやり取りによると、Textmateのcolor themeをダウンロードして使うといいよということで、下記のリンクからTextMate Dreamweaver T
一定期間更新がないため広告を表示しています
公開日：2012年9月20日 カテゴリ：Web制作に役立つネタ うちのブログを デスクトップPC・タブレット・スマートフォン のブラウザサイズごと最適化して表示させるレスポンシブウェブデザイン（以下RWD)にリニューアルしました。「どうやって作ったのか教えてほしい」など、数人からリプライをもらいまして、使用したDreamWeaverCS6の可変グリッドレイアウトについて、気をつけた点などを備忘録ついでに書いてみましたよ。 流行りに乗り構築したので不安もありましたが、PV数+広告収入は上昇しており個人的には「導入してよかったぁ」っと満足してます。 DreamWeaverの可変グリッド 今回、DWの可変グリッドレイアウトを利用してRWDサイトを構築しようと思うわけですが、作る前の読み物として Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice ヒロさんが解説
Dreamweaver CS6 では、 デスクトップやスマートフォン、タブレットなど様々な画面サイズに適したコンテンツレイアウトを実現するための「可変グリッドレイアウト」機能は、「レス ポンシブWebデザイン」といわれる、CSS3の Media Queries を使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するための機能です。 前編では、この「可変グリッドレイアウト」機能を利用して、実際に3つのデバイスでレイアウトが可変する大枠のHTMLまでを準備しました。 後編では、以下の様な作例のデザインを元にして、実際の細かい部分のコーディングにあたってのTipsや注意点を紹介いたします。 ※このサンプルサイトは本記事用に作成した架空のサイトであり、公式のページではありません。 モバイル→タブレット→デスクトップというCSSの継承順序と Media Queries まず、前編
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
Although I got my first dialup Internet account in 1995, I didn’t get into writing HTML for another three years. At that time, a budding webmaster would have their pick of authoring tools. For me, it was between Claris Home Page and Adobe’s newly-acquired GoLive (formerly Cyberstudio. Ahh, the 1990s.). In those days, many people looked at the World Wide Web as a medium similar to the interactive C
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く