Webデザイン制作完全マスターPro講座

 Discover the best Web Designer Pro lessons

ebデザイナープロコースで本格的にHTMLとCSSコーディングを学ぶ

短編ビデオCM

Video 1

 Promotion Video

 Webデザイナープロコース

Webサイトを制作するために、HTML、CSS、JavaScript などのマークアップ言語やプログラミング言語を学び、オリジナルのサイトを自由にデザインできるスキルを身に付けませんか?
「HTML, CSS, JavaScript」のコーディング技術を修得

貴方もWebデザイン制作技術のスキルを身に付けてみませんか?未経験からWebデザイナーを目指したい方には、経験豊富な先生がいるWebデザイン専門スクールに通うのが一番の近道です。当スクールでは、Webデザインの作成方法やカラーの組み合わせ方法、IllustratorやPhotoshopの使い方など、ホームページ作成に必要な技術を丁寧に学ぶことができます。プロのWebデザイナーを目指されたい方に最適のコースをここに用意しています。

スクール受講とオンライン受講を選択できます!

受講方法として、教室で学べる「プライベート講座」と、家などどこからでも受けられる「オンライン講座」のどちらかを選べます。また、必要に応じていつでも自由に切り替えることができます。

オンライン受講はZoomを利用しレッスンします。Zoom受講方法は次のページをご参照ください。

はじめてのオンラインZoom講座

Photoshop icon
 Adobe Dreamweaver
完成イメージを確認しながらページを作成できる
Webデザインソフトウェア
Sublime Text
 Sublime Text
Webデザイン技能士(国家資格試験)対応
HTML/CSSコーディング作成用テキストエディター(無料)

就転職に人気が高いWebデザイナーを養成する"Webデザイナープロコース"

スペシャリストを養成

Webデザイン技能士/1〜3級合格指導!

国家資格/厚生労働省

Webデザイナー (Web designer) とは、ウェブサイトのデザインと構築を行うデザイナーのこと。

ウェブの設計技能を検定する国家資格としてのWebデザイン技能士(1級~3級)を目指せることでも人気があります。

このWebデザイナー プロコースでは、Webデザイナーに必要なデザインの知識と技術、そして"Adobe Dreamweaver"や"Sublime Text"などのアプリ操作方法を基礎から学ぶことができます。

温かみのあるレッスン指導で親切丁寧、就職・転職に役立つ実践スキルまでが身に付きます。

その後、ご希望により、Webデザイン技能士(国家資格/厚生労働省)3級→2級→1級合格を目指されるのはいかがでしょう。

HTML, CSSコーディング技術をマスター

Windows/Mac/Linuxで動作するWebデザイン技能士(国家資格試験)対応の無料テキストエディター"Sublime Text"を使用し、HTMLとCSSなどのコーディング技術を学びます。

html, CSS コーディング

また、Web作成会社で数多く使用されている"Adobe Dreamweaver"の使用方法も修得します。

いろいろと覚えることが多く大変ですが、基礎を身につけてしまえば難しいものではありません。

このコースではプログラミング言語を用い、コンピューターが処理可能な形式のプログラム(ソースコード)を記述するコーディング技術を短期間でマスターできるようになります。

長年の経験を重ねた経験豊富なアートビスケットデザインスクールにお任せください。

Webデザインの基礎を学ぶ

Web Designer Pro Course

(修了後のアフターフォローも万全!)

学習の流れ Part 1

Webデザイナーの基礎をマスター

  • ① コンピューターの基礎
  • ② Mac/Windowsの基礎
  • ③ デザインの基礎
  • ④ カラーコーディネイトの基礎
  • ⑤ HTMLの基礎
  • ⑥ PHPの基礎
  • ⑦ CSSの基礎
  • ⑧ JavaScriptの基礎
  • ⑨ cgiの基礎
  • ⑩ Responsiveの基礎
  • ⑪ Animationの基礎
  • ⑫ OGPの基礎
  • ⑬ サーバー設定の基礎
  • ⑭ FTPの基礎
  • ⑮ SSLの基礎
  • ⑯ セキュリティの基礎

