SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

特集記事(AD)

アイデアをどこでも形に!Dreamweaver+Proto連携
~Adobe Creative Cloudの上手な活用法

  • X ポスト
  • このエントリーをはてなブックマークに追加

Adobe ProtoファイルをDreamweaverで開く

 次の条件が揃えば、Adobe ProtoファイルをDreamweaverで開くことが可能です。

  • Dreamweaver CS6/CS5.5/CS5
  • Adobe Proto Extension for Dreamweaver拡張機能
  • Adobe Creative Cloudのアカウント
Dreamweaver CS6 試用版ダウンロードはこちら!
Dreamweaver CS6 試用版ダウンロードはこちら!

Adobe Proto Extension for Dreamweaverをインストールする

 Adobe Labsにアクセスし、Adobe Proto Extension for Dreamweaverをダウンロードします。

 対応バージョンは、Dreamweaver CS6/CS5.5/CS5です。

Adobe Proto Extension for Dreamweaverアイコン

 ダウンロードした拡張機能をダブルクリックすると、Adobe Extension Managerが起動します。インストールを行い、Dreamweaverを再起動します。

Adobe ProtoプロジェクトをDreamweaverで開く

 Adobe Creative Cloudのサイトにアクセスし、ログイン情報を入力します。

 ログインすると作成したプロジェクトのサムネイルが表示されるので、作成したAdobe Protoプロジェクトをクリックします。

 (ダウンロード)ボタンをクリックします。

 さらに、[ダウンロード]ボタンをクリックします。

 ダウンロードフォルダに保存された「Project 1.pro」をDreamweaver CS6のアプリケーションアイコンにドラッグ&ドロップします。

 Dreamweaverでは自動的に新しいサイトが作成され、「index.html」がライブビューで開きます。

次のページ
注意点

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
特集記事連載記事一覧

もっと読む

この記事の著者

鷹野 雅弘(タカノ マサヒロ)

 株式会社スイッチ Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。 2005年からCSS Niteを主宰。日本全国、および海外に展開し、260回を超える関連イベントを通し、のべ36,000名を超える方が参加している。 テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『よくわかるDreamweaverの教科書』(共著、マイナビ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6721 2013/01/15 17:33

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング