Webサイト制作講座｜WebデザインやプログラミングなどITスキルを独学で習得できる学習サイト「キラキャリ」

知識ゼロからでも作れちゃう！
Webサイトを作ろう★

Webサイト制作講座

ホーム / 講座一覧 / Webサイト制作講座

Webサイト制作講座

月額料金：1,980円/月
6ヶ月プラン：8,800円
12ヶ月プラン：16,600円

※上記は、1講座の料金となります。

採用が決まれば、受講料は全額キャッシュバック！

対象者

●独学で効率的に学びたい
●HTML・CSS・JavaScriptを学びたい
●コーディングができるようになりたい
●Webサイト・ホームページを作りたい

身につく知識・スキル

●Webサイトの仕組みについて
●HTML作成方法、ドキュメント・表・フォームの作成
●CSSの役割と書き方やセレクタの構造、レシポンシブルデザイン
●JavaScriptの役割と書き方、jQueryの使い方など

現役のWebクリエイターによる解説で、　初心者でもスキルが身につく！

Webの知識がゼロでも問題ありません！Webサイト制作の基本であるHTML、Webサイトの見た目を整えるためのCSS、Webサイトに動きを加えるJavaScriptなど、サイトに欠かせないものがこの講座で学べます！
現役Webクリエイターが現場のノウハウやスキルを解説してくれるので、初心者でもしっかり理解できます！
さぁ、夢のWebクリエイターとなるためにとことん学ぼう！

HTML編

Webページは、HTMLやCSS、JavaScriptなどさまざまなプログラミング言語を記述して作られています。今ご覧になっているこのWebページもそうです！HTMLはその中でも基本中の基本、文章の論理構造を記述するための言語です。わかりやすく言うと、HTMLはWebページの骨格で、CSSで肉付けし、見た目を整えていくといったイメージです。プログラマーを目指す方は、ここからマスターし、CSSやJavaScript編に進んでいきましょう！
CSS編

CSSはHTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語です。CSSで肉付けし、見た目を整えていくといったイメージです。HTMLだけではできない、細かなデザインも指定でき見栄えのよいwebページに仕上げることができます。 CSSの習得にはHTMLの知識があることが前提ですので、HTML編の次に受講するとスムーズに学習できます！
JavaScript編

JavaScriptはWebサイトに様々な機能を付加することができ、マウスの動きに合わせた表現などユーザの動作に応じた「動的ページ」を可能にします。 JavaScript編ではアニメーションや効果を加えたり、HTMLやCSSでは表現できないインタラクティブな表現方法を学んでいただきます。 JavaScriptの習得にはHTML・CSSの知識があることが前提ですので、HTML・CSS編の順に受講することをおすすめします！

株式会社ワイワイエンジン

Webサイト制作講座講師

山端裕二先生

21才で福祉事業の立ち上げを経験し、その後、プログラマーに転身。2014年にWeb制作会社『株式会社ワイワイエンジン』を起業、現在に至る。大手ISPのポータルサイト・会員サイトや個人の主婦のECサイトまで幅広く参加。「サービスは、クライアントの大小関係なく、常に同じインパクトを消費者に提供する」をモットーに、金額・規模にとらわれず、よりよいものをクライアントに届けている。

Webサイト制作講座
５つのポイント

初心者にも解りやすく、実務に必要な知識がしっかり身につく！

「Webサイトを作ってみたいけど、まずは何を勉強したらいいのだろう・・・」と悩んでいるみなさん！
この講座は、Webサイト制作において必要な基礎知識を中心に講師が大事なポイントを抑えながら解説する動画授業です。現役のエンジニアによる解説と添削サポートで、初心者でも解りやすく、独学でもしっかりと知識を身につけることができます。

第一線クリエイターが解説！解説動画＋重要問題ですぐに身につく！

現在Web制作の第一線で活躍しているクリエイターが、基本知識だけでなく実際の制作現場で求められるノウハウ・スキルに即した解説を行うので、すぐに使える技術が身につきます。講義は、解説動画と問題で構成されております。問題を解いたあと、すぐに解説動画で見直しをすることができるため、知識が定着しやすくなります。

プロの添削で問題点を浮き彫りに！

知識を身につけても実際にページが作成できなくては意味がありません。演習課題では実際にページを作る課題が出されます。課題を提出すると、模範解答が確認できるのに加え、自分の作品を講師が添削してくれるので、自分の不足しているスキルがよくわかるようになっています。

自宅や電車の中でも！時間と場所を選ばず独学で学べる！

