コンピー塾

AIを駆使したITスクール

Webデザイン講座

Webデザイン講座

デザインの考え方から
応用的なコーディングまで

本コースでは、Webの制作現場でのデザインノウハウを元にワイヤーフレーム構築の仕方から、コーディングのディテールまでを学びながら、受講者自身でデザインしたWebページを完成していきます。
デザイン編ではWeb制作のプロセス、デザイン手法や原則などの理論を基礎から学ぶことが出来ます。
コーディング編はデザインカンプをWeb上で再現するために必要な手段や注意点などについて紹介していきます。

先ずは無料体験から

講座特徴

1. Webデザインのプロセスを理解した上、Webサイトの設計から実装まで実際に行います。
2.「マンツーマン」形式だからできる、デザインにおいては受講者一人ひとりの感性を大事にし、個別のサポートやアドバイスが可能になります。
3. 受講の方のニーズに合わせて、講習内容の追加やカスタマイズも可能です。
4. 講習自体が終了しても、受講者が制作物についてのアフターフォローを受けることができです。

受講対象者

・Web制作の土台となるHTML/CSSの基礎知識をある程度お持ちの方
・当スクールで実施中の「Webプログラミング基礎講座(HTML/CSS)」を受講し修了された方
・個人または組織でWebサイトやブログなどの運営やビジュアルの改善を検討されている方

講座詳細

・受講料金:
通常価格︓66,000 円(税込)/ 1名
【勉強の秋|スキルアップ支援キャンペーン】|キャンペーンコード:L58PD47F
 ・オンライン受講価格(50% OFF)︓33,000 円(税込)/ 1名
 ・校舎受講価格(40% OFF):39,600 円(税込)/1名
キャンペーン詳細はこちら
・受講形式:マンツーマン(1名)
・受講時間:受講者が指定する|全6回(1回:90分)|10:30~21:00の間
・受講場所:全教室にて受講可能

オンライン受講については、参加者の所持するパソコンや講座内で必須アプリケーション:Adobe XDがインストールされた上、使⽤上の⽀障が起こらないことを前提として、オンライン受講を実施していきます。
詳細は「オンライン受講について」にてご確認下さい。

受講教室について

受講カリキュラム

講座.Ⅰ(デザイン編)(3回)
【理論】
1.Webページ制作をする上で必須概念の整理
2.Webデザインにおけるレイアウト、カラーリングとタイポグラフィーの分析
3.レスポンシブデザインについて
【実践】
Step 1:既存ページを参考にワイヤーフレームを構築する
Step 2:画像編集ソフトを使ったパーツ作成
Step 3:Adobe XDを使用し、デザインカンプを完成する


講座.Ⅱ(コーディング編)(3回)
【理論】
1. HTMLに各種機能を導入する
2. 段組みレイアウトとレスポンシブ対応のCSS
3. コーディングにおけるSEO対策
【実践】
デザイン編で作成したテンプレートをベースに、オリジナルページをコーディングで完成する

講座お申込みはこちら

コンピー塾の講座

New! 8月開講

Webデザイン講座

デザインの考え方から応用的なコーディングまで 本コースでは、Webの制作現場でのデザインノウハウを元にワイヤーフレーム構築の仕方から、コーディングのディテールまでを学びながら、受講者自身でデザインしたWebページを完成していきます。 デザイ...
New! 2月開講

Unreal Engine(アンリアルエンジン)入門講座

夢イメージをREALリアルに変えよう 次世代ゲームエンジンが学べる⼊⾨講座 短期間で習得 ゲーム制作を実体験 少⼈数制の受講 Unreal Engineを使⽤し ゲーム制作のスキルを⾝に着けよう︕ 初⼼者、ゲーム業界志望者向け育成講座   ...

RPA体験・導入講座

24時間×365日 業務を自動化へ RPA 体験・導入支援講座 教育視点のRPAサポート 全国対応可能な訪問型の受講スタイル NTTデータ社認定講師による研修 体験からPoCまで目的別の講座内容 カスタマイズ制で内製化を協力支援 コンピー塾...
New! 11月開講

AI (人工知能)講座

未経験からIT経験1~2年の方が、AI(人工知能)への入門として、 GoogleのDialogflowを利用したチャットボットの作成方法を学ぶのに最適なコースとなります。 自分が担当するWebサイトやLINE公式アカウントでチャットボットを...
New! 4月開講

Photoshop講座・クリエイティブデザイン

Adobe® Photoshop講座 マンツーマンプラン・短期集中プラン ・あらゆる分野のクリエイティブ現場で最もよく使われている画像編集ソフト、Adobe®社のPhotoshopについての基本操作から簡単なデザインを含んだコンテンツ作成ま...

3DCG/Maya講座

3DCG/Maya講座はAutoDesk社製Mayaソフトウェアの基本操作を学習し、モデリング、リギング、アニメーション、エフェクトなど、入門&基礎から応用までMAYAの全体的機能を基礎からしっかり学ぶことが出来る講座です。 3DCGやMa...
New!3月公開

3DCGテクスチャ作成講座

質感と模様テクスチャの表現が意のままに 3DCGデザイナーの更なる成⻑を⽀援する講座 充実したカリキュラム クリエイティブ実体験 少⼈数制の受講 3DCGテクスチャ作成講座 ・Photoshop機能活⽤シリーズ・ CGクリエイターを⽬指す3...
さらに表示