現在地: Home » 初級ホームページ作成講座：目次 » 基本設定

基本設定

CSS/HTMLファイルの設定

下記コードをCSSファイルにコピー&ペーストして下さい。

下記コードをHTMLファイルにコピー&ペーストして下さい。

CSS/HTMLファイルの解説

 body{
font-size: 85%;-----/1
text-align:center;-----/2
padding:0;-----/3
margin: 0;
}
  1. font-size: 85%;
    • ページ全体のフォントサイズをここで指定します。
      指定にはなるべく相対値（%.em.small）を指定しましょう。絶対値を指定するとIEではブラウザ側でフォントの変更が出来ません。状況に応じて使い分けるのが一番です。
  2. text-align:center;
    • コンテンツを中央に配置する為の指定で、古いブラウザ対応です。
  3. padding:0;margin: 0;
    • 各種ブラウザ対応です。各ブラウザによってデフォルトの余白設定がマチマチなので「0」と指定して統一します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">というのは、ある決まりに従って記述してます・・・・という意味です。（100%）ではありません。そのくらいの知識でよいです。

<meta name="description" content="ホームページの説明文">
<meta name="keywords" content="キーワード">
の部分はSEO：検索エンジン対策で説明しますが、検索エンジン【Yahoo】【Google】等のロボットにページの情報を提供する箇所とでも覚えておいて下さい。

練習なので【タイトル】は「ホームページ作成」と勝手に付けてます。変更して頂いてOKです。

<link rel="stylesheet" href="css/hp.css" type="text/css">部分でスタイルシートをリンクしています。外部CSSについて

以上で準備完了です！→作業手順2へ進む！

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース