未経験者向けHTMLとCSSの授業です。基礎的なHTMLタグ、レイアウトを調整するためのCSSを使用して、受講生の皆さんと一緒に作業をしながらWebページを組み立てる実習授業です。架空のカフェ「KUJIRA cafe」のサイト2ページ分を作成します。 ページの作成に使用する写真などは用意しているので、あとはHTMLとCSSを書いてみるだけ。書いて作って、結果を確認したら、「なるほどこういうものなのか」と、おおよそのことは理解できるようになるでしょう。 「はじめてみたいけどなにから手を付けたらよいかわからない」という方は、是非参加してみてください。 この授業の実習内容 HTML ・すべてのページで使われるHTMLを記述する ・見出し、段落、リストを記述する ・リンクを張る ・画像を挿入する CSS ・背景色、文字色を指定する ・背景に画像を指定する ・レイアウトを調整する など ※実習ではこ

コンピュータの言語である「コード」を記述するためには「エディタ」が必要です。 WebデザイナーもHTML＆CSSをはじめとした言語を書いていきます。 Webデザイナーにとって、コーディングそのものが「仕事」ですが、「学び」でもあります。 新しい技術・表現の模索はコーディングから始まることも多いのです。 そして、コードを書く「道具」がエディタということになります。 よい道具の条件は使いやすい機能あることと、育てられること。 お気に入りのエディタは、自分の相棒のようなものです。 この授業では、HTML＆CSSのコーディングを通して、 OS標準のエディタから、Adobe Dreamweaver、Sublime Text2の使い方を学びます。 また、実践的なカスタマイズ方法をご紹介する予定です。 目標は「会話をするようにコーディング」すること！ いっしょに頑張っていきましょう！

デザインやレイアウトのツールとしても幅広く利用されているIllustratorですが、読んで字のごとくイラストを作成するツールでもあります。 しかし鬼門はペンツールですよね、難しいですよね。アレをマスターしなくても、ちょちょっと描いて図形を組み合わせれば、ちょっとしたカットやキャラクターイラストなんかは作れてしまうのです。 イラストレーターを目指す人はペンツールで自由な曲線を描ける様になりたいですけれど、それなりに練習が必要です。その準備として、図形を使ってベジェ曲線の特徴を掴めますし、ペンツールをマスターする近道になります。 デザイナーでも、（主に予算的な理由で）ちょっとしたイラストやカットを描く機会はあると思います。この授業では、図形を使ってオブジェクトをつくっていくコツなどが解ると思います。 初心者の方は、Illustratorという若干とっつきにくいアプリケーションに親しむ一歩にな

WEBデザインでPhotoshopを使っている皆さん、こんなことはありませんか？ •印刷物も合わせて提案した案件ができた（全部一人でやるかも…） •クライアントから印刷物作成も頼まれた（安すぎて他に頼めないかも…） などなど…ありがちだと思います。 WEBデザインからPhotoshopを使い始めた方でも、これから印刷に関わる仕事が出てくることもあるかもしれません。 初めてやるけど大丈夫かな…印刷用の画像を作るのは難しいのでは…と思った方にこそお伝えしたいことがあります。 実は、印刷用の画像データの「キモ」を押さえておけば、今までやってきたRGB補正の経験は全てそのまま使えるのです!! 今回はその「キモ」についてじっくり説明します。 Photoshopでの操作は必要最小限に留めます。最新バージョンも必要ありません。 TAC値（総インキ量）、グレーバランス、プロファイル、印刷用シャープネス、網

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

WEBが圧倒的なインフラとなりつつある昨今ですが、素人には理解が難しい・取っつき難い領域の一つに、「サーバ」が挙げられます。 エンジニア以外の人には馴染みのない分野ではありますが、あなたが今利用しているこのschooWEB-campusをはじめ、WEBサービスの全てに「サーバ」が利用されています。 「twitterが落ちている」、「このサイトが繋がりにくい」、「503エラー、と表示されていて、サイトを利用できない」など、サーバに関する問題は、本当に身近に溢れていますが、サーバとはどんなものなのでしょうか？ また、どうしてサーバは“落ちて”しまうのでしょうか？ WEBがもっと普及していくこれからの社会で暮らすためにエンジニア以外の人達にも「サーバの基礎知識」をわかりやすく伝えたい。 可愛いイラストを交えたサーバの入門書を執筆された、女子大生サーバエンジニアのaicoさんを先生にお迎えし、参加

