Tip:
Highlight text to annotate it
X
To create a webpage using Notepad
we first have to open Notepad.
You have to get to the main menu,
open Accessories, and click on Notepad.
Next we need to insert
all of the HTML elements
that are required in every webpage.
They need to be here, in this order,
and they can only occur once.
For instance you'll never
have two body elements.
Don't worry about the spacing,
or the hard returns.
Your browser ignores all spaces
except for one,
and it ignores hard returns as well.
To save this as a webpage,
I'm going to go File, Save As
I think I'll save it in a folder
named WEB 110, which is
located on my Desktop.
We're going to give it a name.
Notepad is different than every other
application on your computer
like Photoshop or Excel.
Notepad is made for people writing scripts.
We can actually type in
a dot and then a file extension
like HTM or HTML...you can use either
just be consistent.
This makes it a webpage.
if I were to add dot css,
it would be an external style sheet...
or I if I added dot js,
it would be an external
JavaScript document.
...and so on
Once I have put in the name,
and the file extension,
I'll click Save,
and if I look in that folder,
there's index.htm.
Double clicking it
will open it in my browser.
If I want to open it in Notepad,
I can simply right click
and choose Open With
and pick Notepad.
Now I can edit the content.
Once I have added information
to my webpage
I need to save it again.
all I need to do is click File Save
I don't need to decide
where it's going to be saved,
what it's going to be called,
what sort of file it will be,
unless I want to change
any of that information.
I can reopen the file
for my WEB110 folder,
and we can see the new information.
If you try to open a file from Notepad,
I'm going to open
a new instance of Notepad.
You can say File Open
We'll look on the desktop
for the WEB110 folder
and you notice nothing
appears in the window.
This confuses some students.
The reason is...
Notepad by default
wants to open a text file.
So we need to come down here
where it says Files of type...
Click the down arrow,
and choose All files.
Now I can see index.htm.
I'll select it, I'll click open
and there's my source code.
So we edit and save in Notepad
Review and refresh in our browser.