学習の流れ Part 2

Webデザイナーの応用を実践

  • ① 最新Bootstrapの活用
  • ② Slider導入
  • ③ Map導入
  • ④ 動画導入
  • ⑤ JavaScript アニメーション導入
  • ⑥ Google fontsの活用
  • ⑦ Font Awesomeの活用
  • ⑧ CMS導入
  • ⑨ 高度 SEO/検索エンジン最適化
  • ⑩ 先端 Home Page 制作実践
  • ⑪ 先端 WordPress 制作実践
  • ⑫ Webデザイン関連ソフトの基本操作
  •    Sublime Text
  •    Dreamweaver
  •    Photoshop
  •    Illustrator

 習得できるスキル 11

習得できるスキル
Webサイト

Webサイト制作基礎

Webサイト制作に必要なスキルやツールは何が必要なの?など、Webサイト制作の基本的な構造と制作プロセスが明確に理解できます。

カラーデザイン

カラーデザイン

デザインをする中で「配色をどうしよう?」と、悩まれないための技を身につけます。Web制作に直結するカラースキルが得られます。

HTML

HTML

Webサイト制作では、デザインや内容をコンピューターへ理解させるため、目印を記述した「HTML」マークアップ言語を完全マスターします。

CSS

CSS

Webページのスタイルを設定する「CSS」プログラミング言語を習得、目的に合わせレイアウトやデザインを自由に設定できるようになります。

HTML/CSSコーディング

コーディング

創作したデザインを、Webサイト上で再現するために、仕様書に従いコードを記述し、Webブラウザ上で「見える形」にしていきます。

Photoshop

Photoshop

画像を美しく描写させるためのカラーモードや色調補正、チャンネル機能などの基本知識や自在に活用できるような操作方法を総合的に学びます。

Illustrator

Illustrator

イラストやロゴ制作の基本操作方法、図形の作成、パスの描画、文字の加工、キレイなマップの作成、表組みやグラフ作りなどを学びます。

セキュリティ

セキュリティ

自社サイトや利用者の個人データなどを保護する上でニーズ急拡大中!不正アクセスやデータの盗難、改ざんなどからシステムを守る方法を学びます。

JavaScript

JavaScript

「JavaScript」はウェブページをアニメーション可するなど、動きのあるデザインを表現する際に使われるプログラミング言語です。実装方法などを実践的に学びます。

セキュリティ

cgi

「cgi」とは訪問者数表示カウンターや、アンケートやお問い合わせ、ネットショッピングなどの申し込みや決済、掲示板・チャットなどの機能提供時に使います。

SEO対策

SEO対策

「SEO対策」とは検索エンジンからサイトに訪れる人を増やす方法。特定のキーワードで検索した際に検索上位にサイトが表示されるための技をマスターします。

 Webを学んで良かった(生徒さんの感想より)

National qualification

webデザイン技能士(国家資格試験)

  • ① 受験指導
  •    3級指導
  •    2級指導
  •    1級指導

本講座はオプションで対応いたします。ご希望の方は、担当講師に直接お申し付けください。レッスン時間の範囲内で指導させていただきます。別途費用は必要ございません。

試験区分は1級から3級までが存在しておりますが、特に2級と1級には受験資格が必要なので、申し込む前に注意が必要です。webデザイン技能検定は、Web業界唯一の国家資格で、Webデザイナーを目指す上で必要となる知識や技術が問われる試験です。

  •  3級
  • 学科試験と実技試験の2つに分かれています。webデザイン技能検定3級の難易度はそれほど高くなく、誰でも合格しやすいレベルであるといえます。近年のwebデザイン技能検定3級の合格率は60%〜70%です。当スクールでしっかりと試験対策を行い、基本的な勉強をしておけば十分に合格を狙えるでしょう。
  •  2級
  • 学科試験と実技試験の2つに分かれています。受験資格は2年以上のWeb制作の実務経験や、Web制作に関する学校で教育を修めた経験がある、もしくはwebデザイン技能検定3級に合格している必要があります。
  •  1級
  • 1級も、2級や3級と同じく学科試験と実技試験の2つに分かれていますが、学科試験に合格している人だけが実技試験を受けることができます。また受験資格として学科試験を受ける際に、7年以上の実務経験を有する者、など厳しい条件が設けられています。

