レッスンHTML/CSSの応用操作

    見放題

このレッスンを受講するには

【実践型】動画 総再生時間 約2時間10分
★関連ファイルより資料をダウンロード後レッスンを視聴
HTML/CSSの基本操作を学んで
Webページの構造を理解しよう！


全7パート順番に学習をすすめてください。

1

サイトアイコンの設定（14分45秒）

2

OGPの設定（8分36秒）

3

レスポンシブの対応（47分13秒）

4

要素の配置指定（25分7秒）

5

高度なアニメーション（22分7秒）

6

SEOとアクセシビリティ（14分17秒）

7

テスト

このレッスンについて

実践で学ぶプロ仕様のWebデザインを学ぼう！

 
SEO対策やアニメーション、レスポンシブデザインなど、
ワンランク上のスキルを身につけましょう！

レッスン概要

6レッスン（約10~30分）

学べること


サイトアイコン & OGP設定 – SNSでの表示最適化＆ブランド力アップ
レスポンシブデザイン – PC・スマホ両対応のレイアウト調整
要素の高度な配置 – Grid & Flexboxで自由自在なデザインを実現

特徴

 
どのデバイスでも美しく見せるテクニックを学べます
高度なアニメーションでより魅力的なウェブサイト構築ができます
SEOを意識したウェブサイト制作ができます

各パートについて

  1. 1サイトアイコンの設定（14分45秒）

    ↓サイトアイコンファイルは下記よりダウンロードください↓faviconファイル↓ファビコンジェネレーターサイトは下記です↓favicon-generator.com

  2. 2OGPの設定（8分36秒）

    ↓OGP確認ツールは下記です↓ https://ogp.buta3.net/

  3. 3レスポンシブの対応（47分13秒）

    ★完成例は関連ファイルをご参照ください

  4. 4要素の配置指定（25分7秒）

    ★完成例は関連ファイルをご参照ください

  5. 5高度なアニメーション（22分7秒）

  6. 6SEOとアクセシビリティ（14分17秒）

  7. 7テスト

関連ファイル

※関連ファイルは受講可能になるとダウンロードできます

  • 関連ファイル_HTMLCSS応用実践.zip(3.15 MB)