01.1 Build a local website

Details

Todo (on your local machine)

Aim: Build a site structure

mywebsite

/ css

/ javascript

/ images

index 

 

1. Create a folder called my mywebsite

 

2. Make three folders inside mywebsite called css and javascript and a folder called images.

 

3. Create an index.html file. Open up Notepad.exe . Create a new file. Save it with the name index.html in mywebsite.

 4. Type in the following code into index.html

 

 

 

 


<!DOCTYPE html>
<html>
<body>

<h1>Grandmaster Flash & the Furious Five</h1>

<p>Don't push me cause I'm close to the edge</p>

 

<p>

I'm trying not to lose my head

It's like a jungle. Sometimes it makes me wonder

How I keep from goin' under.

</p>

</body>
</html> 

 

5. Click on file/save

 

6. Using Windows browse for the file index.html and open into Safari or Internet Explorer 

 

Questions:

Can you see the webpage that you just coded?

Which items in index.html are NOT shown?

 

Todo:

Read this http://www.w3schools.com/html/html_editors.asp