# data[].attributes.body
As discussed in the previous class, we will recreate a basic webpage in order to understand the basics of web developing.

# data[].attributes.body
A website is just a bunch of files. These files must all live in the same folder in order for the browser to get them.

The Tuts+ Town website will have an HTML file (saved with a .html file extension at the end), a CSS file (saved with a .css file extension at the end), and four images that will be saved in a folder named “images”. The images folder will live in the same main folder as the HTML and CSS files.

A file extension is the group of letters that come after the dot in a file name, telling us what kind of file it is:

# data[].attributes.body
As mentioned, our images will be saved in a folder named “images” within our main site folder, like this:

# data[].attributes.body
In the picture above we have an image named town.svg (the .svg extension is just a kind of image) which we’ve put in an extra folder called “images”.  Both these ways of doing things are correct, but we will be using extras folders, like the picture on the right:

# data[].attributes.headline
Open your editor (Notepad, Notepad++, Bluefish, Atom)

# data[].attributes.subject
Open your editor (Notepad, Notepad++, Bluefish, Atom)

# data[].attributes.body
1) Open your editor.
2) Click Save As and name your file index.html
3) Write the basic structure for our website. If you don't remember how the basic structure goes, please go check on last class' assignment here.

# data[].attributes.body
Does your index.html file contain all of the basic tags IN THE CORRECT ORDER from last class?
html, head, title, body, header, main, footer ?

If yes, follow the next step, if not... then go back and check again!

# data[].attributes.body
1) Revise your code.
2) Show Ms. Sarah.
3) Free time!