3ページのコーディングを1日で完了させるためには、デザインが単純で要素が少ないことが前提となります。以下は、3つの基本的なページ（ホームページ、製品ページ、お問い合わせページ）の例です。これはあくまで基本的な構造であり、デザインや要件によっては追加の時間が必要です。
ホームページ (index.html):
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ホーム</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>ウェブサイトのタイトル</h1>
<nav>
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="product.html">製品</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section class="main-section">
<p>ウェブサイトのメインコンテンツがここに入ります。</p>
</section>
<footer>
<p>© 2023 ウェブサイト</p>
</footer>
<script src="script.js"></script>
</body>
</html>製品ページ (product.html):
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>製品</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>製品ページ</h1>
<nav>
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="product.html">製品</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section class="product-section">
<h2>製品の特徴</h2>
<p>製品の説明がここに入ります。</p>
</section>
<footer>
<p>© 2023 ウェブサイト</p>
</footer>
<script src="script.js"></script>
</body>
</html>
お問い合わせページ (contact.html):
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>お問い合わせ</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>お問い合わせページ</h1>
<nav>
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="product.html">製品</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section class="contact-section">
<h2>お問い合わせフォーム</h2>
<form id="contactForm" action="process.php" method="post">
<!-- お問い合わせフォームのコードを追加 -->
</form>
</section>
<footer>
<p>© 2023 ウェブサイト</p>
</footer>
<script src="script.js"></script>
</body>
</html>
お問い合わせページ (contact.html):
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>お問い合わせ</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>お問い合わせページ</h1>
<nav>
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="product.html">製品</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section class="contact-section">
<h2>お問い合わせフォーム</h2>
<form id="contactForm" action="process.php" method="post">
<!-- お問い合わせフォームのコードを追加 -->
</form>
</section>
<footer>
<p>© 2023 ウェブサイト</p>
</footer>
<script src="script.js"></script>
</body>
</html>
これは単なる基本的な例であり、実際のプロジェクトにはデザインや要件に応じて変更が必要です。特にお問い合わせページでは、フォームのバリデーションやセキュリティ対策なども考慮する必要があります。