Embed Size (px)
Citation preview
Our First Webpages
You will need…
• Your Teams USB – (this is the best way)
• A folder for all papers
• Ipod 4, Digi-camera or Video Camera
• A good microphone – (I have one)
Make a folder….
• Add a folder to the desktop
• Save everything inside this folder
• Put the folder on a USB or email it to yourself
My Website Work
Web Design and the Internet
The Basics of Web Design
Discuss issues relating to the Internet
The Basics of Web Design
What does HTML mean?
Hyper Text Mark-up Language
The Basics of Web Design
HTML allows you to jump from one piece of
information to another, using hyperlinks
This is an example of a ‘Hyperlink’
The Basics of Web Design
HTML uses tags to write commands for the
computer to follow.
<center>
The Basics of Web Design
Once open, you must remember to close
your tag.
<center>My First Web Page
This tag puts the words in the centre of the
page.
</center>
The Basics of Web Design
<Head> The head contains the styles and
calculations that may appear on the
web page. This is the ‘brains’ of each
page.
<Body> The body includes all the operations,
formats, links, and general positioning of
the web page, in short, how it looks!
<html> <head> <title>My First Web Page</title> </head> <body> <center> <h1>My Page no.1</h1> </center> <br> <b>these words will be in bold type</b> </body> </html>
The Basics of Web Design
In fact, HTML works like an
onion skin.
Every tag fits inside every
other tag like the rings of an
onion.
How to write your HTML code
Always use Notepad
Start>Programs>Accessories>Notepad
The Basics of Web Design
• File>Save>My1stWebPage.html
Remember to write .html, this is the file
extension
Save inside your folder
My1stWebPage.html
MyWordDocument.doc
MyExcel.xls
MyPresentation.ppt
Spelling is important!!
w3schools.com
