Memorizing a minimum web page template
- Copy the following nine lines by hand onto a piece of paper. Make sure every individual character is there.
<!doctype html>
<html>
<head>
<charset="utf-8">
</head>
<body>
Hello World!
</body>
</html>
You will probably memorize this faster if you write by hand onto paper. Repeat writing this basic web page code a couple of times a day until you can do it perfectly without peeking at this guide or any other version.
It does not matter if it takes you only one day or ten. Stick with it until these lines become natural to do from scratch.
- When you can do it perfectly, take a photo of the paper and send it to me either as a text message attachment or put in in an email.
- You may also type the nine lines into your text editor as part of your practice. Save your practice as "template01.html", "template02.html", "template03.html" and so on.
You can see if the file opens correctly as a web page.
- Navigate to your "webclass" folder and double click any one of the html template files to open it in your browser. By default, Windows will use Internet Explorer to display your web page template.
If there is ANY extra or missing code piece, the page will fail to display correctly. The goal is for the page to just say "Hello World!" near the top of the page in the browser window.
Making a Webpage Work Environment
- web browser - Though Internet Explorer will work and you can start with it, I would recommend you eventually install either Firefox or Chrome because they are going to support the most up-to-date web page features and will support them in the most standard way. It won't matter much for the basics, but it might as we get advanced.
- text editor - For a Windows operating system use notepad initially. Eventually a better choice will be notepad++ which is an enhanced version of the simpler notepad program available on all Windows machines. (Do not use Microsoft Word or any other wordprocessing software. You need a program recognized as an official 'text editor'. )
- work folder - Create a new folder in your "My Documents" folder and call it something like "webclass". Make the folder name a single word or use a dash instead of spaces, like "web-class". Get used to the idea that folder names and filenames you plan to do on the web use only lower case letters and have no spaces in them.