同授業「WEBライティング実習」は、ユーザー参加型にて実施致します。事前に題目に沿った課題を提出することで、当日先生による公開添削を受けることが可能です。詳細は下記【事前課題提出要項】をご覧ください。 ※エントリー多数の場合は、全てを取り上げることが難しくなってしまうことをご了承ください。 ※事前課題を提出しなくとも、もちろん授業に参加可能です。 授業概要 WEBで文字を使ったコミュニケーションが活発に行われる昨今。メール・ブログ・WEB記事など、オンラインで文字を書き、誰かに情報を届ける技術は、ビジネスパーソン必須の技術となりました。その機会はソーシャルメディアの普及により、仕事の場に限らず、プライベートにもどんどん広がっていると言えるでしょう。 ですが、オンラインで掲載する文章の中で、読まれている文章と、そうでないものに二分されているのは紛れもない事実。そして、紙の文章とは違い、オンラ

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります（実習は2週目、3週目のみ）。 Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。 授業は全3回で構成します。 1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。 PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう！

「デザイン」の視点でビジネス文書を眺めてみませんか？ Adobe Illustratorを使用して、実際の授業中に皆さんと一緒に「プレスリリース」「プレゼンテーション資料」を制作していきます。 Adobe Illustratorの基本的な操作方法やレイアウトなどのセオリーもご紹介いたしますが、いわゆるデザイン理論は控えめに、デザインのコツを散りばめていきたいと思います。 目標は、一般的に使用されるMicrosoft Officeでも通じる…アプリケーションに左右されない「デザインのエッセンス」をお伝えできたらと思います。 自分が伝えたいことをデザインすることの大切さを学び、「相手が知りたいことが伝わる資料」を目指して制作していきましょう！ デザインについて、いつもより深く考えるきっかけになれば幸いです。 ▼授業で使うダウンロード素材はこちら https://bit.ly/15aboMt ■

この授業は、配色の基本原則と色を楽しみながら学ぶ方法を知り、さらにWEB（RGB）と紙（CMYK）で意外と知られていない、書籍にもあまり書かれていない、色に関する掟とコツを知ってもらう授業です。 配色には絶対的な正解はありません。それゆえに配色は難しいと思ってしまう人も少なからずいるのでしょう。日常のあらゆる物に目を向けたり、色とはいったい何なのかを知るだけで、配色はうんと楽しくなります。 あなたはミニコミを作るのですか？　フライヤーですか？　WEBサイトですか？　それとも全部作る人ですか？　配色の基本原則はメディアが変わっても変化するものではありませんが、いざ使える色となるとメディアによって様々です。RGBとCMYKは知っていても、それらの色がどういうものなのかを知らないまま配色すると、思った通りの結果にならないこともあります。 この授業ではまず、色とは何だろうかを手始めに、配色の基本原

Webサイトのページ数が多くて、HTMLの管理が大変だったり、クライアント（お客様）が情報を更新したいとおっしゃっていたり、あるいはオリジナルデザインのブログを作りたいと考えているのであれば、WordPressに挑戦してみることをおすすめします。 1回目はWordPressのインストールと使い方 この授業は、全2回となっています。既に、HTMLとCSSがわかる方向けの内容です。 1回目の授業では、まずはご自分のPCにWordPressをインストールする方法について解説します。 なぜレンタルサーバーなどではなく、ご自分のPCにインストールするかというと、WordPressテーマなどを制作する際、ご自分のPC上で編集したほうが素早く編集できるうえ、制作途中のWordPressサイトを他の方に見られることもありません。 2回目はWordPressテーマ制作 2回目の授業では、ごく一般的なHTML

「WordPress」って最近よく聞くけど、どんなものなのかよくわからない。 ホームページをこれから作りたい、もしくはいまあるホームページをリニューアルしたい。 サイトの運用は自分でできるようにして、いつでも更新できるようにしたい。 できれば、スマートフォン対応もしたいけど、できるだけ費用はおさえて、サイトを作りたい。 そんな方にぜひ講義に参加いただければと思います。 「WordPress」はWeb全体の18％をカバーするにまで普及しているCMSです。 そもそもCMS(コンテンツマネジメントシステム)とは、どういうものなのか？ 「WordPress」について、初心者を対象になるべくわかりやすく解説します。

※この授業の受講には「Adobe Illustrator CS6」もしくは「Illustrator CC」が必要です。 インストールされたPCをご用意いただくか、下記URLから無料体験版をインストールしてください。 https://creative.adobe.com/products/illustrator 趣味の活動をしているとき、Webサイトやブログはもちろん、Tシャツや活動を記録した冊子など作りたいけど困ることはありませんか？ 個人用の名刺なんかもあるとイベントに行ったときなど話もはずむし、なにより楽しいですよね。 名刺というのはあんな小さいサイズながら、デザインのノウハウが詰まった小宇宙です。 「デザイン」とは、とても広いものですが、ざっくり分類すると「使うためのデザイン」「伝えるためのデザイン」「装飾のためだけのデザイン」などがあります。 まずは入口としてソフトの使い方から入り

