Webの知識がゼロでも問題ありません！Webサイト制作の基本であるHTML、Webサイトの見た目を整えるためのCSS、Webサイトに動きを加えるJavaScriptなど、サイトに欠かせないものがこの講座で学べます！
現役Webクリエイターが現場のノウハウやスキルを解説してくれるので、初心者でもしっかり理解できます！
さぁ、夢のWebクリエイターとなるためにとことん学ぼう！
知識ゼロからでも作れちゃう！
Webサイトを作ろう★
Webサイトを作ろう★
Webサイト
制作講座
制作講座
Webサイト制作講座
月額料金：1,980円
※上記は、1講座の料金となり、解約するまで毎月1,980円で受講いただけます。
採用が決まれば、受講料は全額キャッシュバック！
現役の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サイト制作講座講師
山端 裕二先生
株式会社ワイワイエンジン
Webサイト制作講座講師
山端 裕二先生
21才で福祉事業の立ち上げを経験し、その後、プログラマーに転身。2014年にWeb制作会社『株式会社ワイワイエンジン』を起業、現在に至る。大手ISPのポータルサイト・会員サイトや個人の主婦のECサイトまで幅広く参加。「サービスは、クライアントの大小関係なく、常に同じインパクトを消費者に提供する」をモットーに、金額・規模にとらわれず、よりよいものをクライアントに届けている。
Webサイト制作講座
５つのポイント
５つのポイント
初心者にも解りやすく、実務に必要な知識がしっかり身につく！
「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を使って画像ギャラリーを作ろう
- 【解説】模範解答＋解説動画
