ArtNavi ホームページ作成入門HTML5文書作成
見本のコピーを行い、デスクトップへ解凍します。
解凍後の説明です。
まず、ヘッド部の必要部分を修正します。直す部分は次のところです
<title>ここにタイトルを書きます</title>
<meta name="author" content="ここに作者名を書きます" />
<meta name="description" content="ここにページの説明文を書きます" />
<meta name="keywords" content="キーワード1,キーワード2" />
- title つまり、タイトルを自分のサイト名にします（例：山中絵日記）
ダブルコーテーションを消さないようにしましょう - メタネームの、keyword つまり、キーワードを入れます。複数の場合、半角のカンマを入れます
- author つまり、著者を自分の名にします。ニックネームで良いでしょう
- discription つまり、サイトの説明文を書きます
次に、ボディ部を直します
<h1 itemprop="name">ここにタイトルを書きます</h1>
<p class="right" itemprop="description">ヘッダ部分の説明を書きます</p>
<form class="migi">
<li>ナビゲーション: </li>
<li><a href="nikki.html">絵日記</a> | </li>
<li><a href="http://www2.mmc.atomi.ac.jp/~artnavi1/index.html"
target="new">他者リンク例：ArtNavi</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h2>目次の見出しを書きます</h2>
<p>内容の文章を書きます</p>
</article>
</section>
<footer>
<p><span itemprop="title"><a href="index.html" target="_top">自分サイト名</a></span>
| <span itemprop="name">作者名</span> | <time itemprop="startDate"
datetime="2014-04-26">2014年4月26日</time> - <time itemprop="lastDate"
datetime="2014-05-10">2014年</time> | <span itemprop="url">
<a href="nikki.html">次ページへ</a></span> </p>
</footer>
</body>
</html>
- 「ここにタイトルを書きます」を、自分のサイト名にします
- 「ヘッダ部分の説明を書きます」を、サイトの説明にしましょう
- リンクのアドレスを自分の知り合いサイトに変えて、「他者リンク」を「知り合いサイト名」にしてみよう
- 「目次の見出しを書きます」を、「目次」とでもしてみましょう
- 内容の文章を、自分のページに合わせて、何か書きましょう
- フッタ部も直してみましょう
- 修正し終えて、Ctrlキーを押しながらSキーで上書き保存してみましょう
- ホームページに移動して、F5キーで更新してみましょう