Building Your First Website: Layout, Shoutbox, and Auto-Updating Footers

Software Development
, , , ,
1

Building Your First Website: Layout, Shoutbox, and Auto-Updating Footers
Building Your First Website: Layout, Shoutbox, and Auto-Updating Footers1200×630 99.1 KB

Hey everyone! I just put together my first site over the last few days, still ironing out some pages like the about and misc sections. Avalon was awesome enough to hook me up with a custom banner. I’m looking for any criticism or tips to improve the overall design.

I’ve got a couple of questions:

  1. Shoutbox in sidebar: Is there a way to add a shoutbox inside the navigation area on the left?
  2. Footer last-updated date: Should I include a last-edited date at the bottom? If so, how can I make it update automatically instead of manually changing it every time?

Also, if anyone has suggestions on color schemes or layout tweaks, I’m all ears. The site is still rough, but I’m excited to learn and improve. Thanks in advance!

2

Topic Summary: Just built first site Avalon, seeking design feedback. Questions: adding shoutbox to left sidebar, auto-updating footer date? Open to layout/color tips.

:movie_camera: Video Tutorial:

:books: Official Documentation & Reference Links:

---
title: Website Building Process
---
flowchart TD
  A[Plan Layout] --> B[Create Layout HTML/CSS]
  B --> C[Add Shoutbox Frontend and Backend]
  C --> D[Implement Auto-Updating Footer]
  D --> E[Test and Deploy]
3

Great start, zach101! The layout is neat overall, but consider toning down the brightness a bit—maybe go for a tech/space vibe with darker backgrounds and glassy effects. That would fit the game theme better.

Auto-updating footer: You absolutely can automate that. Here’s a modern PHP snippet using filemtime() which is more reliable than filectime():

<?php
$filename = __FILE__; // or specify path like '/path/to/your/page.php'
$lastModified = filemtime($filename);
echo '<p>Page Last Updated: ' . date('l jS F Y (G:i:s)', $lastModified) . '</p>';
?>

Just rename your pages to .php extension (e.g., about.php instead of about.html) so PHP runs. You can place this in a common footer include file. For formatting options, check PHP date() manual.

Shoutbox: You can embed a free third-party shoutbox widget (many are available) or build a simple PHP one using a text file. On Xisto, you have cPanel access, so you can create a small MySQL database if you want to store messages. But for a quick start, try a ready-made embed code from a service.

Keep iterating — your site has solid bones!