目次
レスポンシブデザインの基礎を学ぼう
～すべてのデバイスに対応したウェブページ作成の第一歩～
スマートフォンやタブレット、デスクトップなど、さまざまなデバイスで快適に閲覧できるウェブページを作るためには「レスポンシブデザイン」が欠かせません。ユーザーのデバイスに合わせてレイアウトやデザインを自動的に調整する技術は、現代のウェブ制作において必須のスキルです。
- 検証ツールの使い方：異なるデバイスでの表示確認方法
- meta viewportの設定：画面幅に応じた正確なレイアウト調整
- ブレイクポイントの活用：デバイスサイズごとのデザイン調整の基本
レスポンシブデザインの基礎を習得し、多様なデバイスに対応できるウェブページ作りに挑戦してみましょう！
STEP
レスポンシブホームページ講座 (検証ツール)
動画で学ぶWebデザイン教室 Fuku…
00 レスポンシブホームページ講座 (検証ツール) | 動画で学ぶWebデザイン教室 Fukuokamiyako
レスポンシブホームページ制作講座の初回講座です。 レスポンシブとは、スマートフォン・タブレット・パソコン画面をHTMLはひとつで、CSSで見た目を可変するデザインのこと…
STEP
レスポンシブホームページ基本講座
動画で学ぶWebデザイン教室 Fuku…
01 レスポンシブホームページ基本講座 | 動画で学ぶWebデザイン教室 Fukuokamiyako
レスポンシブホームページ基本講座1回目の講座です。前回レスポンシブで必要なデベロッパーツールを解説していますので、こちらの回がまだの場合は、初回講座をご覧くださ…
STEP
レスポンシブホームページ基本講座 ブレイクポイント
動画で学ぶWebデザイン教室 Fuku…
02 レスポンシブホームページ基本講座 ブレイクポイント | 動画で学ぶWebデザイン教室 Fukuokamiyako
レスポンシブホームページ基本講座2回目の講座です。今回はレスポンシブデザインでは、必須の「ブレイクポイント」を解説していますので、1回目はがまだの場合は、レスポン…
HTML要素 -よく使うタグ名と使う場所とコード確認-
HTML要素の基本を学ぼう
～よく使うタグ名・使い方・コード例～
HTML（HyperText Markup Language）は、ウェブページを構築するための基礎となる言語です。その中でも「タグ」と呼ばれる要素が重要な役割を果たします。タグを正しく使うことで、情報の構造や意味を明確にし、ウェブサイトの見た目や機能を整えることができます。
この章では、特によく使われるHTMLタグについて解説します。それぞれのタグがどのような場面で使われるのか、また実際のコードではどのように記述するのかを具体例を交えながら確認していきましょう。基本をしっかり押さえることで、より使いやすく、わかりやすいウェブページを作れるようになります！
動画で学ぶWebデザイン教室 Fuku…
HTML要素 -よく使うタグ名と使う場所とコード確認- | 動画で学ぶWebデザイン教室 Fukuokamiyako
HTML要素の基本を学ぼう HTML（HyperText Markup Language）は、ウェブページを構築するための基礎となる言語です。その中でも「タグ」と呼ばれる要素が重要な役割を果たし…