自分の仕事やお店の玄関口となるサイトが欲しいと思った事はありませんか？ でも難しいコーディングはちょっと…どころじゃなく苦手。 この授業ではNOコーディングでWordPressを使って基本的かつ汎用的に使えるポートフォリオサイトを作っていきますので、コーディングが苦手でも安心の授業内容となっています。 ターゲットは個人商店や個人のデザイナーやイラストレーター、他にも自分のスキルの玄関口が欲しいと思った方。 ポートフォリオサイトとは自分のプロフィールや情報を掲載して、仕事やお店の玄関口となるサイト。 この授業では自分のスキルや伝えたい事をまとめ、ポートフォリオサイトに必要なものや構造をさくっとさらっと理解する事からはじめます。 ポートフォリオサイトを作るという事は自己分析を元に自分の営業ツールを作る事です。 この授業を受けると営業ツールであるポートフォリオサイトを作る以外に、自分のスキルや伝

スマートフォン、タブレットなどのスマートデバイスの爆発的な普及により、Webサイトのマルチデバイス対応が求められてます。そのひとつの手法としてレスポンシブWebデザインが注目されています。 この授業では、レスポンシブWebデザインの概要と、注目されている理由、その基本的な実装方法について話します。また実際にハンズオンで簡単なレスポンシブWebデザインのサイトを制作します。実際に手を動かして制作することでより理解が深まります。 レスポンシブWebデザインは比較的新しい手法であり、またレイアウトが可変で複数のデバイスに対応するため、今までのサイト制作とは大きく考え方や制作のフローを変える必要があります。またデバイスの画面サイズや回線速度などの違いを様々な技術を組み合わせて補う工夫をする必要もあります。 このように学ぶことは多岐に渡りますが、まずは入り口として基本的な部分を学んでレスポンシブWe

色調補正は奥が深くとても難しいものだと思われています。 本授業ではその色調補正の基本と写真を美しく仕上げられるテクニックを90分で学んでいただきます。 本来、色調補正とは画像の［明るさやコントラスト］、［色合い］、［鮮やかさ］などを調整するだけの作業で決して特別な技能が必要な訳ではありません。 そのため、色調補正の全体像を学び、必要な手順とPhotoshopの機能を覚えていただければ経験の少ない方でも自分なりの色を出すことができるのです。 今回は［色の理論］、［3つの基本的な機能］、［レイヤーを使った応用］の3つをテーマに授業を進めます。 まず、色の理論は難しいものではなく、［色相］［彩度］［明度］などのもっとも基本的なことです。 次に3つの基本的な色調補正の機能としてPhotoshopの［トーンカーブ］と［色相・彩度］、写真をモノクロにするために［チャンネルミキサー］の3つだけを使用して

自分の仕事やお店の玄関口となるサイトが欲しいと思った事はありませんか？ でも難しいコーディングはちょっと…どころじゃなく苦手。 この授業ではNOコーディングでWordPressを使って基本的かつ汎用的に使えるポートフォリオサイトを作っていきますので、コーディングが苦手でも安心の授業内容となっています。 ターゲットは個人商店や個人のデザイナーやイラストレーター、他にも自分のスキルの玄関口が欲しいと思った方。 ポートフォリオサイトとは自分のプロフィールや情報を掲載して、仕事やお店の玄関口となるサイト。 この授業では自分のスキルや伝えたい事をまとめ、ポートフォリオサイトに必要なものや構造をさくっとさらっと理解する事からはじめます。 ポートフォリオサイトを作るという事は自己分析を元に自分の営業ツールを作る事です。 この授業を受けると営業ツールであるポートフォリオサイトを作る以外に、自分のスキルや伝

Webデザインのみならずさまざまなクリエイティブワークで必須のアプリとして不動の地位を確立しているPhotoshopですが、そのあまりにも高機能・多機能な振る舞いに、なんとなく使っているという方も多いのではないでしょうか？ 今回の授業では、作業をより効率化し時間短縮につながるポイントを、実際のワークフローに沿ったかたちで進めていきます。 たとえば、制作をはじめる前の環境設定一つとってみても、掘り下げるべきポイントがあります。 まずは、Webデザインに適した設定を行ってから。そこからが今回の授業のスタートです！ 次にページのフォーマットづくり。ここではいろんなガイド機能を利用します。 そして、実際のデザインワークではブラシやマスクの活用、グラフィックパーツの使い回しなど。 デザインが終わればいよいよ画像の書き出しです。こちらもいろんな機能やツールを使った方法を見てみましょう。 また、Phot

WordPressは、テーマを自由に作ることができるのが魅力です。 しかし、PHPに不慣れだと、なにから手をつけたらよいのか分かりにくい部分も。 この講座では、インストール直後の WordPressからスタートしてリアルタイムで、 企業サイトを構築、サーバーへの公開までの作業を紹介していきます。 ご参加者の質問やリクエストで、作る内容をその場で変えることも？ たくさんのご質問をお待ちしております。 たにぐち まこと 株式会社エイチツーオー・スペース 代表取締役 「ちゃんとWeb」をコーポレートテーマに、Web標準に準拠したメンテナンスしやすいWebサイトを「ちゃんと」作ることを目指したWeb制作会社。 WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。 また、CSS Niteや Word Campでの講演や著書な