Build Your Own Website
Discover the Quicklinks for this book
Age: 7+
Become a web wizard with resources to help you code, style and set up a website, including:
- Fancy fonts and templates.
- Step-by-step coding guides.
- Suggestions for website builders and web hosts.
Scroll down to see all the links
Build your own website
Usborne is not responsible for the content of external websites. Please read our three internet safety rules.
- Parts of a web pageFind out what you need to make a good web page. (Videos may not play where you are due to BBC copyright restrictions.)Take me there
- What is HTML?Learn about HTML with Sandy the Time-Traveller and Grunt the Caveman.Take me there
- Introduction to CSSMeet a website designer and find out about CSS.Take me there
Downloadable images, templates and working code
Click on the links to download archives containing copies of images, templates and files with working code in your book.
- Images for your websiteDownload
- Downloadable templates and working codeTip: Be very very careful typing in your code. Just one mistake will prevent your code from working. If you encounter problems, double-click the relevant file with working code to run the HTML file in your default browser.Download
Styling your site
- Fancy fontsBrowse and download free fonts for your page.Take me there
- TemplatesFree website templates to download and customize.Take me there
- Wonder widgetA widget that displays a new wonder each day.Take me there
- ISS tracker widgetsTrack the International Space Station with a widget by NASA.Take me there
- Social media buttonsWidgets that connect your website to social media sites.Take me there
- Web coloursDiscover colours and colour codes to brighten up your website.Take me there
Useful stuff
- Archive program
Unpack archives with a downloadable tool. (Windows®)
Take me there - Notepad++
Write code with an easy-to-use text editor. (Windows®) NB Notepad++ has been updated since publication of your book and it no longer has the option to choose your browser when you click on "Run". See page 9 of your book about running HTML files.
Take me there - Brackets
A code-writing program suitable for Mac® or Windows® users.
Take me there - Smultron
A code-writing program for Mac®. (This software is free to try.)
Take me there - Image resizerResize your pictures with a handy online tool.Take me there
- Having problems?Check your code with online validators. (Click on the "Nu HTML Checker" or "CSS Validator" and upload your site.)Take me there
Code-writing games and projects
- Build a websiteStep-by-step guides to help you code your first website.Take me there
- Digital postcardUse HTML to write and design an online postcard.Take me there
- Flexbox FroggyMove frogs between lilypads with a fun CSS activity.Take me there
- Code CombatImprove your JavaScript skills with an exciting fantasy game. (When you choose a hero select "JavaScript" for the programming language.)Take me there
- Grid GardenLearn more CSS and fill a garden with carrots.Take me there
- Code playgroundExperiment with HTML and CSS in an online code playground.Take me there
Going live
There are plenty of websites out there to help create and host your website. Here are a few websites that have basic options for free but charge a fee for features such as domain names. Instead of buying a domain name you can usually choose a subdomain for free. All website builders and hosts require you to create an account to use their features. Please ask a grown-up to help set up an account.
- WixBuild a site without writing any code with a step-by-step website builder.Take me there
- Award spaceUpload your website to a web host. (Choose "File Manager" to upload your site, or "Zacky Website Builder" for ready-to-use templates.)Take me there
- 000 web hostAnother web host with free basic features.Take me there