動画授業なので、スマートフォンやタブレットでも閲覧可能です！
時間と場所を選ばず、隙間時間で勉強できるので、忙しくなかなか時間がとれない方でも独学で着実に知識をつけることができます。

転職サポートも充実！就職が決まると受講料キャッシュバックも！

・学習だけでなく、転職についてのお悩みもキラキャリサポーターが親身にお答えします！
・女性を積極的に採用したい企業が、あなたの頑張りやプロフィールを見ています！あなたのスキルやニーズにマッチした企業からスカウトが届きます♪
・キラキャリを通して就職が決まると、今までの受講料全てキャッシュバックします！

カリキュラム

標準学習時間：3時間

HTML編

1. インターネットの仕組み
2. Webサーバとブラウザの役割
3. Webサイトを公開するには
4. Webサイトの設計
5. Webサイトを作るための言語
6. HTMLの歴史
7. HTMLの作成方法
8. 要素とタグ
9. ドキュメントを書いてみる
10. ドキュメントをリンクする
11. ドキュメントの構造を示す
12. 文字の装飾
13. リストと文字参照
14. 先生インタビュー
15. 表を作る
16. 表の活用
17. フォームの作成
18. 様々なGUI部品
19. イメージデータ
20. マルチメディア
【演習問題】HTMLタグでマークアップをしよう
【解説】模範解答＋解説動画

標準学習時間：4時間

CSS編

1. CSSの役割と書き方
2. style属性としてのCSSの指定
3. style要素としてのCSSの指定
4. CSSファイルの作成と指定
5. IDセレクタとクラスセレクタ
6. その他のセレクタと詳細度
7. 先生インタビュー
8. フォント
9. 色とその指定
10. 位置と間隔
11. 背景の指定
12. 罫線
13. 罫線の修飾
14. ボックス
15. 回り込みの解除
16. 段組み
17. フレキシブルボックス
18. インラインフレームとナビゲーションメニュー
19. 先生インタビュー
20. 要素の変形
21. 要素の変化
22. アニメーション
23. レスポンシブデザインとは
24. メディアクエリ
25. レスポンシブデザインの実際
26. グリッドシステム
【演習問題1】Webサイトを作成しよう
【解説】模範解答＋解説動画
【演習問題2】ページ1枚をコーディングしよう
【解説】模範解答＋解説スライド

標準学習時間：17時間

JavaSprict編

1. JavaScriptの役割と書き方
2. HTML内に直接書く方法
3. 外部ファイルとして書く方法
4. JavaScriptの実行とデバッグ
5. 変数と定数
6. 変数の演算
7. 条件分岐
8. 繰り返し
9. 補助制御構文
10. 先生インタビュー
11. 配列とは
12. 繰り返し処理と配列
13. 連想配列
14. 関数とは
15. 関数の作成と利用
16. スコープ
17. オブジェクトとは
18. stringオブジェクト
19. Mathオブジェクト
20. Dateオブジェクト
21. オブジェクトの作成と利用
22. 先生インタビュー
23. DOMとは
24. ウインドウの操作
25. DOM応用
26. マウスイベント
27. その他のイベント
28. イベントリスナー
29. 画像の切り替え
30. フェードイン・フェードアウト
31. 画像の拡大と縮小
32. アニメーション
33. 先生インタビュー
34. 図形の描画
35. グラデーション
36. 画像の描画
37. グラフの作成
38. 初期値の自動設定
39. 必須入力項目
40. 入力内容のチェック
41. データの検索
42. データの整列
43. ローカルストレージの利用
44. JSONフォーマット
45. 先生インタビュー
46. ムービーの操作
47. オーディオの操作
48. jQueryとは
49. jQueryによるドキュメント操作
50. jQueryによるイベント処理
51. jQueryによるイメージデータの操作
52. Ajaxとは
53. Ajaxのプログラム
54. 先生インタビュー
【演習問題】jqueryを使って画像ギャラリーを作ろう
【解説】模範解答＋解説動画

Webサイト制作講座受講生の声

憧れの自分を
手に入れたい！

A.Yさん

27歳

Q. ITスキルを学ぼう、またはキラキャリに登録しようと思った理由を教えてください！

A.将来結婚をしたいこと、家事や育児をしながらも働き安定的に稼げるようになるため、手に職をつけたいと思いました。
そして前よりITに興味があったため、この機会に学ぼうと思いました！
また、キラキャリは受講費用も安く始めやすい、動画講義も分かりやすく「自分にも身につけられるのではないか」と思い登録しました。