詳しくは、「特定非営利活動法人インターネットスキル認定普及協会」のホームページをご覧ください。

Webデザイン技能検定 - ウェブにかかわる全ての人のための、国家検定

Job description

Webデザイナーの仕事内容

Webサイトの使いやすさや見た目の美しさをデザインし具現化する仕事!

 仕事の流れ
  1. クライアントにWebサイトの目的を確認、ターゲットの設定、コンテンツ、デザインや配色の好みなどを、Webディレクターと共に具体的に聞き出します。
  2. 聞き込み内容をベースにトップページの大まかなデザインレイアウトを準備、その後、サブページの構成を設計図であるワイヤーフレームに作成。
  3. デザイン案は、Web全体の配色やグラフィックイメージを準備、ロゴやバナー、アイコンなども加え完成イメージを具体化します。
  4. デザインの承諾をクライアントから得られたら、htmlコーディングの作業に入ります。その後、CSSでカラーや見出しなどの装飾を指定し、動きがあるものに付いてはJavaScriptの実装を行います。
  5. 仕上がったWebサイトをクライアントに仮納品し、最終確認を行いWebサイトが完成します。

Annual income

Webデザイナーの年収

就職情報サイトによると、Webデザイナーの平均年収は約336〜720万円くらい

 経験年数による平均年収

収入は目安であり、実際の支給額は地域やご自身の経験やスキルなどにより変動します。
賞与は含んでいません。

実務経験 月収 年収
1年未満 28万円 336万円
1年~2年 32万円 384万円
2年~3年 36万円 432万円
3年~5年 40万円 480万円
5年以上 45万円 540万円
経験豊富なWebデザイナーやスペシャリスト 60万円 720万円
フリーランス - 300〜800万円

ホームページをより簡単に作成できるAIによる自動コーディングサービスが成長、しかし、時代のニーズは個性であり独創的なデザインの素晴らしさが今後ますます要求されています。

私たちの提供するWebデザインのレッスンでは、このことを重視し、他スクールでは通常行わないデザイン技法について、より深く学べるようカリキュラムを組んでいます。

ブラシで描くようにデジタル画像アプリを操作

Adobe CC(最新版)

本コースでは最新ソフトを使用し学習します。


もし貴方が旧バージョンをご希望の場合、そのバージョンで学習することもできます。

対応バージョン: CS, CS2, CS3, CS4, CS5, CS6, CC, CC (2014), CC (2015), CC (2016), CC (2017), CC (2018), CC (2019) / CC (2020) / CC (2021) / CC (2022) / CC (2023) / CC (2024) / CC (2025)

Photoshop, Illustrator などのソフトをセットでお求めになられますと安くなります。また、アートビスケットデザインスクール学生超割引などもございます。

Web Designer Pro Course

レッスン料金

01 プライベート講座の教室

プライベート講座

 完全マスター
受講回数/基本
  • 週1回受講:48回修了
  • 受講時間:各1時間レッスン
  • 補習可能:下記に解説あり(注1)
受講期間
  • 週1回1時間レッスン:修了 12ヵ月/基本
  • 週1回2時間レッスン:修了 6ヵ月/変則
  • 週2回1時間レッスン:修了 6ヵ月/変則
  • 週2回2時間レッスン:修了 3ヵ月/変則
入会金:18,000円(税込19,800円)(税込)
受講料
  • 4回レッスン毎のお支払い:18,000円(税込19,800円)
  • 48回全額お支払い:267,300円(割引後・税込)
  • 全額お支払い割引:-17,820円(税込)
