WEBサイト制作の進め方を初心者の方にもわかりやすく説明していきます。
WEBサイトの制作の進め方
WEBサイトの制作は慣れていない人にとっては何から手をつければ良いのかわかりません。制作の進め方は人によって変わりますが、一般的には下記の流れで制作することが基本とされています。
(1)html要素、head要素、body要素を配置
(2)doctype宣言を記述
(3)head要素内を必要な項目のみ記述
(4)body要素内で大きなブロックごとに要素を配置(header要素、nav要素、div要素、footer要素など)
(5)各ブロックごとに制作
下記は(4)まで対応したソース例です。ページの上から記述するのではなく、先に必要となる要素をブロックごとに記述してしまいましょう。全体を俯瞰して制作を進めることで、体裁や表現の揺れなどのミスを防ぐことができます。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
</head>
<body>
<header>
<nav>
</nav>
</header>
<div>
</div>
<footer>
</footer>
</body>
</html>
POINT
制作はページの上から進めるのではなく、まずブロックごとに要素を並べましょう。
コメント