Understand the basic structure of a webpage
Be able to use tags in HTML effectively
The next unit of learning we are going to work on is web design and development, but rather than developing your website with a website builder like Google Sites, you are going to build it with code.
This unit will start off with a very gentle introduction to web development and will move on to the more advanced parts of it.
The lesson structure for this unit is flexible and designed to give you as much time as possible to develop your own skills, encouraging you to better yourself at using HTML and CSS.
You are expected to complete 1 web development task each week. To assess what you’ve learned, you will also be given a worksheet at the end of every lesson.
At the end of the unit there will be a short test as well as practical project. You may start working on the practical project at anytime when you have finished (details to follow).
Your final project task will be to build a website with several HTML pages and an external CSS file linked into it.
You will be provided with the basic structure of a website with a linked CSS file.
You will work on this using the Trinket editor and share it with your teacher when you are done.
Websites are created using multiple webpages. These webpages are created using HTML or Hyper Text Markup Language.
When a webpage is viewed in a browser such as Google Chrome or Microsoft Edge, the webpage is rendered by the browser. When the webpage is rendered the code is transformed into objects and the page is known as a web document.
A webpage is made up of HTML tags such as <p> or <a>. When the webpage is rendered these tags are transformed to elements.
<!doctype html> <html> <head> <title>Sample webpage</title> </head> <body> <h1>My website</h1> <p> Welcome to my website! </p> </body> </html>
Select four of the websites below and identify the purpose and target audience of each website.
The following are key shortcuts for using BalfSlideView and reveal.js.
|→, PAGE DOWN, SPACE||Next slide|
|←, PAGE UP||Previous slide|
|SHIFT + →||Last Slide|
|SHIFT + ←||First slide|
|W||Widget Board/White Screen|
|C||Toggle Notes Canvas|
|DEL||Clears Whiteboard/Notes Canvas|
|S||Show Presenter Mode|
|SHIFT + D||Toggle Dark Mode|
|H||Goes to the Home Slide|
|META + P||Show Print options window|
In order to use the 'Start Remote' feature, you'll need to download JB Slide Controls from the Apple App Store. Once you have this you'll be able to control the slides using the app from you Apple Watch.
BalfSlideView and jamiebalfour.scot are copyright © Jamie B Balfour 2017 - 2023, 2010 - 2023. Content is copyright © Jamie B Balfour