Webデザイナーを目指す皆さん、Adobe Dreamweaver CC を習得しましょう！

学生向け特別講座：Webデザイナーを目指せ！
Adobe Dreamweaver CC とBootstrapを習得しよう！

Webデザイナーを目指す中学生、高校生向けの特別講座です。
Adobe DreamweaverのライブビューとBootstrapを習得して、レスポンシブWebデザインのWebサイトを作成できるスキルを身につけます。

※Adobe Creative Cloudは、13歳以上の学生（利用条件を満たす場合）であれば特別価格で使用することができます。

特別講座の企画・制作・提供：

内容：

更新日：2016年9月15日（木）

学生向け特別講座：

Webデザイナーを目指す中学生、高校生向けの特別講座です。
Adobe DreamweaverのライブビューとBootstrapを習得して、レスポンシブWebデザインのWebサイトを作成できるスキルを身につけます。

特別講座の企画・制作・提供：

スケジュール：

一般公開：

追加情報：

学生さんが解決できなかった問題を取り上げ、解説していきます。アーカイブを一般公開するまでは、ここで個別に掲載していきたいと思います。

更新日：2016年9月19日（月）／投稿日：2016年9月15日（木）

Adobe Dreamweaver CC 2017（ベータ版）最新情報

現在のDreamweaverの最新バージョンは「2015.2」ですが（2016年9月現在）、来年リリース予定の「Dreamweaver CC 2017」ベータ版がすでに公開されており、誰でも使用できるようになっています。開発チームは、利用者の意見や要望を聞きながら、機能を追加したり、改善を進めています。

CC 2015と2017 ベータ版は同じPCにインストールして使うことができますので、興味のある人はぜひ試してみてください。近々、このバージョンに移行することになるのですから、今から操作に慣れていった方が切り替えもスムーズにいくと思います。

次世代Dreamweaverの最新情報は、こちらで公開していきます。

ベータ版には、CSSプリプロセッサーが搭載され、SassやLessのコンパイル環境が自動的に構築されるようになりましたので、コマンドプロンプトを一切使わずに、利用することができます。Creative Edge School Booksの講座は、ライブビューの習得を目標としたカリキュラムになっていますので、コーディングについては解説していませんが、敷居がかなり下がりましたので、基礎知識と初歩的な使い方は追加コンテンツとして公開していく予定です。

プレビュー：

素材データのダウンロード：

更新日：2016年9月19日（月）

クリエイティブ教育を支援します

一人出版社 Creative Edge School Books（クリエイティブエッジスクールブックス）では、以下のクリエイティブツールを授業で導入したいと考えている先生（※学校法人）に、学習コンテンツを無償提供しています。ぜひご活用ください。

無償提供する学習コンテンツ：

お問い合わせ：

更新日：2016年9月15日（木）

Dreamweaver CC 2015.2 によるレスポンシブWebデザイン［基礎編］

コーディングせずに、本格的なWebページを作成するスキルを身につける。Dreamweaverライブビューの基礎を完全習得！

Bootstrapで作成したページの見栄えを自由に変えたい！
でも、うまくいかない！

まず最初に「Bootstrapを使わず、CSSの基本をマスター」することが重要です！

詳細ページ：

Dreamweaver CC 2015.2のライブビューを使ったWebページ制作を学習するためのコンテンツです。講座ビデオ（11本／1時間11分）＋素材データで学びます。達成目標は、DOMパネルやCSSデザイナーなどの機能を使いこなすスキルを身につけることです。

Part-1

Part-2

Part-3

Part-4

更新日：2016年9月14日（水）

Dreamweaver CC 2015.2 と「Bootstrap」によるレスポンシブWebデザイン［実践編］

Bootstrapのデフォルトのデザインを自分の思いどおりにカスタマイズできない！
Bootstrapを完全に理解していないので、うまくいったり、いかなかったり、いつも試行錯誤してしまう！

Dreamweaverのライブビュー・ワークで「Bootstrapに関する悩み」を解決していきましょう。
この講座では、インブラウザー編集でBootstrapを最大限に活用するための手法を学び、デフォルトのデザインを「意図したデザインに変更できる」ことを達成目標としています。

詳細ページ：

実践編では、Dreamweaverのライブビューで「Bootstrap」を活用する方法を学習します。Bootstrapを初めて学ぶ人、すでに使っているが完全に理解していない人などを対象としています。
達成目標は、Bootstrapのデフォルトのデザインを「意図したデザイン」に変更できるようになることです。

Introduction　Bootstrapの基礎知識［講義］

Part-01　Bootstrapのデザインを変更する手順［講義／デモンストレーション］

Part-02　Bootstrapのデザインを変更してみよう！［実習］

Part-03　Bootstrapでシングルページを作成しよう！［課題］

更新日：2016年9月14日（水）