Webデザイン・ホームページ制作講座
初心者から、Web制作・資格取得・仕事に活かせるスキルまで
「Webサイトを自分で作れるようになりたい」「WebデザインやHTML・CSSを基礎から学びたい」方へ。
富山OAスクールでは、HTML・CSSの基礎から、レスポンシブWebデザイン、JavaScript、Photoshop・Illustrator、作品制作、Web資格取得まで、目的に合わせて学べます。初心者の方も講師のサポートを受けながら実践的に学習できます。
Webデザインを何から学べばいいか迷っている方へ
初心者の方も大丈夫です。
「ホームページを作れるようになりたい」
「Webデザインを仕事に活かしたい」
「資格取得を目指したい」など、目的に合わせて講師が学習内容や受講コースをご案内します。
何を学べばよいか決まっていない段階でも、お気軽にご相談ください。
目的から選ぶWeb講座
Web制作をまず体験してみたい方から、
HTML・CSSや資格取得を目指す方、
Web制作を総合的に学びたい方まで、
目的に合わせて講座をお選びいただけます。
どの講座が合うかわからない場合は、無料コース説明・相談でご案内します。
習得できるスキル
-
HTML
Webページの文章や画像などの構造を作るための基本言語です。HTMLの基礎を学び、生成AIが作成したコードも理解・修正できる力を身につけます。
-
CSS
Webページの色・文字・配置など、見た目を整えるための言語です。基本からレスポンシブ対応まで学び、生成AIが作成したCSSも自分で調整できる力を身につけます。
-
JavaScript
Webページに動きや機能を追加するために使われるプログラミング言語です。基本的な仕組みを学び、Webサイト制作に活用する方法を身につけます。
-
ChatGPT・生成AI
ChatGPTを活用して、Webサイトの構成や文章、HTML・CSSのコードを作成します。AIが生成した内容を理解し、自分で修正・改善しながらWeb制作に活用する方法を学びます。
-
Photoshop
あらゆるジャンルの画像の修正・合成に利用されているグラフィックソフトです。より「魅せる写真」にするために、写真加工は必須です。
-
Illustrator
グラフィックデザインを作成する際には欠かせないソフトです。ベクター（ベクトル）グラフィックスを作成・編集するソフトで、直線や曲線、円などの図形を組み合わせて描画を行います。
受講生作品例
就転職の強力な武器となった修了生の作品です。
実際の仕事ではソフト一つひとつの操作を身につけることが重要ではありません。大切なのは、それぞれのソフトやプログラムなどの特徴を生かし、企画やデザインなどを考えて一つの作品として作り上げる能力が必要です。富山OAスクールのWebコースでは、受講生が目的とされる職業やスキルに合わせて、実際の仕事でも通用するような作品づくりをサポートしています。
-
Example Work No.01
自身が制作した作品を載せるポートフォリオサイト
ポートフォリオサイトです。 総合ビジネス本科で学習したPhotoshop、Illustrator、Adobe XD、Web制作のスキルを活用して、就職活動で利用するポートフォリオサイトを制作しました。
-
Example Work No.02
モバイルにも対応したレスポンシブデザインのサイト
cafe（食事処、喫茶）サイトです。 スマートフォン、タブレット、PCにも対応したレスポンシブWebデザインのサイトです。またJavaScriptをふんだんに使い、ロールオーバー効果やアニメーション効果をつけることにより、ユーザーからのアクションを促す効果をつけています。見易さと使いやすさ両方を重視したサイト構成にすることができました。
-
Example Work No.03
すっきり清潔感のあるシングルページ・デザイン（病院）
歯科医院のサイトです。 スマートフォン、タブレット、PCにも対応しています。写真を大きく表示し、爽やかで清潔感のある病院を表現しました。見る人が目的の情報を得やすいシンプルな構成を意識しました。
修了生の声
実際の仕事ではソフト一つひとつの操作を身につけることが重要ではありません。大切なのは、それぞれのソフトやプログラムなどの特徴を生かし、企画やデザインなどを考えて一つの作品として作り上げる能力が必要です。富山OAスクールのWebコースでは、受講生が目的とされる職業やスキルに合わせて、実際の仕事でも通用するような作品づくりをサポートしています。
-
Voice of graduates No.01
Webｺﾝﾃﾝﾂｸﾘｴｲﾀｰｺｰｽ修了の柳井さん
今回、自身の新たな技術の取得を目標に以前から興味のあったWebの学習を始めました。 実際の授業内容は資格試験を意識した無駄のない時間ばかりでした。
授業は日ごとに学習する内容が明確で分りやすく、授業中はわからないところ、解決できない操作がある時は、いつでも先生方に質問できる環境で安心でした。また、各生徒が自身の課題に真剣に向き合っているため、私自身も授業１コマごとに集中して取り組むことができました。
おかげでディレクターの仕事に就くことができました。ありがとうございます。 -
Voice of graduates No.02
WEBｸﾘｴｲﾀｰｺｰｽ修了の河村さん
ネットは利用するのみでHPの制作側の知識はさっぱりだった私が、WEBデザイナーを目指し、このコースを受講しました。何度も同じ内容を質問しましたが、講師の方々は根気強く教えてくださいました。応募の際には学習したことだけでなく、作成したWEBサイトやポートフォリオなど実績をアピールすることが当たり前で、挫折しかけた時期もありましたが、スクールで質問したり相談に乗ってもらったりしたおかげもあり、諦めず行動し希望職種へと実を結ぶことができました。
初心を忘れず常に自分をアップデートしていきます。 -
Voice of graduates No.03
HTML&CSSコース修了の渡さん
ホームページを作成する技術は特殊な技術のような感じがして、自分とは無縁だと思っていました。ところが会社のホームページの更新の仕事を手伝うことになり、この講座を受講することになりました。 受講してみるとＨＴＭＬやＣＳＳで記述する内容はWordやExcelとはまったく違っていて戸惑いを感じましたが、講師の方がとても丁寧に教えてくださったので、テキストの内容も理解することができ、自分のホームページを２つも作成することができました。 今後もテキストや本を参考にしながら少しずつレベルアップしていきたいと思います。どうもありがとうございました。
講座一覧
セットコース
-
Webコンテンツクリエイター
HTML・CSSの基礎から、生成AIを活用したこれからのWeb制作まで実践的に学ぶ総合コースです。 ChatGPTを使ったホームページ制作やHTML・CSSの生成・修正、Photoshop・IllustratorによるWeb素材制作、JavaScriptなどを学習します。
授業回数 62回 標準期間 6ヶ月（週3回） 授業料 198,400円（税込 218,240円） 内容 HTML・CSS／レスポンシブWebデザイン
ChatGPTを活用したホームページ制作
生成AIによるHTML・CSS作成・修正
AIを活用した文章・Webコンテンツ制作
Photoshop・IllustratorによるWeb素材制作
JavaScript基礎
生成AI＋HTML・CSSによるWebサイト制作実習
作品制作 or 資格取得目標資格 Webクリエイター能力認定試験 教育訓練給付金講座 受講料の20%が戻ります
母子支援給付金講座 受講料60%相当額が戻ります
単科講座
-
HTML&CSS 基礎Ⅰ
Webサイトで使われる標準言語であるHTML&CSSを学び、作成ソフトを問わずにWebサイトの作成・更新ができるようになります。
授業回数 6回 標準期間 1ヶ月 授業料 56,000円（税込 61,600円） -
HTML&CSS 基礎Ⅱ
Webサイトで使われる標準言語であるHTML&CSSを学び、作成ソフトを問わずにWebサイトの作成・更新ができるようになります。
授業回数 6回 標準期間 1ヶ月 授業料 56,000円（税込 61,600円） -
/Studio
Webページを構成するHTMLやCSSをマウスだけで操作できます。専門知識がなくても直感的な操作で本格的なWebサイトが作成可能です。
授業回数 6回 標準期間 2ヶ月 授業料 56,000円（税込 61,600円） -
JavaScript
動的でスタイリッシュなサイトを作成するのに必須スキルであるJavaScriptを基本構文、言語の特性の習得を行います。
授業回数 10回 標準期間 2ヶ月 授業料 55,000円（税込 60,500円）