重要なお知らせ

進学して学びたい方へ

マルチメディアスクール・ウェーブ
電話問合せ
あらゆるデザインを実現する究極のツールキット、ADOBE CREATIVE SUITE 5/5.5 の使い方や特長をご紹介します。

Dreamweaverの新機能紹介 Flashの新機能紹介 InDesignの新機能紹介

Dream Weaver CS5.5の便利な機能

CSS3のサポート

CSS3が最新のブラウザーでサポートされるようになり、画像ファイルを使用しなくともCSSプロパティで簡単に角丸やグラデーション、不透明度、シャドウなどの視覚的な効果を設定できるようになりました。

プロジェクト内でのアセットの共有

この機能により、わざわざ画像編集ソフトとDreamweaverとの間を行き来することなくソースだけで効果を付けられるようになり、より効率的に作業が進められるようになりました。

モバイルサイトが簡単に作成できる!

オープンソースのJavaScriptフレームワーク「jQuery Mobile」をテンプレート的に利用することで、iPhoneやAndroidに最適化されたスマートフォンサイトを簡単に作成することができるようになりました。
手順はとても簡単。
「ファイル」→「新規」→「サンプルから作成」から、「モバイルスターター」を選ぶだけ。

まずは分割プレビューで確認。
1ページ、2ページ、3ページ…と、複数ページが1つのHTMLファイルで構成されています。

プロジェクト内でのアセットの共有

そのため、ページを増やすときもHTML内にソースを書き込むだけ。新規のHTMLファイルをわざわざ作らなくとも、簡単にページを追加することができます。

Phone Gapでアプリに変換

Phone Gapとはクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。
従来、スマートフォン向けアプリケーションの開発は、各OSごとに特定の言語を使用して行われていました。そのため、複数のスマートフォンに対応するアプリケーションを開発する場合、デベロッパは複数の言語を用いてそれぞれの開発環境を用意し、コーディングを行う必要がありました。
ところがPhoneGapを用いることで,HTML5+CSS+JavaScriptのみでさまざまなプラットフォームに対応するネイティブアプリケーションの実装が可能になりました。つまりHTML、CSS、JavaScriptでアプリケーションを実装し、PhoneGap:Buildにアップロードするだけでスマートフォンのアプリにパッケージ化されるというわけです。

操作はとても簡単。
たとえばモバイルサイトをアプリにしたいとき、PCにAndroid SDKがインストールされていない場合、「簡易インストール」をクリックします。あとはダイアログボックスで作成するアプリの名前や作成者名、ホームスクリーンアイコンの画像を設定し、「ビルドおよびエミュレート」で作成したい端末を選ぶだけ。

プロジェクト内でのアセットの共有

ビルドが終わるとエミュレーターが自動的に起動し、完成したアプリの動作をすぐに確認できます。
Objective-CやJavaの知識がなくとも、簡単にアプリが作成できます。
さらにJavaScriptを使えばもっと本格的なアプリが作成できるでしょう。

PhoneGapがサポートしているスマートフォンデバイスと,操作可能な機能は次のとおりです。

【 対応しているスマートフォンデバイス 】
■ iPhone/iPhone 3G,iPhone 3GS以上
■ Android
■ BlackBerry OS4.6-4.7,OS5.x,6.0以上
■ HP WebOS
■ Windows Phone 7
■ Symbian
■ Bada
【 PhoneGapから操作可能な機能 】
■ モーションセンサ
■ カメラ
■ マイク
■ コンパス
■ 回線情報
■ 電話帳
■ デバイス
■ ボタン押下,タッチなどのネイティブイベント
■ ファイルシステム
■ GPS
■ メディア
■ 通知
■ ストレージ

動画講座ではこんなことが学べます!

ここで、動画講座で提供しているPhotoshop CS5の学習内容についてご紹介します。

>>動画講座についてのご案内

【 Dreamweaver CS5.5 HTML CSSサイト作成編 】

1. サイトの定義
新規サイトの定義
2. HTML5ページの作成
スターターレイアウトを利用したHTML5ページの作成
HTML5ページの新規作成
3. HTML5ビデオの挿入
videoタグの設定
videoの挿入
4. CSS3プロパティの設定
透過の設定
角丸とブラウザーごとの設定
5. マルチスクリーン対応
メディアクエリーとマルチスクリーンプレビュー

【 Dreamweaver CS5.5 新機能解説編 】

1. サイトの設定
2. CSSレイアウト
3. jQuery mobile

Dreamweaverの新機能紹介 Flashの新機能紹介 InDesignの新機能紹介

ページトップへ