0
私はHTML5とCSS3を学ぶ上での進歩を記録するために非常に簡単なブログページを作っています。これまでのところ、2つの非常に基本的な投稿があります。私が作成したいのは1ページあたり10個の投稿の制限です。それから私が見たTumblrのブログのように、最新の投稿が一番上に新しいページが作成されます。ページの下部には、「古い投稿」と「新しい投稿」ボタンがあり、10のブログ投稿を前後に循環させます。新しい投稿を作成すると、10番目の投稿が前のページにプッシュされます。最終的に、月ごとに自分の投稿を並べ替えるブログアーカイブを作成します。ユーザーは1ページの1か月のすべての投稿を見ることができます。私はHTML5とCSS3の新機能で、javascript、PHPなどを学びたいと思っています。任意のヘルプ、リンクさえも高く評価されます。ここで私はこれまで持っているものです。HTML5ページ番号
<head>
<meta charset="utf-8">
<title>SmithSite:Blog</title>
<link rel="stylesheet" type="text/css" href="mycss.css">
<link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css'>
<!–[if lte IE 9]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>
</head>
<body>
<header>
<h1>SmithSite</h1>
</header>
<nav>
<div id="menu">
<ul id="menu">
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="about.html" title="About">About</a></li>
<li><a href="blog.html" title="Blog" class="active">Blog</a></li>
</ul>
</div>
</nav>
<article>
<header><h2>Adventures in HTML5 (Mon Mar 5 23:02:05 EST 2012)</h2></header>
<p>So far, I've learned a little bit about HTML5 and CSS3. I've been using emacs as my editor. It has some very strance, but efficient keyboard shortcuts. It takes a little while to get used to, but I'm sure I'll get the hang of it. So far, I've created 3 buttons as you'll notice above. Next time, I'll try working on how to get this blog to span over multiple pages, or try to work out how to archive it.</p>
</article>
<article>
<header><h2>My First Entry (02.24.12)</h2></header>
<p>This is the contents of the article element. I can't tell if this will extend past the end of the page or not, but I'll just keep on typing until I see the result. I guess this is my first blog entry. I'm messing around with a little HTML and some CSS. I hope I can make a kickass webpage soon. Hey look, it automatically sets borders based on the style tag above! HTML5 is so smart!</p>
</article>
</body>
あなたはデータベースのバックエンドと考えていますか？ – Randy