キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

初回登録なら7日間無料! いつでも解約OK

いますぐ無料体験へ

「手取り足取り」実践コンテンツ 野呂講師と一緒にHTML/CSSでWebサイトを作ろう

  • 3h 37m (7sections)
  • テクノベート (テクノロジーとイノベーション)
  • 実践知

このコースについて

Webサイトの内容とスタイルを作るプログラム言語のHTML・CSSに関する動画講座は、検索するとたくさん出てきます。
ただ、定義・環境構築方法・HTMLのタグの種類や説明などを一通り学んだものの、結局どうWebサイトを作れば良いのか?と疑問だけを残して、成果物はひとつも残せず、学びを終了されてしまった方も多くいるのではないでしょうか?

このコースでは、体系的な学びよりも実践的な学びを体験していただけるようコンテンツ設計をしました。
講師が手取り足取り丁寧に解説するため、動画を視聴しながら手を動かしてみていただくことで、一つのWebサイトをゼロから作り上げる成功体験ができます。
視聴完了時には、きっとご自分のWebサイトを実際に作ってみたくなるはずです。

※動画内で使用している画像素材・ノーマライズCSSのファイルは、以下URLからダウンロード可能です。
ぜひダウンロードして、実際に手を動かしながらWebサイトの制作過程をお楽しみください!
■Video16で使用
https://github.com/diveintocode-corp/web_html_grammer
■Video23で使用
https://github.com/necolas/normalize.css

講師プロフィール

野呂 浩良
株式会社DIVE INTO CODE 代表取締役
https://diveintocode.jp/ 
グロービス経営大学院大学経営管理科(MBA)修了

販売職、リクルートの法人営業職を経て、29歳で非エンジニアの開発未経験からワークスアプリケーションズの問題解決能力発掘プログラムを突破。その後、独立・起業過程でITエンジニア人材の不足を痛感し、プロのエンジニアになるために挑戦する人がチャンスをつかめる「DIVE INTO CODE」を2015年に創業。世界すべての国へIT教育と雇用の機会を届けることを目指す。2017年8月よりルワンダ共和国でITエンジニア教育を開始。ITエンジニアとして活躍する卒業生を輩出。2020年、第16回「グロービス アルムナイ・アワード」創造部門を受賞。
(肩書きは2022年8月撮影時のもの)

コース内容

  • Webサイトを作ろう
  • 構造を理解してアウトラインを作ろう1
  • 構造を理解してアウトラインを作ろう2
  • 画像の掲載とアクセスマップを作ろう
  • CSSを学んで綺麗にレイアウトしよう
  • 文字や画像を装飾してみよう
  • Webサイトを仕上げよう

より理解を深め、他のユーザーとつながりましょう。

16人の振り返り

  • kfujimu_0630

    マーケティング

    丁寧な説明でホームページを作る時にまた見直したいと思いました。ありがとうございました。

    2022-12-30
  • ozawa_h

    IT・WEB・エンジニア

    Webサイト教育の仕方の勉強になりました。はやり1時間ですべてを教えてことは無理だと実感しました。3時間40分でも自分で勉強して頂かないと厳しいと分かりました。

    2023-01-04
  • hossy2022

    販売・サービス・事務

    これは勉強になりました。
    後半駆け足気味でしたが、一つ一つのコードの意味も解説されていて、ゆっくり階段を登る事ができそうです。
    このシリーズでJavaScriptとかCGIなども見てみたいですし、YouTuberなどの動画編集などの講座もあつたら利用したいですね。

    2023-01-09
  • a-1_000

    メーカー技術・研究・開発

    最後はかなり駆け足でしたが、画面の完成度も急速に上がっていきました。
    CONCEPTの書式の説明がスキップされていたような気がするのですが、私の見落としでしょうか。

    2023-01-14
  • hiro_yoshioka

    メーカー技術・研究・開発

    実践的でとてもわかりやすかったです!
    自分のと、見本のどこをみれば、修正できるかもよくわかりました。
    勉強の仕方がわかったという感じです。
    最初は写経するイメージですね。

    さらに、見本との違いがなくなるまで、
    続きをがんばります!

    2023-04-02
  • sphsph

    メーカー技術・研究・開発

    最後まで視聴しましたが、まだまだ理解不足です。

    2022-12-30
  • mytake21

    その他

    基礎的なところから、少しずつ知識を積み上げていけるよう説明していただけたので、とても理解が深まりました。
    一度ですべては理解できませんが、何度も繰り返し視聴したり、パラメータを変えたりして身に付けていきたいと思います。
    ありがとうございました。

    2023-01-18
  • toyohikom

    販売・サービス・事務

    非常に丁寧でハンズオンが分かりやすかったです。

    2023-01-21
  • ishiko1991

    人事・労務・法務

    業務の紹介等の内容を公開したい。

    2023-02-06
  • me_

    その他

    丁寧でわかりやすかったです!!

    2023-11-29
  • sathashi

    経営・経営企画

    別の入門コースを受けてからの実践だったので、非常にわかりやすかったです。
    コードそれぞれが何に使われるのか、がまだわからないながらも、構造から作るという設計の仕方が学べてよかったと思います。
    HTMLは設計なのでいいとしても、CSSの設定について、書く順番(widthからのことが多かったと思いますが・・・)はあるのでしょうか?
    ここにもお作法があるような気がしています。
    このあたりの開設があれば大変うれしいです。

    2024-01-09
  • ks1006

    その他

    cssについて学べたのはよかった。

    2024-02-03
  • sbsconts

    コンサルタント

    全く未知の分野であったWEBサイトの構築に関し、どのように作られていくのか、具体的に把握できました。自分でWEBサイトを構築できそうに思いますが、いざやろうとすると、動画を見ながらでないとできないと思われますが、何をどのようにしていくのかを認識できただけでも格段の進歩かと思います。ただし、VSCodeやイメージ図の取り込み方の手順まで説明があるとなお良かったかと思います。いずれにせよ、学んだことで、一度簡単WEBサイトを作ってみようと思います。

    2024-03-06
  • inaken

    IT・WEB・エンジニア

    HTMLなどの制作担当との話合いをする際に自分が理解しているかどうかで大きな差がでる。
    直接制作の業務ではないが学ぶことにより円滑に業務が周る様になる。

    2024-07-11
  • m_yuuki02

    その他

    テーブルの入れ子時代から製作に携わってきた私に取って、とてもシンプルなソースコードに感動すら覚えたことを改めて思い出しました

    2024-09-02
  • maycowcow

    専門職

    丁寧な説明で分かりやすかった

    2024-10-28

関連動画コース

新着動画コース

10分以内の動画コース

再生回数の多い動画コース

コメントの多い動画コース

オンライン学習サービス部門 20代〜30代ビジネスパーソン334名を対象とした調査の結果 4部門で高評価達成!

7日間の無料体験を試してみよう

無料会員登録

期間内に自動更新を停止いただければ、料金は一切かかりません。