【Webデザイナー育成講座】ホームページ制作コース

この講座のポイント

1回90分のレッスンをお好きなタイミングでご予約いただき、ホームページの作り方を学べるコースです。

就職・転職を目指すために短期間でまとめて受講いただく場合は、初心者からスタートしていただく方は約3ヶ月程度で基本のカリキュラムを修了していただけます。または、受講者の方の学習ペースに合わせて進めますので、習い事としてマイペースに長く通っていただくことも可能です。
小学校の中〜高学年から受講できるため、お子様のIT技術習得のための学習塾としてもご利用いただけます。

基本のカリキュラムの先に課題をクリアしたりさらにハイレベルなプログラミング制作に進むことも可能です。
職業訓練校や専門学校でHTMLを学んだ方のステップアップや就職サポートとしてもご利用いただけ、スキルに合わせて応用編の講座からスタートすることも可能です。

授業の様子

新型コロナウイルス感染症対策のため、オンラインレッスンでも受講いただけます。
ご自宅などで受講いただけますのでぜひご利用ください。

こんな方におすすめ

IT技術の基本を学んでみたいという方から、就職・転職を目指したホームページやアプリ制作を目指す方など幅広い用途にご利用いただけます。
お一人お一人の目標やご希望に合わせて受講プランをご提案させていただきます。
Web制作の基礎・ホームページを作るスキルを身につけましょう。

  • 就職や転職を目指す方に。
    短期集中レッスンで
    技術を身につける!

    講師と相談してご希望の受講ペースで学習スケジュールを立てることが可能です。プロのWebデザイナーから実践的な技術を学べ、気軽に質問しながら学習を進めていただけます。

  • 月に2回、習い事感覚で。
    スキルアップのために
    マイペースに受講!

    スポーツジムやお料理教室の感覚で、習い事としてホームページ作成のIT技術を学びませんか?趣味以外にも、将来的に副業や起業などを目指す方にもおすすめです。

  • お子様の習い事としても!
    幅広い年代の方に
    ご利用いただけます

    小学校5年生(仮)から受講いただけるので、お子様の塾(習い事)としてもご利用いただけます。将来のために実践的なIT技術をステップアップしながら身につけていただけます。

講座の内容

1回90分、6,000円(税別)の講座をお好きなタイミングでご予約いただき、学習を進めるコースです。
現場で働くWebデザイナーに直接質問しながら学習していただけるので、就職や転職を目指す方の訓練にもお使いいただけます。

幅広い年齢の方にご利用いただけ、小学生(※)・中学生の塾として、または社会人の方の習い事、就職を目指した訓練としてなど、どなたでも受講いただけます。
オンラインでも受講いただけますので、全国どこからでも受講が可能です。お子さんをお持ちの方の空き時間に、就職や副業などのためのスキルアップにもご利用いただきやすい内容となっております。

※小学生の方は中〜高学年程度が目安となりますが、年齢や習熟度に合わせて学習内容を相談しながら進めます。

カリキュラム・時間割

【①HTML編】
Webサイトの基本を学ぼう

  1. 基本と目標設定
  2. 文法1:文法とタグ
  3. 文法2:ファイルのパス・リンク設定
  4. 文法3:属性など
  5. HTMLコーディングにチャレンジしよう

ホームページ制作をはじめ、システムやアプリなどの制作の基礎となる「HTML」について学習します。
すでに独学や職業訓練などで基本が身についている方はHTMLの部分を飛ばすことも可能です。

【②CSS編】
Webサイトのデザイン設定

  1. 基本と目標設定
  2. 文法1:色の指定
  3. 文法2:文字装飾と間隔
  4. 文法3:レイアウト
  5. 自分でデザインを設定してみよう

HTMLに対して見た目を整えていくための役割となるCSSについて学習します。
デザイン基本的なルールを理解したら、ドリル形式で実践しつつ知識を身につけていきます。

【③ページ制作編】
簡単なWebサイトを作ってみよう

  1. 完成目標の確認とHTMLの作成
  2. コーディングとリンク設定
  3. 検証ツールの使い方
  4. 作ったHTMLにCSSを設定しよう
  5. 完成したWebサイトを確認しよう

【④プログラム編】
Webサイトに動きをつけよう

  1. javascript(jQuery)の文法と書き方
  2. 文法1:クリックしたら開閉する項目を作ってみよう
  3. 文法2:CSSとJSで作るアニメーション
  4. 文法3:スマホサイトのメニューを作ってみよう
  5. 作ったWebサイトにプログラムを設置しよう

【⑤サーバー編】
ホームページを公開しよう

  1. サーバーとは?契約について
  2. FTPクライアントソフトの使い方
  3. サーバーのセキュリティ関連の知識
  4. ファイルのアップと表示確認
  5. バックアップについて

実際に作ったホームページをオンライン上に公開する方法や、セキュリティなどについての知識を身につけましょう。
サーバーにデータをアップするためのソフトの使い方やバックアップについても学びます。