お支払い方法
  • クレジット・デビットカード決済
  • 現金納付
  • 銀行振込
 プライベートレッスン

プライベートレッスンとは、一般的に講師と生徒が1対1、もしくは生徒3名以下の少人数で行われるレッスンを指します。受講生のペースに合わせて授業を進められるため、自信を持って学習を続けることができます。個々の能力に応じてスキルアップが可能ですので、学習についていけないという心配はありません。


 知りたいところだけを学ばれたい方

4回レッスン毎のお支払いで、ご受講ください。途中修了していただくか、他のコースにチャレンジしていただくこともできます。途中終了の場合の過払い納入金は精算の上、返金させていただきます。

 補習として、もう少し学ばれたい方(注1)
  • マスターできるまで追加期間を設け親切指導させていただきます。
  • 追加料金:1回 4,500円(税込4,950円)/1時間×希望回数分

 PC/Adobeソフト使用料
  • 必要な方:1レッスンに330円(税込)×4回分を月謝に加算し別途お支払いください。
  • 自前でご持参の方:料金不要
02 オンライン講座の教室

オンライン講座

 完全マスター
受講回数/基本
  • 週1回受講:48回修了
  • 受講時間:各1時間レッスン
  • 補習可能:下記に解説あり(注1)
受講期間
  • 週1回1時間レッスン:修了 12ヵ月/基本
  • 週1回2時間レッスン:修了 6ヵ月/変則
  • 週2回1時間レッスン:修了 6ヵ月/変則
  • 週2回2時間レッスン:修了 3ヵ月/変則
入会金:18,000円(税込19,800円)(税込)
受講料
  • 4回レッスン毎のお支払い:18,000円(税込19,800円)
  • 48回全額お支払い:267,300円(割引後・税込)
  • 全額お支払い割引:-17,820円(税込)
お支払い方法
  • クレジット・デビットカード決済
  • 現金納付
  • 銀行振込
 オンラインレッスン

オンラインレッスンとは、自宅や好きな場所からパソコンを使って、リアルタイムで講師とコミュニケーションを取りながら学べます。一般的に講師と生徒が1対1、もしくは生徒3名以下の少人数で行います。個々の能力に応じてスキルアップが可能ですので、学習についていけないという心配はありません。


 知りたいところだけを学ばれたい方

4回レッスン毎のお支払いで、ご受講ください。途中修了していただくか、他のコースにチャレンジしていただくこともできます。途中終了の場合の過払い納入金は精算の上、返金させていただきます。

 補習として、もう少し学ばれたい方(注1)
  • マスターできるまで追加期間を設け親切指導させていただきます。
  • 追加料金:1回 4,500円(税込4,950円)/1時間×希望回数分

 ビデオ通話アプリ「Zoom」利用
レッスンカレンダー

レッスン曜日と時間帯

曜日と時間帯を指定した予約制

プライベート講座・オンライン講座
(基本+応用)
No. 曜日 時間帯
月曜~土曜 09時00分~60分間
月曜~土曜 10時00分~60分間
月曜~土曜 11時00分~60分間
月曜~土曜 13時00分~60分間
月曜~土曜 14時00分~60分間
月曜~土曜 15時00分~60分間
月曜~土曜 16時00分~60分間
月曜~土曜 17時00分~60分間
月曜~土曜 18時00分~60分間

※祝日、夏季休暇、冬季休暇、社内旅行、研修、計画休講、臨時休講

 休日休暇のご案内

よくある質問

