‹Revenir à la recherche

My First Web SITE

My First Web Site- With List
1 / 12
suivant
Slide 1: Diapositive
Ilearningdeal@gmail.comFurther Education (Key Stage 5)

Cette leçon contient 12 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 10 min

Éléments de cette leçon

My First Web Site- With List

Slide 1 - Diapositive

Are you ready?

Slide 2 - Diapositive

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

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>
  <li>Home </li>
  <li> Unit 1</li>
  <li>unit 2</li>
<li>Unit 13 </li>
</ul>
</body> 

Note- Check  on understanding!

Slide 4 - Diapositive

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

Continue to list all your pages in the unordered list on your "index.html" file 
<body>
<ul>
  <li>Home </li>
  <li> Unit 1</li>
  <li>unit 2</li>
  <li>unit 3</li>

</ul>
</body> 

Slide 6 - Diapositive

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

Have you got your Root folder
A
Yes
B
No
C
I did not do it.

Slide 8 - Quiz

Inside your root folder I have
A
Index.html
B
CSS Folder
C
Pages folder
D
Script Folder

Slide 9 - Quiz

I completed my first web page with the Unorder list
A
Yes
B
No
C
I did not finish

Slide 10 - Quiz

Did you create 7 html files within my pages folder
A
Yes
B
No
C
I did not finish

Slide 11 - Quiz

Completed 
Four Marks - Go to break
Less than four marks stay and complete it.

Slide 12 - Diapositive

Plus de leçons comme celle-ci

2. Lists en CSS Basics

- Leçon avec 22 diapositives
ICTMBOStudiejaar 1

Webdesign - Les 2 (22/23)

- Leçon avec 30 diapositives
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Les2 - HTML - Lijsten & Structuren

- Leçon avec 18 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

HTML - Tags

- Leçon avec 30 diapositives
Communication & multimedia designHBOStudiejaar 1

HWUD04-sj2122-03-HTML-document

- Leçon avec 31 diapositives
Communication & multimedia designHBOStudiejaar 2

3 HTML: Lijsten

- Leçon avec 10 diapositives

Les2 - HTML - Lijsten & Structuren

- Leçon avec 14 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

12 - CSS - lijsten

- Leçon avec 11 diapositives
ICTMBOStudiejaar 1,2