戻る

作成した外部スタイルシートの読み込み設定をする

HTML

ファイル名：hollywood_cafe/4t/top.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="ハリウッド・カフェはクリエイターが集まる創造空間カフェです。">
<meta name="keywords" content="カフェ,クリエイター,CAFE,作品,創造,空間">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print">
<title>HOLLYWOOD CAFE</title>
</head>
<body>
<!-- ヘッダ要素　ここから -->
<h1><img src="images/top/hc_logo.png" alt="HOLLYWOOD_CAFE" width="140" height="170"></h1>
 
<h2>クリエイターが集まり、作品が生まれる。創造空間カフェ。</h2>
 
<p><a href="sitemap.html">Sitemap</a></p>
<!-- ヘッダ要素　ここまで -->
<hr>
 
<!-- ナビゲーション　ここから -->
<ul>
	<li><img src="images/top/navi_on_home.jpg" alt="Home" width="120" height="30"></li>
	<li><a href="about.html"><img src="images/top/navi_about.jpg" alt="About" width="120" height="30"></a></li>
	<li><a href="menu.html"><img src="images/top/navi_menu.jpg" alt="Menu" width="120" height="30"></a></li>
	<li><a href="access.html"><img src="images/top/navi_access.jpg" alt="Access" width="120" height="30"></a></li>
	<li><a href="contact.html"><img src="images/top/navi_contact.jpg" alt="Contact" width="120" height="30"></a></li>
</ul>
<!-- ナビゲーション　ここまで -->
<hr>
 
<!-- Welcome to HOLLYWOOD CAFE　ここから -->
<h3><img src="images/top/top_ttl_welcome.gif" alt="welcome to HOLLYWOOD CAFE" width="440" height="30"></h3>
 
<p><img src="images/top/top_welcome_img.jpg" alt="" width="160" height="114">ハリウッドカフェは、グラフィックやWebデザインをはじめ、色々なジャンルで活躍するクリエイターが交流する創造空間カフェです。仕事をお探しの方、仕事を依頼したい方、仕事仲間を探している方、ハリウッドカフェで新たな出会いを探してみませんか。</p>
<!-- Welcome to HOLLYWOOD CAFE　ここまで -->
 
<!-- Recommended menu　ここから -->
<dl>
	<dt><img src="images/top/top_ttl_recommend.jpg" alt="Recomended menu" width="190" height="20"></dt>
	 
	<dd>
		<ul>
			<li><img src="images/top/top_recommend_img_01.jpg" alt="ハリウッド・バーガー" width="153" height="118">
				<dl>
					<dt>
					<strong>ハリウッド・バーガー</strong>
					</dt>
					<dd>
					<p>¥880</p>
					</dd>
					<dd>
					<p>当店で毎日焼き上げる自家製のパンを使ったオリジナルハンバーガー。ハンバーガーパティーは、厳選した国産和牛肉を炭火で焼き上げます。パント肉本来の持つ旨味を存分にお楽しみ下さい。</p>
					</dd>
				</dl>
			</li>
			<li><img src="images/top/top_recommend_img_02.jpg" alt="ハリウッド・プレート" width="153" height="118">
				<dl>
					<dt>
					<strong>ハリウッド・プレート</strong>
					</dt>
					<dd>
					<p>¥1,380</p>
					</dd>
					<dd>
					<p>お酒を飲みながら軽い食事を楽しんでいただける5点盛り合わせ。どれも新鮮な素材を使用した手作りの味が自慢です。是非一度御賞味下さい。</p>
					</dd>
				</dl>
			</li>
		</ul>
	</dd>
</dl>
<!-- Recommended menu　ここまで -->
 
<!-- Information　ここから -->
<dl>
	<dt><img src="images/top/top_ttl_information.jpg" alt="Information" width="220" height="30"></dt>
	<dd>
		<iframe src="info.html" width="220" height="200" name="info" title="Information" frameborder="0">インラインフレームを使用しています。<a href="info.html">非対応環境の方はこちらより新着情報をご覧ください。</a></iframe>
	</dd>
</dl>
<!-- Information　ここまで -->
 
<!-- バナー　ここから -->
<ul>
	<li>お得なセットメニュー</li>
	<li><a href="http://www.sugiyama-style.tv/" target="_blank">オーナーブログ</a></li>
</ul>
<!-- バナー　ここまで -->
 
<!-- ページトップへのリンク　ここから -->
<p><a href="#pageTop">PageTop</a></p>
<!-- ページトップへのリンク　ここまで -->
<hr>
 
<!-- フッタ要素　ここから -->
<address>Copyright 2007 HOLLYWOOD CAFE, ALL Rights Reserved.</address>
<!-- フッタ要素　ここまで -->
</body>
</html>

ファイル名：hollywood_cafe/4t/info.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="ハリウッド・カフェは、クリエイターが集まる創造空間カフェです。">
<meta name="keywords" content="カフェ,クリエイター,CAFE,作品,創造,空間">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print">
<title>HOLLYWOOD CAFE</title>
</head>
<body id="infoBody">
	<dl id="infoData">
	<dt>2007.08.25</dt>
	<dd>
		<p>9/1（土）17：00より世界中から集めたCG映像作品上映会を開催します。</p>
	</dd>
	<dt>2007.07.07</dt>
	<dd>
		<p>8/25（土）よりHOLLYWOOD CAFEがオープンいたします。</p>
	</dd>
		</dl>
</body>
</html>

CONTACTページの外部スタイルシートの設定は後で行います。ここでは、TOPページに関するページのみ設定しましょう。

inserted by FC2 system