One-hour Website

Plan Your Site Quickly

When you sit down to build a website in an hour, the first thing you do is map out what you want the site to accomplish. Pick a host you already have, like the one offered by JMUG‑Connect, or use the hosting that comes with an Apple Mac subscription. If you don’t have a host yet, search for a budget provider that gives you a few gigabytes of space and a free domain name - this will save you a lot of time later.

Next, think about the purpose of the page. If it’s for a club, a scouting group, a church, or your own personal interests, you’ll likely already have a mission statement or a list of activities that you want to share. For a personal page, decide on a handful of topics you care about - travel, family, hobbies - rather than trying to fit every picture and link you own into one place. A clear, focused set of sections keeps visitors from getting lost and reduces the amount of code you need to write.

Once you have a rough idea of the content, grab a sheet of paper and a pencil. Sketch a sitemap that shows the main pages you’ll create. This could be as simple as a tree diagram or a bullet list: Home, Vacations, Family, Hobbies, Contact. Don’t worry about style; the goal is to arrange the hierarchy so the navigation stays logical. If you prefer a visual flow, draw boxes and arrows to show how users will move from the homepage to the other pages.

Keep the outline short and to the point. A few dozen words on paper will keep your thinking focused and will give you a ready reference while you start building. When you look back at the map, you’ll be able to spot gaps or redundancies quickly, saving you the time of having to refactor later.

Now that you’ve visualized the structure, think about the look. Pick a color scheme that reflects the theme - something calm for a church site or bright and playful for a hobby blog. Pick a font that is web‑safe and easy to read. Decide whether you’ll use images or icons, and whether you’ll include a header logo. Having a consistent visual plan in mind before you write a single line of code reduces the chance of last‑minute changes that could throw off the layout.

Finally, estimate how many pages you need. If you’re building a simple four‑page site - Home, About, Gallery, Contact - write down the file names you’ll use: index.html, about.html, gallery.html, contact.html. Stick to letters a‑z and numbers 0‑9; avoid special characters that can trip up the server. This simple naming convention keeps the URLs clean and makes linking easier when you’re assembling the navigation bar.

When you’re satisfied with the paper plan, store it in a text file on your computer. You’ll refer back to it when you set up the folder structure on your Mac and when you create each HTML page. The paper outline will keep you on track and prevent you from wasting time on unnecessary content.

Build the Site with WYSIWYG Tools

With a plan in hand, open the web editor of your choice. If you’re on a Mac, Dreamweaver and GoLive are the most popular options. Both have free trial downloads on the Adobe website. If you’re looking for a budget alternative, Freeway Pro and Express offer a good balance of features and affordability. Pick the one that feels most comfortable and install it.

Create a dedicated folder for the project. In Finder, name it something descriptive - like “VacationBlog” or “JMUGSite.” Keeping all of your files together makes it easier to link images and to zip everything up for upload later. Inside that folder, create the first page, index.html. Naming it index tells the server that this is the default page to load when someone visits your domain.

Drag the empty index file into the editor’s workspace. Most WYSIWYG tools let you drag and drop elements right onto the page. Begin by placing a logo or header image at the top, then add a navigation bar. Even if the pages you’re linking to don’t exist yet, you can still add placeholder links. Write Family, Fetchsoftworks or