Instruction Sheet for HTML

Spoken Tutorial Team, IIT Bombay

1 Online / Offline content 2. This tutorial explains about HTML and the
overview of this tutorial series.
1. The online content of Spoken Tutorials can be
accessed from: 3. To view the tutorial, click on the Play icon
http://spoken-tutorial.org/tutorial-search/ which is located in the player.
2. You can also download the Spoken Tutorials 4. The Pre-requisite will be visible below the
for offline learning from: player (only for Online contents).
http://spoken-tutorial.org/cdcontent/
5. Outline, Assignments, Code Files and
3. From this link download the FOSS categories Slides are available below the player.
in the language you wish to learn.
6. Adjust the size of the browser in such a way
4. The Spoken Tutorial content will be down-
that you are able to practice in parallel.
loaded as a zip file on your machine.
5. Extract the contents of the zip file & access
them. 5 Second tutorial: My first
HTML program
2 The procedure to practise
1. Locate the topic My first HTML program.
1. You have been given a set of spoken tutorials
and files. 2. To practise using the side-by-side method,
adjust the size of the web browser contain-
2. You will typically do one tutorial at a time.
ing the tutorial to the left half of your screen.
3. You may listen to a spoken tutorial and prac- On the right half open and fit the file
tise by reproducing all the steps shown in the browser/explorer.
video side-by-side.
4. If you find it difficult to do the above, you may
consider listening to the whole tutorial once 5.1 Instructions to practise
and then practise during the second hearing.
(a) Create a folder on the "Desktop" with
your "Name-RollNo-Component".
3 HTML (Eg. "vin-04-html").
1. Click on "Select FOSS" or "All FOSS (b) Give a unique name to the files you save
Categories" drop-down and choose "HTML". in your folder, so as to recognize it next
time.
2. Click on "Select Language" or "All
(Eg. "Practice-01-vin")
Languages" drop-down and choose the lan-
guage (English, Hindi, Marathi ...) in which (c) Remember to save all your work in your
you wish to learn. folder.
3. Click on "Submit" button. (d) This will ensure that your files don’t get
over-written by someone else.
4. You will see a list of tutorials based on your
selection. (e) Save your work from time to time, instead
of saving it at the end of the task.
5. Start with the first tutorial in the displayed
list.
5.2 Common instructions for
4 First tutorial: Overview of Assignments
HTML
(a) Attempt the Assignments as instructed
1. Locate the topic Overview of HTML and click in the tutorial.
on it. (b) Save your work in your folder.
5.3 Common instructions to use given in the particular tutorial.
Code files
3. Play-pause-practise the whole tutorial.
(a) Click on the link "Code files" located
below the player and save it in your folder. 4. Once the tutorial is complete, choose the next
(b) Extract the downloaded zip file. tutorial from the playlist which is located on
(c) You will see all the code/source files used the right side or below the player.
in the particular tutorial. 5. Follow all the above instructions, till you com-
(d) Use these files as per the instructions plete all the tutorials in the series.