10/4(Fri)
下北沢でうさぎと暮らすWebデザイナー。 渋谷で社会人向けのWebデザインスクールやPHP入門講座、WordPress講座を開講中。 PhotoshopとIllustratorを使ったWebデザイン入門書『プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド』（技術評論社）や、『神速Photoshop [Webデザイン編]』（KADOKAWA/アスキー・メディアワークス）が発売中。
この授業では、実際にAdobe Photoshopを起動してWebサイトを制作する際のPhotoshopの使い方が学べます。3回連続で、基礎から基本操作や環境設定を学び、最終的にはバナー制作まで出来るようになっていることがゴールです。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！
■バナー制作習得はWebデザイナーへの第一歩！ デザイナー候補としてWeb制作会社に就職しても、いきなりサイトのデザインを任される事はありません！バナー制作が一人前になって初めてTOP画像や、ページのカンプ制作をまかされるようになります。しかしながら、小さな世界に飛び先の内容を凝縮する仕事ですから、実は大きなトップ画像をつくったり、ランディングページのグラフィックを作るよりむしろテクニックのいる仕事なのです。この授業では、小さな世界「バナー」で飛び先のページ全てを表現するテクニックを学びます。 ■バナーの種類 サイトの中でクリックをうながすために設置される場合と、別のサイトに貼ってもらって、本家サイトに誘致するための物があります。それぞれの場合の情報の選びかたを学びます。 ■バナー広告とは 別のサイトに張って、サイトに誘導する物です。色々な種類のバナー広告の仕組みやWeb広告のASP(アフィリエイトサービスプロバイダ)について学びます。バナー広告は広告の宿命で、嫌われ者になりやすいのです。ウザがられず、目に飛び込み、そして押してもらうためのテクニックを学びます。 ■バナーのサイズは決まっている！ バナー広告の出稿先によって、サイズが決まっています。一つのとび先に向うバナーは通常いくつかのサイズを制作します。それぞれのサイズのバナーの重さが決まっていますので、その重さの中でいかに画像を劣化させないで制作するかがポイントになってきます。 ■受講にあたって準備するもの adobe Photoshop （ヴァージョンは問いません） ・お持ちでない方は、下記のサイトに従って、30日間無料お試し版をダウンロードしてください。 https://creative.adobe.com/ja/products/download/photoshop ・WindowsでもMacでもインストールできますが、メモリ（Ram）は2GM以上入っている事が望ましいです。 ・初めてに触れる人は、以下のトレーニングサイトでチュートリアルやビデオを全て見てPhotoshopの基本操作を知っておいてください。動画の通りにできるようになる必要はありません。Photoshopではどんな事ができるか知っておきましょう。 https://helpx.adobe.com/jp/photoshop.html ■バナー甲子園：関連授業一覧 ・PhotoshopでWebデザインするときの悩みに答えます ・バナーからはじめるクライアントワーク vol1 ・バナーからはじめるクライアントワーク vol2 ・クリックされるバナーをデザインする実践テクニック vol1 ・クリックされるバナーをデザインする実践テクニック vol2 ※バナー甲子園の案件はこちら http://crowdworks.jp/public/jobs/147765
WordPressを始めたい方の第一歩 Webサイトのページ数が多くて、HTMLの管理が大変だったり、クライアント（お客様）が情報を更新したいとおっしゃっていたり、あるいはオリジナルデザインのブログを作りたいと考えているのであれば、WordPressに挑戦してみることをおすすめします。 1回目はWordPressのインストールと使い方 この授業は、全2回となっています。既に、HTMLとCSSがわかる方向けの内容です。 1回目の授業では、まずはご自分のPCにWordPressをインストールする方法について解説します。 なぜレンタルサーバーなどではなく、ご自分のPCにインストールするかというと、WordPressテーマなどを制作する際、ご自分のPC上で編集したほうが素早く編集できるうえ、制作途中のWordPressサイトを他の方に見られることもありません。 【お知らせ】 2回目の授業は、システム障害により録画授業を受講いただけない状態となっております。ご迷惑をお掛けいたしますが、ご理解とご了承のほどよろしくお願いいたします。 また、WordPressの基礎を学びたい方は、下記コース授業の受講をおすすめしております。 ▼基礎からのWordPress（全3回） https://schoo.jp/course/228
このコースはHTML・CSSをある程度理解している方を対象に「BEM」という設計を考慮したコーディングスキルを学びます。 「BEM」とはBlocks-Elements-Modifiersの略で、CSSを設計･命名していく方法です。 こんなことはありませんか？ ・CSSを一箇所修正したつもりが、意図しない部分にまで影響してしまった。 ・開発者間で付け方が違うため、毎回苦労している。 ・無駄な記述をしてしまい、CSSがどんどん膨れ上がってくる。 これを解決するのが「BEM」という方法です。 【このコースで学べる事】 ●CSSの命名規則とは ●Emmetの使い方 ●cllass名の付け方 ●BEMを使用したサイトの制作 【コース構成】 第1回 CSSの命名規則・Emmet 第2回 BEMの実習・class名の付け方 第3回 BEMを使用したサイトの制作 【受講対象者】 ●HTML・CSSの構文が理解できている方 ●classとは何か理解できている方 ●共同でWeb制作を行っている方