【⑥応用編】
よりハイレベルなWebサイトを作ろう

  1. スライドショーのライブラリを使ってみよう
  2. スマホ対応とは?(前編)
  3. スマホ対応とは?(後編)
  4. 上部固定のメニューを作ろう(スクロール時の発動)
  5. ローディング画面(ページ読み込み時の発動)

CSSやプログラミングのよりステップアップした内容を学び、いろいろなものを作れるようになりましょう。
実際によく目にするWebサイト・ホームページの仕組みを自分で作れるようになるための課題をご用意しております。

  • ※ Wi-Fi対応のノートPCをご持参ください。(Windows/Macどちらも可能です)
  • ※ 手ぶら受講も可能です。レンタルPC(有料:500円+税/1回90分)をご用意しております。(オンライン受講の方は対象外です)
  • ※ タブレット(iPad、GALAXY(android)タブレット、Kindle)はご利用いただけません。
  • ※ プロクラスの独自のカリキュラムとなっており、オリジナルの資料をご用意しております。

基本カリキュラム終了後の進路

上記のカリキュラムを完了した方は、PROCLASSの認定修了証書を発行いたします。その後、就職・転職を目指す方は就職や転職を目指しましょう。就職準備のために就活と並行して、引き続き通塾いただきもっとサイト制作の腕を磨くことも可能です。

就職が目標ではない方も、基礎の学習を終えてマンツーマンレッスンでもっと詳しく知りたいところを学んだり、WordPressのシステム設置やオンラインショップの作り方を学ぶなどのステップアップも可能ですので、習い事として通い続けながらさらに技術を磨いていただくことも可能です。オリジナルのデザインを作るためにPhotoshopなどのデザイン講座などを追加受講いただくこともでき、ご要望に合わせた講座を受講いただけます。

講師からのメッセージ

こんにちは、プロクラスの中山です。
この講座は、もっと多くの方にホームページ制作やIT技術の基礎を学んでもらいたいと思い、ご用意いたしました。

IT化が進むこれからの時代、Web制作を仕事にしない方でも「作れる人」になることはすごく良い経験だと思います。
例えば、趣味のホームページやブログを作ってみたり、そこから広告収入を得て副業にもしてしまえます。Webサイトが作れるようになったら、ホームページを自分で作ってビジネスをスピードアップすることも可能です!塾や習い事としても、色々な人のライフスタイルに合わせて受講いただければと思います。

就職や転職を目指す人は、独学や職業訓練だけではなかなか企業に採用してもらえないのが実情です。プロのサポートのもと、即戦力としてアピールできる技術を身につけていただき、将来につなげていただければと思います。
授業で作ったホームページを公開して、SEO対策やアクセス解析などのホームページの運用面での実践的な知識を身につけていただくことも可能です。あなたの強みを見つけ、就職をサポートさせていただければと思います。

初回は体験レッスンとカウンセリングを無料で受けていただけるので、ぜひご参加ください。
あなたのスキルやペースに合わせて学びを深め、面談の上ゴールを設定しながらさらに学習を進められます。将来に悩んでいる方も、まずはお気軽にご相談ください。

講師紹介

中山 麻美(なかやま あさみ)
ブルーフォグ・ソリューション株式会社 Webディレクター、Webマーケティング担当
PROCLASS講師
  • 大学卒業後、WEB広告を運営する企業に入社し、企画提案営業に従事。自社メディアの改善提案なども行う。
  • 独学でWEBサイト制作を学び、SEO対策を実施したコンテンツ運営を経験。
  • 2015年よりブルーフォグ・ソリューションに入社。WEB制作の現場で働きながらプロクラスの講師としても活動を行っている。
  • ゴルフメーカー、ウェディング、学校、塾などのSEO対策、GoogleAnalytics、GoogleAdwords、Yahoo!プロモーション広告などのキーワード設計、リスティング運用の経験豊富。
新型コロナウイルス感染症対策のため、オンラインレッスンでも受講いただけます。
ご自宅などで受講いただけますのでぜひご利用ください。

無料体験レッスンのお申し込み・講座へのお問い合わせ

    無料体験レッスンへのお申込みや講座へのお問い合わせ・受講のご相談をご希望の方は、下記フォームに必要事項をご入力の上、ご送信ください。
    ご希望の内容をヒアリングさせていただき授業の受講プランをご提案させていただきますので、まずはお気軽にお問い合わせください。

    内容に間違いがなければ送信ボタンを押してください。

    * 必須項目です

    お名前
    (必須):
    フリガナ
    (必須):
    メール
    アドレス
    (必須):

    携帯のアドレスですと、メールをお送りできないことがあります。
    お申込み後にメールが届かない場合は、迷惑メールフォルダに分類されていることがございますので、ご確認をお願いします。

    ご希望の会場: 京都会場(プロクラス四条烏丸校)オンライン講座
    体験レッスンご希望日時:

    体験レッスンの所要時間は1時間前後を予定しております。ご希望日時が未定の場合や、まずはご相談・お問い合わせの場合は空欄でお送りください。

    伝えたいことやご質問など
    (任意):