チュートリアル1(モックアップ)

今回はブログ(のようなもの)を作成します。
画面が大きいので、メイン画面、投稿画面で確認して下さい(ファイル一式ダウンロード)。

動作は以下のようにします。

1. 最近の記事は、最大５件を表示。
2. 中央部の記事は３件まで表示。
   それより多い場合は、前へ、次へリンクで移動。
3. ホームリンクは先頭へ戻る。
4. 写真は上下、最大２ヶ所。
5. ログインのパスワードは"pass"。
6. 削除用投稿リストは、全件そのまま表示する。
7. 新規投稿はできるが、修正機能は持たない。
8. 本文はタグをそのまま書きこむようにする。
   改行も<BR>と書かなくてはならない。
9. アップロードするものは、拡張子が jpg でなければエラーとする。
10. アップロードした画像は、"/tmp/blog/"の下に保存する。
    また、表示もそれを参照する。
11. 画像は必須項目としない。
    カテゴリは最低１つ選ばせる。
    それ以外は必須項目。
12. 例によって DB 等使わず、単純に変数上で管理する。

blog.html は<DIV>だらけで構造が見えにくいので、name を付けている<DIV>をピックアップします。

以下は main の中身です。article が点線枠で囲まれている部分で１つの記事を表します。article が複数個 main の中で縦に並びます。

チュートリアル2(スケルトン)へ