実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう

Webサイトコーディングスキルを習得！実践的なWebデザイン講座

HTMLとCSSの基礎知識をお持ちの方へ。このコースでは、実践的なWebサイトコーディングスキルを習得し、自信を持ってWebサイト制作に取り組めるようになります。初級・中級・上級の3つのWebサイトを段階的に作成していくため、基礎から応用まで無理なく学べます。

実績ある日本のWebデザインスクールが提供する、1000名以上が卒業している信頼のコースです。

こんな方におすすめ

• 基礎的なHTMLとCSSの知識はあるが、実際のWebサイト制作に自信がない方
• 実践的なコーディングスキルを身につけたい方
• Webデザインの基礎を学び、Webサイト制作の幅を広げたい方

コースの特徴

• 90時間以上の充実した内容：90レッスンを5分程度の動画で解説
• 段階的な学習: 初心者から上級者まで、レベルに合わせたコース構成
• 無理なく学べる: 充実した内容ながら、短時間で理解できる工夫
• 実践重視: 実際のWebサイトを参考に、手を動かしながらスキルアップ

コース内容

【初心者向け】

1. クリニックサイトのマークアップ(1)：クリニックのトップページをHTMLとCSSで1から作成。画像タグやfloatを活用し、Webサイトの基本構造を理解します。初めてWebサイトをマークアップする方におすすめ。
2. クリニックサイトのマークアップ(2)：メイン画像表示、ボックスの横並びなど、HTMLとCSSの応用テクニックを習得。前回の章の知識を活かし、より複雑なレイアウトに挑戦します。
3. クリニックサイトのマークアップ(3)：スクロール表示する新着窓など、実用的なマークアップ方法を学びます。
4. クリニックサイトのマークアップ(4)：トップページを複製し、下層ページをマークアップ。コンテンツのみを変更することで、効率的なWebサイト構築を習得します。
5. クリニックサイトのマークアップ(5)：お問い合わせフォームの作成や、CSSによるデザイン調整など、操作性も意識したマークアップ方法を学びます。

【中級者向け】

1. 美容院のWEBサイト(1)〜トップページ編：美容院のWebサイトデザインをHTMLとCSSで1からマークアップ。シャドウや背景画像など、少し複雑なスタイルを適用します。
2. 美容院のWEBサイト(2)〜トップページ編：マウスホバーでリンクに下線をつけるなど、操作性も考慮したマークアップ方法を学びます。
3. 美容院のWEBサイト(3)〜トップページ編：要素外からはみ出た部分をスクロールできる新着窓の作成など、覚えておくと便利なマークアップ方法を学びます。
4. 美容院のWEBサイト(4)〜下層ページ編：トップページのファイルを複製し、下層ページをマークアップ。
5. 美容院のWEBサイト(5)〜下層ページ編：inputタグを利用したお問い合わせフォームの作成と、CSSによるデザイン調整を行います。

【上級者向け】

1. Webマガジンサイトのマークアップ(1)：HTMLとCSSを用いて、縦に長いコンテンツ量の多いWebメディアを1からコーディング。繊細な作業が必要となるため、タイプミスに注意が必要です。
2. Webマガジンサイトのマークアップ(2)：様々なHTMLタグやCSSプロパティを駆使し、デザインをそのまま反映させるマークアップ方法を学びます。
3. Webマガジンサイトのマークアップ(3)：背景画像を利用し、ページの読み込み速度を最適化するマークアップ方法を習得します。
4. Webマガジンサイトのマークアップ(4)：ページネーションやフッターなど、Webメディアに必要な要素をマークアップします。コンテンツ量の多いサイトの構築に特化した上級編です。

このコースで、Webサイトコーディングの基礎を習得し、Webデザイナーとしての第一歩を踏み出しましょう！