PhotoshopでWebデザイン＆レイアウト実践 ～効率よく画像を作 … · レスポンシブWebデザインのページを効率よく組む手法を紹介します。

Web ページで使うグラフィックを作る時に Adobe Photoshop は、欠かせないツールです。「文字＋写真＋絵や図」などを合成した画像を、すべてを１つのソフトでまかなえる Photoshop はたいへん便利です。

Photoshop はいろんなことができますが、使い方を熟知していなければ、たいへんに効率の悪くなるソフトです。

この講座では、Web ページで使うグラフィックのレイアウトに必要な Photoshop の便利な機能と、効率のいい組み合わせを 実習を通して理解を深めます。

● いまの作り方で正しいのかどうか︖疑問を持っている方 （最新バージョンでは、効率化するの機能が盛り込まれ、ワークフローが変化しました）　● 何度もデータの手直しがあり効率が悪いのに嫌気がさしている方

（重なる修正がやりやすいデータの作り方をすれば、残業が少なくなるかも︖）　● バナーなど、Web 用の画像をどんな風にレイアウトしたらそれっぽく見えるのか知りたい方

（実際に作ってみて、基本的なレイアウト方法を確認してみましょう︕）　・・・方々に、ぜひ受講いただきたい講座です。

開 催 概 要

Photoshop で Web デザイン＆レイアウト実践 ～効率よく画像を作ろう︕～- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2016 年 11 月 18 日（金）　13:00～18:00【 料 金 】13,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

この実践講座では、Adobe Dreamweaver（ドリームウィーバー）を用いて、スピーディに Web ページのレイアウトを組む手法を紹介します。Web のレイアウトをいちから作ると工数が多く時間がとられます。

特に最近は、スマホなどさまざまな画面サイズに合わせた複雑なページ組みが必要なのでなおのことです。時間がかかりすぎる問題をカバーするために、Bootstrap という Twitter 社が開発した CSS フレームワーク（ページを作るひな形のようなもの）がよく用いられています。

この講座では、Dreamweaver の Bootstrap 対応機能を使いつつ、レスポンシブ Web デザインのページを効率よく組む手法を紹介します。また、Photoshop データを直接読み込んで操作したり、スマホでの仕上がりを直接確認する・・・など知っておくと便利な機能も紹介。 ● CSS でページのレイアウトを作ってみたいけどむずかしいと感じてる方

（Bootstrap を使えば、シンプルだけど簡単にページレイアウトが組めますよ） ● とにかくスマホ対応のページを作りたい︕という方

（Bootstrap はもともとレスポンシブなので、スマホ対応。そこのとこは楽ですね） ● Bootstrap にチャレンジしたけれどコードが難解で断念した方

（Dreamweaver ならほとんどコードを見ないでサクサク作れます。便利ですよ）・・・方々に、ぜひ受講いただきたい講座です。

開 催 概 要

Dreamweaver ページレイアウト実践 ～Photoshop カンプから Bootstrap で組む～- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2016 年 11 月 25 日（金）　13:00～18:00【 料 金 】13,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

※テキスト例

本講座では、本格的な CSS ページレイアウトの基礎を学習します。

単に CSS レイアウトの手法を覚えるだけではなく、

● ページを作る作業の全体の流れ● 落とし穴に気をつける注意ポイント● CSS コードをわかりやすく効率的に管理するコツ● ブラウザの進化に伴った、「イマドキ」の CSS レイアウト手法

なども、あわせて学びましょう。

開 催 概 要

CSS を使いこなす、Web ページレイアウト実践- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2016 年 12 月 2 日（金）　13:00～17:00【 料 金 】11,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

・CSS ページレイアウトの基本をしっかり学びたい方・ソースコードの管理に困っている方・イマドキのコーディング手法を再確認したい方・HTML と CSS の基礎は理解したけれど、いざ最初からページを組むとなった時にどこから手をつけるか悩んでしまう方・・・などに、おすすめです︕

図で表現されたさまざまなグラフィックを作るのに Adobe Illustrator は、最適なツールです。

Web、印刷物、広告、ちらし、フライヤー、社内広報誌、報告書、レポート、プレゼンテーションの資料・・・など、ビジネス用途での情報発信の場には『図表現』と『レイアウト』のテクニックは不可欠です。

Illustrator では、『やり直しが手軽にできる』ソフトです。印刷物用に作ったデータを Web サイトでも流用する・・・など、効率のいいデータ管理ができます。

この講座では、Illustrator のさまざまな機能を組み合わせて、目的に合わせた『図表現』と『レイアウト』の手法を学びます。実習を通して、Illustrator の便利な機能への理解を深めます。

● いまひとつ、Illustrator が便利だと思えず、苦手な方（わかりにくいソフトですが、知ればいろいろ使いたくなるソフトです。）

● 何度もデータの手直しがあり効率が悪いのに嫌気がさしている方（重なる修正がやりやすいデータの作り方をすれば、残業が少なくなるかも︖）

