1
Choosing an Architecture
Selecting a simple, maintainable approach using static HTML, Bootstrap and GitHub Pages.
Start tutorial →A practical series for building and maintaining a simple photography website
This guide is organised as a series of practical tutorials. Follow them in order, or jump directly to the topic you need.
The aim is to show how a simple, low-cost photography website can be built and maintained using static HTML, Bootstrap, GitHub Pages and AI-assisted development tools.
6 tutorials · Beginner level · Build and publish a working photography website
Complete tutorial series
Learning Path
Work through all six available tutorials in order, from architecture to ongoing maintenance.
2
Bootstrap Fundamentals
Creating responsive pages using containers, navigation bars, cards and grids.
Start tutorial →3
Setting Up GitHub Pages
Creating a repository, publishing a website and connecting a custom domain.
Start tutorial →4
Working with ChatGPT
Building the homepage, galleries, blog and other pages through iterative prompting.
Start tutorial →5
Working with Codex
Analysing the repository, planning changes, creating pull requests and improving code quality.
Start tutorial →6
Publishing and Maintenance
Repository organisation, testing, link audits, documentation and ongoing improvements.
Start tutorial →What you’ll need
- A GitHub account
- ChatGPT access
- A collection of photographs
- A willingness to edit simple text files
- No advanced web development experience required
Approach
- Start with a simple static site
- Use Bootstrap for responsive layout and common components
- Host with GitHub Pages
- Use ChatGPT for step-by-step page creation and learning
- Use Codex for repository-wide improvements and pull requests
- Keep changes small and reviewable
How to use this hub
Use this page as the starting point for the complete series. Each tutorial builds on the website and workflow created in the one before it.
Back to Learning