HTML Website design with CSS
Welcome to the unit of website design. Most of us use websites daily for information, appointments, social media and even watching online media. Here you will learn how to design your own basic website, with CSS and formatting. You will add colour, information, links and pictures to your own website.
The intention of this unit is to provide an introduction to websites and designing them using HTML and CSS.
Students create a student portfolio and repl.it website showcasing their website design.
The impact of this unit will be measured by a portfolio and end of unit project.
Support Material
Use these links to help and support you in your website design. You will need to read the information on the websites and follow the information to help you.
Quick Example html Code
Adding a picture: <img src="mypicture.jpg" alt="This is my picture" width="500" height="600">
Adding a link: <a href="index.html">link text</a> - you will need to change the index.html to the name of your webpage.
Topic Support Guides
Key Terms
Keywords that define how a web browser will format and display the content, e.g. <b>, <h1>, <img>, <hr> etc.
A link in a document or webpage that connects to another location.
formatting
Enhances the look and feel of text on a webpage to make it more visually appealing e.g. bold, italic, headings etc.
CSS
Cascading Style Sheets. The Language For Describing The Presentation Of A Webpages, Including Colours, Layout, And Fonts.
web browser
An application used to view web pages, eg Internet Explorer or Google Chrome.
Future Career Opportunities
Skills
- Programming
- Teamwork
- Working to a deadline
Average UK Salary £57,000
Skills
- Creating ideas
- Communication with clients
- Working to a deadline
Average UK Salary £25 - £35,000
Skills
- Creative skills
- Working with clients
- Working to a deadline
Average UK Salary £26,000