Web制作の基礎

Web制作で使う単位

CSSでさまざまなサイズを指定する時は、単位を伴う数値を用いる。単位には相対単位*1と絶対単位*2の2種類がある。 相対単位 単位 読み方 サイズ em エム 1em=1文字分の大きさ ex エックスハイト 1ex=小文字のxの高さ px ピクセル 1px=画面上の1ピクセル %…

Webサイト用ファイルの準備作業のポイント

Webサイトで扱うファイルの整理の仕方の基本ルール HTML文書のひな形と原稿は別々に用意する ページごとにフォルダ(ディレクトリ)にまとめて管理する 関連ファイルも種類ごとにフォルダで区分けして管理する ファイル名は半角英数でつけ、特殊な記号は使用…

Webサイトで使われる3つの画像形式

Webサイトで利用される画像形式はJPEG(JPG)、GIF、PINGの3つが代表。それぞれは主な特徴は以下のとおり。 画像形式の種類と特徴 形式 JPG GIF PNG-8 PNG-24 色数 約1670万色 256色 256色 約1670万色 透明 扱えない 扱える 扱える 扱える 適しているもの 写真…

Webサイトの基礎知識まとめ

ごくごく基本的な事項を箇条書きでまとめます。 Webサイトは複数のWebページで構成されている WebページはHTML文書というテキストファイルでできている Webページはそれぞれハイパーリンクで文書間を行き来できる HTML(Hyper Text Markup Language)はWebペ…

レスポンシブ・デザインを実装する3つのポイント

【1】A flexible grid(リキッド・レイアウト) div.wrapper{ width: 940px; } ↓ div.wrapper{ width: 90%; } 【2】Flexible images(画像 可変) サイズに合わせ画像が収縮 ▼foreground img { width: 100%; max-width: 100%; height: auto; display: block }…