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

講座ナンバー

Webサイト制作講座

ライン画像

月額料金:1,980円
※上記は、1講座の料金となり、解約するまで毎月1,980円で受講いただけます。

 

 

講座イメージ画像

現役の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サイト制作講座
3つのポイント
線画像

ポイント1

ダイアモンド画像

第一線クリエイターが解説!


現在Web制作の第一線で活躍しているクリエイターが、基本知識だけでなく実際の制作現場で求められるノウハウ・スキルに即した解説を行うので、すぐに使える技術が身につきます。

ポイント2

ダイアモンド画像

解説動画+重要問題ですぐに身につく!


講義は、解説動画と問題で構成されております。
問題を解いたあと、すぐに解説動画で見直しをすることができるため、知識が定着しやすくなります。

ポイント3

ダイアモンド画像

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


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

ダイアモンド画像
カリキュラム
線画像

標準学習時間: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. マルチメディア
標準学習時間: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. グリッドシステム
標準学習時間: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. 先生インタビュー

演習問題編

初級 ( HTML編 )
  • 1. 【演習問題1】HTMLタグでマークアップをしよう
  • 2. 【解説】模範解答+解説動画
中級 ( CSS編 )
  • 3. 【演習問題2】Webページを作成しよう
  • 4. 【解説】模範解答+解説動画
  • 5. 【演習問題3】ページ1枚をコーディングしよう
  • 6. 【解説】模範解答+解説スライド
上級 ( JavaScript編 )
  • 7. 【演習問題4】jqueryを使って画像ギャラリーを作ろう
  • 8. 【解説】模範解答+解説動画
  • 9. 【演習問題5】スロットを作ろう
  • 10. 【解説】模範解答+解説スライド
まずは、無料登録。

Copyright © PRO*SEEDS.All Rights Reserved.
PAGE TOP
無料登録する