WEBサイトに関する質問です。下記サイトを参考にして頂きたいです。

初級中級レベルであれば習作にはちょうどいい題材だと思いますよ。

・ディレクトリを読む。

・ディレクトリ内の画像ファイルとその更新日時を配列にストックする。

・更新日時で並び替え。

・適当なHTML要素として吐き出し。

ってところでしょうか。

レイアウトに関しては単純にリストにでもしておけばブラウザの幅か親要素に幅を指定しておけばその範囲で折り返してくれるでしょう。

ただし、例に挙げているサイトのようにサムネイルの大きさを統一したいとなると少し複雑。

表示のたびに全てのサムネイルを毎回動的に作るのも非効率なので別のディレクトリなどにキャッシュとして貯めておくとか工夫が要ります。

また、一度に大量のファイルを追加する可能性があるなら、サムネイル作成用のスクリプトを別に用意して実行するような運用が要るかもしれません。

少し毛色が違いますが、単発で最新（または指定した鮮度）の画像を表示するというCGIがありましたのでもしかしたら参考になるかも。

http://localhost/wws/cgi-plant/ni/

http://www.ruby-lang.org/

cronデーモンとRubyスクリプトを使って同じようなことをしていた時期があります。

# 個人で使っていただけなので、その後flickrが便利になったときに移行しましたが。

プログラムとしては、アップロード用と表示用の2種類を用意します。

▼アップロード用

まず、アップロード用はウェブページのフォーム(<input type='file' name='***' />)から送信されたファイルを保存します。

ここで、保存する際にファイル名を現在の「年月日時分秒+nn」にしておきます。

(nnは00～99までの連番で同じ時間にアップロードがあった場合の対策です）

下記を参照

http://www.standpower.com/php_up.html

▼表示用

次に、表示用はimageフォルダ内からファイルの一覧を取得します。

glob関数を使うと簡単です。（http://phpspot.net/php/man/php/function.glob.html）

取得したファイルのリストを降順にソートします。（新しいファイルから表示するため）

最後にそのファイルのリストをHTMLに変換します。

以下、簡単なソース

$flist = glob("image/*.jpg");
rsort($flist);
foreach ($flist as $fname) {
  echo "<img src='".$fname."' />";
}

※PHPは不慣れなため上記のソースは間違っているかもしれません。

あとは、HTMLやCSSで制御できると思います。