言語を学ぶ

HTML&CSSでつくるノートPC風デザイン

HTML&CSSでつくるノートPC風デザイン

チャプター:8

このブックでは、HTMLとCSSを使用してノートパソコンのようなレイアウトを作成します。

1.全体のHTML構造をつくろう

このチャプターではHTMLを用いて、HTML全体の構造を作成していきます。このチャプターを通して、一般的なWebサイトで採用されるHTML構造の基本的なパターンを学習することができます。

40P

2.全体の枠組みを装飾しよう

このチャプターでは、全体の枠組みの装飾を行います。

28P

3.PCの上側の装飾をしよう

このチャプターでは、ノートパソコンの上側、つまり「カメラ」と「ディスプレイ」を含む部分の装飾を行います。

34P

4.ディスプレイ部分の位置設定をしよう

このチャプターでは、「ディスプレイの内側」と「パソコン内蔵のカメラ」が「ディスプレイの外側」を起点として位置を計算するように準備を行います。

32P

5.ディスプレイの内側の装飾をしよう

このチャプターではディスプレイの内側の装飾を行っていきます。

36P

6.カメラ部分の装飾をしよう

このチャプターでは、ディスプレイの上側の「ノートパソコン内蔵カメラ」部分の装飾を行います。

32P

7.PCの下側の装飾をしよう

このチャプターでは、ノートパソコンの下側、つまり「本体部分」と「凹み部分」を含む部分の装飾を行います。

34P

8.PCの下側に凹みをつけよう

このチャプターでは、ノートパソコンの下側の真ん中に凹みをつけます。

38P