外部cssを使おう
さて、いよいよデザインに入ります。
デザイン部分はcssという物を使いデザインしていきます。
cssとはCascading Style Sheetsの略です。
このcssで文字の大きさや色全体のレイアウトなどの調整をしていきます。
cssの記述は今まで作ってきたindex.html内にも書くことはできませうが
検索エンジン対策のためソースコードと分離し別ファイルを作りましょう。
test用のフォルダの中にcssというフォルダを新たに作りさらにその中にmain.cssという空のファイルを作っておいて下さい。
main.cssの中にこれからcssを記述していきます。
下記の赤い記述をhtmlに追加して準備完了です。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>誰でもできるホームページ制作</title>
<meta name="Keywords" content="ホームページ制作,WEB制作,作り方,html,css" />
<meta name="Description" content="ホームページ制作は簡単です！このホームページでは誰でもホームページが作れるようにホームページ制作を１から詳しく解説しています。毎日少しずつ読み進めていってぜひ自分でホームページを作ってみて下さい。" />
<link href="../css/main.css" rel="stylesheet" type="text/css" />
</head>