Frequently Asked Questions for Web Designer Pro Course

  • もちろん受講できます。Web作成の基本であるhtmlやCSSのプログラムコードの書き方を少し学ぶだけで、1時間もすればプログラムを少しだけ操れるようになります。後は、ほとんどの方が楽しくなって来ますので、自然に上達しマスターできるようになります。
  • もちろんです。担当講師と相談され学ばれたい内容をお伝えください。通常WebデザイナーのPro課程の修得まで48回レッスンが必要ですが、学ばれたいところだけをマスターされ修了とすることもできます。
  • 職場のご提供をお約束することはできません。Web作成方法の先端スキルを身に付けられれば、歓迎される職場は多いですね。
  • オンラインレッスンはビデオ通話アプリ「Zoom」を利用して行いますので、Zoomの登録とインストールが必要です。また、ビデオ通話を行う上で、Webカメラ、ヘッドセットなどが必要になることもあります。
    Zoomでオンライン講座を受講される方は下記ページをご参照ください
  • 受講期間中の一時休会は可能でございます。次の理由などにより1ヵ月以上連続しレッスンを欠席される場合、担当講師にご連絡ください。その間のレッスン料金は全額免除されます。
    1. 生徒ご本人が出張や病気、傷病などで1ヵ月を超えてレッスンが困難な場合
    2. 災害による被害など、止むを得ずレッスン受講が1ヵ月以上困難な場合
  • 受講料支払い完了後のキャンセルはできません、中途解約となります。この場合、未レッスン分の受講料金はご返却致します。
  • はい、可能でございます。見積書、請求書、領収書などを、電子文書のPDFファイル形式で発行することもできます。
  • 適格請求書発行事業者登録番号は次の通りです。
    T1130001069351
  • その他、分からないことなどございましたら、お気軽にお問い合わせください。
    お問い合わせ

体験レッスンお申し込みについて

About applying for trial lessons

規約
うさぎちゃん
うさぎちゃん
こんにちは、みんな!うさぎちゃんだよ!
くまくん
くまくん
こんにちは、くまくんです。今日はみんなに特別なお知らせがあるんだ。
うさぎちゃん
うさぎちゃん
そうなの!なんと、こんなことまでできるのか!っていうWebデザインのビックリ体験レッスンを開催することになったんだよ!
くまくん
くまくん
Webデザインで使用するフォトショップやイラストレーターって、パソコンを使って写真の編集や加工、AI画像生成も作ることができるんだよね。とっても楽しそうだ!それに就職のためのスキルアップにもなる!
うさぎちゃん
うさぎちゃん
そうだね!うさぎちゃんもSNSなんかにアップロードする写真を編集加工するのが大好きなんだけど、もっとビックリさせることもできるよ。みんなにもこの楽しさを知ってほしいな。
くまくん
くまくん
このビックリ体験レッスンでは、プロの先生が優しく教えてくれるから、初心者でも安心して参加できるよ。もちろん、もっと上手くなりたい人も大歓迎!
うさぎちゃん
うさぎちゃん
みんなで一緒に写真編集で楽しい時間を過ごそう!詳細は体験レッスンのリンクをクリックして確認してね。
くまくん
くまくん
みんなの参加を楽しみに待ってるよ!ぜひ一緒にWebデザインを楽しもう!

レッスン規約について

アートビスケットデザインスクールでは、生徒さんと講師が信頼関係を築きながら、安心・快適なレッスンができるように規約を定めております。

次のレッスン規約をご承諾の上、お申し込みください。

レッスン規約

ご入会時のお支払いについて

お支払いは入会申し込み受付後、初回レッスン時または初回レッスン時までに、現金または各種カードで入会金と月謝を納付ください。

お支払いの詳細につきましては、入会申し込み受付後、担当講師よりご連絡いたします。

各種カード払いご希望の方は、入会受付時に作成する「生徒マイページ」より簡単に決済できます。

生徒マイページ

体験レッスンお申し込み

体験レッスン50% OFF 開催中!

  • 1名様: 2,250円(税込2,475円)
  • 付き人や保護者様は無料!

お申し込み後、2営業日以内にご連絡させていただきます。

ご参加を心よりお待ちしております!一緒に本講座を楽しみましょう。

対象年齢は小学生以上〜大人

The works

 Web created by students

 生徒Web作品

