このページの短縮URL(リンク用) §09-04…下層ディレクトリの作成 – オンライン無料パソコン講座 | PCセミナー

§09-04…下層ディレクトリの作成

(01) ひとつのフォルダーだけでWebページやCSSファイルなどを管理しても良いのですが、あまりファイル数が増えてくると管理が大変になります。そこでファイルを分別するフォルダー(ディレクトリ)を二つ作成します。イチゴ狩りに関するファイルを保存するディレクトリを「gari」、イチゴ製品に関するファイルを保存するディレクトリを「seihin」、という名前で作成してください。

(02) それでは、「gari」フォルダー内にイチゴ狩りに関するメインページを作成・保存します。以下のソースのWebページを「gari」フォルダーに「garimain.htm」というファイル名で作成してください。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>イチゴ狩りトップ</title>
<link rel="stylesheet" type="text/css" href="str.css" />
</head>
<body>
<h1>ストロベリーSHOP</h1>
<h2>イチゴ狩りを楽しむ</h2>
<p class="setumei">ストロベリーSHOPの楽しいイチゴ狩り体験。あなたも美しい自然の中で甘くて大きいイチゴを味わってみませんか?</p>
<h3>冬のイチゴ</h3>
<h3>春のイチゴ</h3>
<h3>イチゴ狩りの営業案内</h3>
<h4>HOMEへ</h4>
</body>
</html>

(03) このページをブラウジングしましょう。CSSが適用されていませんが、気にしません。