Week 1

• History of The Web - Born from the visionary mind of Tim Berners-Lee in 1989, the web has grown into a dynamic place where you can explore, learn, create, and share. The first web page served on the open internet went live in late 1990 .
• Hypertext Markup Language - the standard markup language used to create web pages. It It structures and formats content on web pages, allowing browsers to display text, images, links, and multimedia elements in a visually appealing way.
• Webpage Anatomy - refers to the structure and components of a standard webpage. From the header at the top to the footer at the bottom, each elements plays a crucial role in shaping the user experience.

• Learning Examples:

Headings

Can Go

Up In Numbers

All The Way

From One

To Six

• Design Principles - Web layout design is the art and science of orchestrating elements on a web page to create an intuitive, visually appealing, and user-friendly experience. From the strategic placement of content and navigation to the choice of fonts, colours, and responsive design, it's the process that gives life to the websites we love to explore.
• Design Layouts - A webpage layout refers to the arrangement and organisation of elements on a web page. It determines how content, including text, images, videos, and interactive elements, is presented and structured for users. A well-designed webpage layout is crucial for creating an attractive, functional, and user-friendly website.
• Patterns and Templates - design patterns are a catalogue of solutions to common web design problems. While design patterns offer solutions to common design problems, templates are the blueprints for consistent and appealing user interfaces. Templates are pre-designed layouts and structures for web pages and applications. They streamline the design process by offering a starting point, making it easier for designers and developers to create aesthetically pleasing and functional user interfaces.
• Planning A Simple Website - There are a number of elements that are all brought together to make a website visible to you over the vast expanse that is the world wide web. All websites have a structure! They can comprise multiple files and folders and vary in complexity. Some important aspects to consider include:
Define Goals and Objectives: Determine the purpose of the website.
Identify Target Audience: Understand who your target audience is.
Content Strategy: Plan the content that will be included on the website.
Design and Layout: Decide on the overall look and feel of the website.
Functionality and Features: Determine the features and functionality that the website will require.
Platform and Technology: Choose the appropriate platform and technology stack for building the website.

• Cascade Style Sheets - CSS s used to configure the colour of text, font styles, paragraph spacing as well as the colour and the layout of a web page. When formatting your web page CSS saves you time, gives you more control, is easier to maintain and its platform adaptable.

For example I can change the colour of this sentence.

• Content Alignment and Positioning - Whitespace, the space around elements, is very important because it allows our eyes to rest, and to group various elements of the page together. This allows us to make logical connections for the content.
• Menu and Navigation - A well-designed menu not only guides visitors through your site but also enhances the overall user experience. From dropdown menus to horizontal and vertical navigation bars, this the art of harmonising layout, typography, and interactivity to make your website's menu a standout feature.

• JavaScript is a versatile and widely-used programming language that allows you to add interactivity, functionality, and dynamic features to your websites.
• If you'd like to include the JavaScript directly within your HTML file (inline script), you can do so by using the