My First Web SITE

My First Web Site- With List

1 / 12

Slide 1: Slide

Ilearningdeal@gmail.comFurther Education (Key Stage 5)

This lesson contains 12 slides, with interactive quizzes and text slides.

Lesson duration is: 10 min

Items in this lesson

My First Web Site- With List

Slide 1 - Slide

Are you ready?

Slide 2 - Slide

Create this in your Notepad and save it as index.html in your root folder

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>This is a Heading</h1>

<p>This is a paragraph.</p>

</body> </html>

stopwatch

00:00000

Slide 3 - Slide

Create an Unordered list between your Body tag on your "index.html" folder.

Save or upload into your root folder.

Click on the

<body>

<ul>

</ul>

</body>

Note- Check on understanding!

Slide 4 - Slide

Create 7 other pages saving them as Unit1.html , Unit2.html and so ---on. Save or upload them in your Pages folder.

Check on understanding

Slide 5 - Slide

Continue to list all your pages in the unordered list on your "index.html" file

<body>

<ul>

</ul>

</body>

Slide 6 - Slide

Check that you have the following

1. Root folder

2. index.html file- with your links

3. Page folder with 7 files

4. CSS folder

5. Script folder

Slide 7 - Slide

Have you got your Root folder

Yes

I did not do it.

Slide 8 - Quiz

Inside your root folder I have

Index.html

CSS Folder

Pages folder

Script Folder

Slide 9 - Quiz

I completed my first web page with the Unorder list

Yes

I did not finish

Slide 10 - Quiz

Did you create 7 html files within my pages folder

Yes

I did not finish

Slide 11 - Quiz

Completed

Four Marks - Go to break

Less than four marks stay and complete it.

Slide 12 - Slide

My First Web SITE

Items in this lesson

Slide 1 - Slide

Slide 2 - Slide

Slide 3 - Slide

Slide 4 - Slide

Slide 5 - Slide

Slide 6 - Slide

Slide 7 - Slide

Slide 8 - Quiz

Slide 9 - Quiz

Slide 10 - Quiz

Slide 11 - Quiz

Slide 12 - Slide

More lessons like this

2. Lists en CSS Basics

Webdesign - Les 2 (22/23)

Les2 - HTML - Lijsten & Structuren

HTML - Tags

HWUD04-sj2122-03-HTML-document

3 HTML: Lijsten

Les2 - HTML - Lijsten & Structuren

Webclass