これまでに書いてきたタグだけで、超シンプル漫画サイトを作ることが出来ます。
漫画ページは、ページめくりタイプです。サンプルを作ってみました。
「漫画」をクリックすると
漫画の１ページ目が表示されます。
左下の「次へ」をクリックすると、２ページ目に飛びます。（３ページ目まで作っています）
これが、極限まで妥協し、記述を削った、漫画サイトです。
これまでの記事を読んだ方は、恐らく簡単に漫画ページを作成できます。
やったー。これで自分のサイトが持てるぞー！………とは、なりませんよね。
左に寄りすぎじゃない？とか
リンク文字、青字にアンダーラインって古臭いよ…。とか
「次へ」をボタンにしたい。とか。
そう。これが、いかに妥協してシンプルに作るか、妥協せず作り直しを重ねて理想に近づけるかの選択所となります。
こんなんじゃないですよね。理想。じゃあ、頑張って記述していきましょう！！今回はしないけど。
おまけ
こんなしょぼい漫画サイトのコードなんていらない。なんて言わないで。これをベースにカスタマイズしていきましょう。少しずつマシにしていこう！
bodyの中身だけ、乗っけます。その他はindex.htmlと同じです。
HTML（漫画ページ１ページ目）
<body>
<h1><img src="image/logo.png" alt="漫画サイトつくるぞ！" width="400"></h1>
<img src="image/comic_1.png" alt="漫画１ページ目" width="400">
<p><a href="comic_2.html">次へ</a>
<a href="index.html">トップへ戻る</a></p>
</body>HTML（漫画ページ2ページ目）
<body>
<h1><img src="image/logo.png" alt="漫画サイトつくるぞ！" width="400"></h1>
<img src="image/comic_2.png" alt="漫画２ページ目" width="400">
<p><a href="comic_3.html">次へ</a>
<a href="comic.html">戻る</a></p>
</body>お疲れさまでした。
コメント