Web制作入門

WebページはHTML・CSSという言語によって見た目が作られています。まずはHTMLとCSSの基礎を学びましょう。

border・余白・擬似要素・重なり順など、CSSによる細かなスタイリングの基礎を身につけます。

HTML・CSSを学びながら、Webページを作成します。Webページの基本的な構造を理解し、レイアウトを整える方法を学びましょう。

基本的なHTML・CSSを使ってWebページを作成したので、今度はより実践的なスキルを身につけるためにモダンなランディングページを作成しましょう。

レスポンシブデザインは、現代のWeb制作においては必須の技術です。「ランディングページを作成しよう」で作ったWebページにレスポンシブデザインを適用しながら、あらゆる画面サイズで最適な見た目を作る方法を学びましょう。

CSSを使ったレイアウト方法の1つであるFlexboxを学んでいきましょう。学習する内容はFlexboxのたくさんあるプロパティの中でも、特によく利用されるものになります。Flexboxはとても便利なので、しっかり理解しておきましょう。

Gridは、より複雑なレイアウトを実現できるCSSの機能です。ここで基本的な使い方を理解しましょう。

CSSで動きのある魅力的なWebページを作成するために、CSSアニメーションの基本を学びましょう。

CSS変数は、CSSの保守性を向上させる強力な機能です。CSS変数の基本的な使い方を学び、効率的にスタイルを管理する方法を学びましょう。

calcや:has、コンテナクエリなど、実務で役立つ実践的なCSSテクニックを学びます。

Font AwesomeやGoogle Fontsなどのライブラリを活用して、表現の幅を広げます。

フォーム要素やバリデーションを使って、実用的な入力フォームを作成します。

レスポンシブ画像やdialog要素など、知っておくと差がつくHTMLのテクニックを学びます。

アクセシビリティ・パフォーマンス・SEOを意識した高品質なマークアップを学びます。

モーダル・スライダー・アコーディオンなど、よく使うUIコンポーネントを実装します。

実在するようなWebサイトを一から模写して、総合的な実装力を鍛えます。