３．ページ全体を装飾する

さて。ここから作業に入ります。

まず、CSSが使える環境を整えましょう。
「first_web」フォルダの中に、「style.css」というファイルを作ります。

手順１：「first_web」フォルダを開き、右クリックから「テキストファイル」を選択

手順２：そのファイルの名前を「style.css」に変更

手順３：「拡張子を変更すると、ファイルが使えなくなる可能性があります。」と出てきますが、使えなくならないので「はい（Y）」をクリック

手順４：index.htmlを開いて、<head>内を以下のように変更する（赤いところが追加箇所です）。

<head>
 <title>初めてWeb入門　テスト用ウェブサイト</title>
 <meta http-equiv="content-style-type" content="text/css">
 <link rel="stylesheet" href="style.css" type="text/css">
</head>

※これも、お決まりのフレーズです。覚えなくても構いません。

以上。完成です。
これで、style.cssがindex.htmlに反映されるようになりました。それでは、style.cssのアイコンをダブルクリックで開いてから、以下の作業を始めましょう。

あなたも、サポートメールに参加しませんか？

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね＾＾

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。

３． ページ全体を装飾する

あなたも、サポートメールに参加しませんか？

３．ページ全体を装飾する