カテゴリー: 学科（HTML/CSS基礎）

学科 HTML基礎①

-本日のアジェンダ-

1限目
学科 HTML基礎①
マークアップについて（復習）

2限目
学科 HTML基礎①
サブページの作成

3限目
学科 HTML基礎①
表の作成

4限目
学科 HTML基礎①
ページ同士の連携について

5限目
学科 HTML基礎①
CSSについて

本日のテーマ

サブページを作ってみましょう。

表の作成について

参考サイト

パスについて

  • パスは読み込むファイルの場所をコンピューターに教えるために書く
  • パスはhtmlのaタグ、imgタグ、linkタグ、scriptタグなどで使用する
  • パスの書き方は「絶対パス」と「相対パス」の２種類がある
  • 外部サイトのファイルを読み込む場合は絶対パス、同じwebサイト内（サーバー）のファイルなら相対パス

参考サイト

学科（HTML/CSS基礎⑥）

-本日アジェンダ-

1限目
学科（HTML/CSS基礎⑥）
リセットCSSについて

2限目
学科（HTML/CSS基礎⑥）
imgについて

3限目
学科（HTML/CSS基礎⑥）
backgroundについて

4限目
学科（HTML/CSS基礎⑥）
デザインラフ制作

5限目
学科（HTML/CSS基礎⑥）
本日のまとめ

本日のテーマ

CSSを意識してレイアウトを考えましょう。

本日のキーワード

  • リセットCSS
  • background
  • img

リセットCSSとは？

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 … リセットCSSは、CDNを使ったりコードをコピペするだけで簡単に導入することができるので、Webサイトをコーディングするときには正しくリセットCSSを使用するようにしましょう。

リセットCSSのポイント！
リセットCSSは育てていきましょう！！

参考サイト


背景画像の指定は「 background 」

背景画像のサイズ指定は「background-size」