● 仕事で、グラフ・地図・図表・解説図・フローチャート・商品紹介図などを作る時に、もっと目をひいてわかりやすくしたい方（実際に作ってみて、基本的な図表現やレイアウト方法を確認してみましょう︕）・・・そんな方々に、ぜひ受講いただきたい講座です。

開 催 概 要

Illustrator でレイアウト実践 ～わかりやすい図表現＆目をひくレイアウト～- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2016 年 12 月 6 日（火）　13:00～18:00【 料 金 】13,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

※テキスト例

これまで「入門」「実践」と Photoshop や Illustrator の講座を開講してきましたが、『自分のデータを作ってみたい』『学んだ操作をすぐに使ってみたい（そしてその時、先生にそばについていて欲しい）』という声にお答えして、いよいよ開講することとしました。

『自分のための “セールスツール” を授業中に作ってしまおう︕』という講座です。“セールスツール” もいろいろありますが、よく使われる「三つ折りパンフレット」と「ペライチ Web ページ」を作ります。

いつもの授業と違うのは、『自分のことを紹介する販促物を作ること』です。「商品・サービス・人・イベント」など『売り込みたいモノ』なら、何でも OK です。販促物を作る時に、『どんな風に・どんな順番でみせれば効果的なのか︖』についてもお話します。

講師からのアドバイスも挟みますので、二週連続講座になる、初の試みです。学んで、アドバイスを受けて、そのまま使えるデータを持ち帰って欲しいと思い企画しました。

Photoshop と Illustrator をより実践的に学びたいと考えている方、販促物のデザインを自分でも作れるようになりたい方、におすすめの講座です。一緒にチャレンジしましょう︕　★なお、授業前のお願いとして「掲載に必要な文面・写真」を準備する時間が必要です。１ヶ月前から順次、講師からメールで事前準備のお願いを送ります。はやめにお申し込みいただけると、はやめに準備が進められて、よい販促物が作れます。ぜひ、ご検討ください。

開 催 概 要

Photoshop＆Illustrator が上手になるレッスン 自分で作ろう “セールスツール”- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2016 年 12 月 9 日（金）・16 日（金）　13:00～17:00【 料 金 】20,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

※テキスト例

Web デザイナーじゃないけど、デザインをしなきゃいけない…ということ、ありませんか︖

Web デザイナーになりたいけど、ソフトの使い方をマスターするだけでいいの︖…と思ってませんか︖

デザインって、むずかしいことを覚えなくても、聞けば「なんだぁ︕」と思う基本的なルールと、見る人へのちょっとした気遣いで、すごくよくすることができます。聞いておけば、Web サイトをデザインをする時の助けになってくれるはず。これからの方も、うまくいかなくて悩んでいる方もぜひどうぞ。

・自社サイトを見栄え良くしたい Web 担当の方、・Web デザイナーを目指している方・Web デザインの基礎を勉強したい方・・・などにもおすすめです︕

開 催 概 要

Web デザイン ʻ模範解答ʼ の心得 ～ 2017 年初︕【 聴講セミナー 】- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2017 年 1 月 13 日（金）14:00～17:00【 料 金 】3,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

（先着２名）

※テキスト例

Web アプリを作成する時によく用いられる、PHP 言語を学びます。

これから PHP プログラムの勉強をスタートする方に向けて、まず始めるために、必要なイロハをまとめました。

本を買ってもなかなか進まないプログラムの勉強をぜひこの機会に始めてみてください︕

※WordPress テーマの作成をスムーズにしたい方にも、PHP 言語の習得をおすすめします。

なにが書いてあるか謎だった WordPress テンプレートを知る手がかりになるはずです。

開 催 概 要

PHP でプログラミングをはじめよう ～ スタートアップ入門 ～- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2017 年 1 月 20 日（金）13:00～18:00【 料 金 】13,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

開 催 概 要

WordPress スタートアップ入門- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

【 日 時 】2017 年 1 月 27 日（金）13:00～18:00【 料 金 】13,000 円 ／名（税込）

【 講 師 】森 和恵氏（r360studio）【 詳細・申込 】 イメディオ HP「セミナー・イベント」から ▶ http://www.imedio.or.jp/seminar/

Web サイト運営を手軽に始められる WordPress のインストール＆導入から、管理画面の基本操作や、無料で手に入るデザインテーマの適用方法など、WordPress をいちから学べる、スタートのための半日講座です。

WordPress は、誰でも無料で使うことが出来るオープンソースソフトです。Web サーバーにインストールし、ブラウザがあれば Web サイトの更新をどこからでも手軽にできる CMS（コンテンツ管理システム）のひとつです。

世界中で広く使われている WordPress は　　◆ 無償　　◆ 豊富なデザインテンプレート・ひな型　　◆ プラグイン（機能拡張）　　◆ 意識されたユーザビリティ　などが特徴で、Web サイトの管理でもっともよく使われている CMS です。

本講座では、その WordPress の導入するために、インストールから管理ソフトの使い方など、知っておきたい基本操作を一から学びます。