Web Design: notes

Building pages

• A web page is written in HTML, which sets the structure (headings, paragraphs, images, links). CSS sets the look (colours, fonts, layout).
• A website is a group of linked pages on a web server, found by its URL.
• Templates give pages the same layout so the site looks consistent and is quicker to build.

Content

• Write short, clear text. Use headings, lists and images with alt text for people who cannot see them.
• Keep images small so pages load fast on mobile data.
• Use links that say where they go.

Content management systems

A CMS (such as WordPress) lets people add and edit pages without writing code. Plugins and extensions add features, such as a contact form, a shop or a search box.

Graphic design

Use colours with good contrast, a few readable fonts, and a clear layout. Logos and pictures should match the purpose of the site.

Ads

Websites may show adverts to earn money. Too many slow the page and annoy visitors.

Web security

• HTTPS encrypts data between the browser and the server; look for the padlock.
• Keep the CMS and plugins updated, use strong passwords, and back up the site.

Web development, testing and debugging

• Test in different browsers and on phones and computers.
• Check every link works, forms accept good data and reject bad data, and pages load quickly.
• Debugging means finding and fixing errors in the code.