ホームページ中級講座

目次

ホームページ作成の次なるステップへ

~中級講座:デザインと機能性を高めるコツ~

ホームページ作成の基礎を身につけた皆さん、次は一歩進んでデザインと機能性を高めるステップに進みましょう。この講座では、より魅力的で使いやすいウェブページを作るためのテクニックを学びます。

  • ナビゲーションの作り方:訪問者がスムーズに情報へアクセスできるようにするコツ
  • Googleフォントの指定方法:デザイン性を向上させるフォントの活用
  • 隣接セレクタの活用:より細やかなデザイン調整を可能にするCSSテクニック
  • footerの下部固定:ページのレイアウトを整える方法

練習するための準備

ホームページ作成のためのコード。HTML/CSSを練習するためには、エディタが必要です。動画の中では、ブラケッツを使っていますが、サポートが終了しているので、途中からビジュアルスタジオコードを使っています。そのVisual Studio Codeのインストールも確認しておきましょう。

ホームページ中級講座 11ステップ

STEP
ホームページ中級講座 ナビゲーションの作成(HTML)
STEP
ホームページ中級講座 ナビゲーションの作成(CSS)
STEP
ホームページ中級講座 Webフォントを指定してみよう
STEP
ホームページ中級講座 display:flex のおさらい

STEP
ホームページ中級講座  様々なセレクタ 隣接セレクタ
STEP
ホームページ中級講座 便利なEmmet!

STEP
ホームページ中級講座 CSSで作成するロゴ

STEP
ホームページ中級講座 floatを使った周り込み

STEP
ホームページ中級講座  footerを下部に固定
STEP
ホームページ中級講座 HTML編 フォトギャラリーを作る
STEP
ホームページ中級講座 Table要素を使って表組作成

HTML要素 -よく使うタグ名と使う場所とコード確認-

HTML要素の基本を学ぼう

~よく使うタグ名・使い方・コード例~

HTML(HyperText Markup Language)は、ウェブページを構築するための基礎となる言語です。その中でも「タグ」と呼ばれる要素が重要な役割を果たします。タグを正しく使うことで、情報の構造や意味を明確にし、ウェブサイトの見た目や機能を整えることができます。

この章では、特によく使われるHTMLタグについて解説します。それぞれのタグがどのような場面で使われるのか、また実際のコードではどのように記述するのかを具体例を交えながら確認していきましょう。基本をしっかり押さえることで、より使いやすく、わかりやすいウェブページを作れるようになります!

目次