No. Img Website name Description
1 Golf SevenEight 初めてのコーディング!! 私はhtmlやcssと言った知識はゼロでチンプン、カンプンなので、教室を検索するところからが始まりです。検索すると、トップページに見つけたスクールが、お世話になった「アートビスケットデザインスクール」です。
2 Golf SevenEight Golf SevenEight 関西ゴルフサークルSevenEight(セブンエイト)は、バックティのゴルフを楽しもうとスタートしたコンペで、40代から70代のゴルフが大好きで、上達に努力されている方、シングルを目指しておられる方と年に3回、3月・8月・12月に開催しております。是非ご参加ください。
3 TURBO JAPAN TURBO JAPAN TURBO JAPAN(ターボジャパン)は、スペイン人気ナンバーワンのスイミングブランドTURBOの公式オンラインショップ。男性、女性、子供用水着から水球用ゴーグル、キャップ、ボール、また個性的なチームユニフォームもリーズナブルにカスタマイズできます。
4 写房 楠華堂 写房 楠華堂 京都、滋賀、大阪を中心に埋蔵文化財の遺物撮影を行う京都市の写真スタジオ。写房楠華堂では文化財写真、広告写真、商品写真、Web写真、画像処理なども行なっています。写房楠華堂は博物館学芸員資格を持つカメラマン。丁寧な扱いと気配りで安心の撮影。
5 鶏肋屋 鶏肋屋 京都は下鴨で、小さな編集工房「鶏肋屋(けいろくや)」を開いています。関西地域を中心に、執筆・編集のご用命を承っております。鶏肋とは鶏のあばら骨を指します。食べられる部分はほんの少し。でも捨てるには惜しい。コトコト煮れば、滋味深いスープがとれるからです。
6 占い禅蝶 占い禅蝶 真言密教 阿闍梨
鑑定歴44年の霊能・占術専門家「花京院禅蝶」です。神道・仏教を基軸に、霊能・霊媒・霊視・祈祷・呪術・魔術に専念し、易学・統計学も習得しています。霊感・スピリチュアル占いでお悩みを解決しますので、ぜひご相談ください。
7 Marry's 美容室 Marry's 美容室 Marry's美容室は、京都市左京区に本支店、西京区・右京区に支店を持つヘアサロン。ヘア美容の高い技術的と豊富な経験から導く提案力、ゆったりリラックスできる空間で美しく魅力的な貴方へ誘います。子供から高齢の方、またメンズの方と幅広いお客様にご利用いただいております。ヘッドスパなどの癒やし、成人式・卒業式の着付けもご提案できます。
8 田中弥生ピアノ教室 (PIANO KRÄNZCHEN) 田中弥生ピアノ教室 (PIANO KRÄNZCHEN) 京都市左京区の田中弥生ピアノ教室ピアノクレンツヘン。生徒さんのきらめくピアノライフを応援します!初心者から経験者までピアノを習いたい方が楽しくレッスン受講できます。生活スタイル新時代、ステイホームにぴったりの習い事。対面もオンラインも。ピアノレッスンはピアノクレンツヘンで。

Location

 レッスン場所

アートビスケットデザインスクールへ通学するネコザワ

 アートビスケット

Webデザインスクール京都

〒603-8424
京都市北区紫竹下芝本町79

  駐車場・駐輪場について

バイク・自転車の場合

無料:P① 教室前の駐車場

当スクール前の駐輪場に無料で駐車できます。

自家用車の場合

有料:P②〜P⑤

下記コインパーキングをご利用ください。

  1. P② BooBooPARK北山猪熊南第2
    • 京都市北区紫竹下芝本町1-1
  2. P③ BooBooPARK北山猪熊南
    • 京都市北区紫竹桃ノ本町38
  3. P④ タイムズ北山大宮
    • 京都市北区紫竹下緑町83
  4. P⑤ コンセプト北山大宮
    • 京都市北区紫竹下緑町100
アートビスケットデザインスクール地図

交通アクセス

(拡大できます)