When you prepare a small website, keeping track of every page and its address can quickly become confusing. A short checklist that records each page's name, full address, and a brief note about its purpose helps you stay organized whether you are working alone or handing the project to someone else. This article walks through building such a checklist using a clearly hypothetical example.
A Hypothetical Project to Practice With
Suppose you are planning a small personal site for a photography hobby. The site will have four pages: a home page, a gallery page, an about page, and a contact page. You have not built anything yet and you do not own a domain. All you want to do right now is write down a checklist so that when you eventually build the site, or when you describe it to a friend who is helping, everyone can refer to the same pages without confusion. This is a purely hypothetical scenario used to illustrate the recording process; none of these pages exist on the internet.
The checklist starts with three columns: a short page name you choose yourself, the full address where that page will eventually live, and a note explaining what the page does or what it links to. Even before any page is published, filling in the first and third columns gives you a working outline. The second column can remain a placeholder until you know your actual domain, but writing the expected path structure now helps you think through how pages relate to one another.
For this example, the four rows might look like this. Page name: Home. Expected path: /index.html. Note: landing page, links to gallery and about. Page name: Gallery. Expected path: /gallery.html. Note: displays photo thumbnails, links back to home. Page name: About. Expected path: /about.html. Note: short biography, links to contact. Page name: Contact. Expected path: /contact.html. Note: email address and social links, links back to home. This simple table already tells you how many pages exist, what each one is for, and which pages link to which.
Why Record Page Names Separately from Addresses
A page name is a label you invent for your own reference. It does not have to match the file name or the URL path exactly. For instance, you might call a page "Gallery" in your notes even though the file is gallery.html or the path is /photos/gallery. Keeping the human-friendly name in a separate column means your checklist stays readable even if technical details change later. A domain name, by contrast, is the human-readable address that identifies a web server on the internet, as described in MDN's domain name documentation.1
Recording both the name and the address side by side prevents a common source of confusion: two people referring to the same page by different labels. If one person says "the photos page" and another says "gallery," the checklist resolves the ambiguity because both entries point to the same row. This is especially useful when a project involves more than one contributor or when you return to the project after a break and need to reorient yourself quickly.
Write the page name in the form you would use when speaking about the site aloud. Avoid abbreviations or internal codes that only make sense in the moment. If you later rename a page, update the checklist immediately so that the name column always reflects your current vocabulary. This habit costs almost nothing during initial planning but saves significant time during any future handoff or review.
Recording the Full Address and Its Parts
A URL is the address of a unique resource on the internet and is composed of different parts, some mandatory and others optional. According to MDN's URL documentation, the most important parts include the scheme (such as https), the authority (which contains the domain name), the path to the resource, optional parameters introduced by a question mark, and an optional anchor introduced by a hash symbol. When you record a full address in your checklist, you are capturing all of these parts in one string.2
In the early planning stage you may not yet know your domain name, so the authority portion of the URL will be a placeholder. That is fine. What matters at this stage is recording the path portion accurately, because the path determines where the resource sits relative to the root of the site. MDN notes that in the early days of the web a path represented a physical file location on the server, but nowadays it is mostly an abstraction handled by web servers without any physical reality. For your checklist, the path still serves as the most useful way to distinguish one page from another.2
Record the full expected URL in a consistent format. If your hypothetical domain were example.org, the gallery page address would be https://example.org/gallery.html. Writing the scheme and domain explicitly, even as placeholders, trains you to think about the complete address rather than just the file name. This reduces errors later when you need to share the address with someone or paste it into a link element in your HTML.2
Adding Notes About Links and Purpose
The notes column is where you capture relationships between pages. MDN's hyperlink documentation explains that a link between two webpages belonging to the same website is called an internal link, and that without internal links there is no such thing as a website. When you note which pages link to which, you are essentially sketching your site's internal link structure before writing any code.3
For each row in the checklist, write one or two sentences describing the page's purpose and listing the pages it should link to. For the gallery page in our hypothetical example, the note might read: "Displays photo thumbnails in a grid; links back to home and forward to individual photo pages if added later." This level of detail is enough for a handoff without over-specifying implementation choices that have not been made yet.
Check that every page in your checklist is reachable from at least one other page. MDN's guidance on hyperlinks suggests that whenever you add a new webpage, at least one of your other pages should link to that new page. If your checklist reveals a page with no incoming link noted, that is a signal to either add a link from another page or reconsider whether the page belongs in the site at all. This simple review step catches orphan pages before they become a problem.3
Verifying Your Checklist Entries
Record a verification pass as the final step before considering the checklist complete. Go through each row and confirm three things: the page name is unique and unambiguous, the path does not duplicate another row, and the note mentions at least one link relationship. If any row fails one of these checks, revise it before moving on. This pass takes only a few minutes for a four-page site but builds a habit that scales to larger projects.
Use a consistent format for paths across all rows. Decide whether you will include a leading slash, whether file extensions appear, and whether directory-style paths end with a trailing slash. Mixing formats within one checklist creates visual noise and makes it harder to spot duplicates. For the hypothetical photography site, choosing /gallery.html over gallery.html or /gallery/ keeps every entry visually parallel.
If you are preparing this checklist for someone else, read it aloud or ask a friend to read it without your explanation. If they can identify each page's purpose and its connections to other pages from the checklist alone, the document is ready for handoff. If they ask clarifying questions, those questions reveal gaps you should fill in the notes column. This low-cost review catches most misunderstandings before they become real problems during development.
Keeping the Checklist Useful Over Time
A checklist is only as good as its current accuracy. When you add, remove, or rename a page during development, update the corresponding row immediately. Treat the checklist as a living document that sits alongside your project files rather than a one-time artifact you write and forget. Even a small delay in updating can cause confusion if another person reads the outdated version.
Store the checklist in a location that is easy to find and easy to edit. A plain text file, a simple spreadsheet, or a page in your project wiki all work. The format matters less than the habit of keeping it current. If you later decide to publish the site under a real domain, replace the placeholder authority in each URL with the actual domain name and verify that every full address is correctly formed.
When the project is complete or when you hand it to another person, the checklist becomes a reference document that answers basic questions without requiring anyone to crawl through source code. It tells a new contributor how many pages exist, what each one does, and how they connect. For a first-time site builder, this small organizational effort pays off every time you need to explain your project, debug a broken link, or plan a new page that fits into the existing structure.
Frequently asked questions
Do I need to own a domain before making this checklist?
No. You can use a placeholder domain in the address column while you plan. The important parts at the planning stage are the path and the notes about each page's purpose and links. You replace the placeholder with your real domain later.
How detailed should the notes column be?
One or two sentences per page is usually enough. State the page's purpose and list which other pages it links to. You do not need to describe layout, colors, or technical implementation at this stage.
What if I add a page after the checklist is already written?
Add a new row immediately and check that at least one existing page links to the new page. Also verify that no path duplicates an existing entry. Keeping the checklist current is more important than keeping it short.3
What is a Domain Name? - Learn web development | MDN. Retrieved 2026-11-01. ↩︎
What is a URL? - Learn web development | MDN. Retrieved 2026-11-01. ↩︎ ↩︎ ↩︎
What are hyperlinks? - Learn web development | MDN. Retrieved 2026-11-01. ↩︎ ↩︎ ↩︎