My First Web SITE

My First Web Site- With List

1 / 12

Slide 1: Tekstslide

Ilearningdeal@gmail.comFurther Education (Key Stage 5)

In deze les zitten 12 slides, met interactieve quizzen en tekstslides.

Lesduur is: 10 min

Onderdelen in deze les

My First Web Site- With List

Slide 1 - Tekstslide

Are you ready?

Slide 2 - Tekstslide

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 - Tekstslide

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 - Tekstslide

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 - Tekstslide

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

<body>

<ul>

</ul>

</body>

Slide 6 - Tekstslide

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 - Tekstslide

Have you got your Root folder

Yes

I did not do it.

Slide 8 - Quizvraag

Inside your root folder I have

Index.html

CSS Folder

Pages folder

Script Folder

Slide 9 - Quizvraag

I completed my first web page with the Unorder list

Yes

I did not finish

Slide 10 - Quizvraag

Did you create 7 html files within my pages folder

Yes

I did not finish

Slide 11 - Quizvraag

Completed

Four Marks - Go to break

Less than four marks stay and complete it.

Slide 12 - Tekstslide

My First Web SITE

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Tekstslide

Slide 6 - Tekstslide

Slide 7 - Tekstslide

Slide 8 - Quizvraag

Slide 9 - Quizvraag

Slide 10 - Quizvraag

Slide 11 - Quizvraag

Slide 12 - Tekstslide

Meer lessen zoals deze

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