www.emailhtml.com
 
Home > How to build web site using emailhtml tutorial
How to build web site using emailhtml tutorial

About this tutorial

This tutorial is in a teacher and pupil dialogue format, where the teacher is in normal straight text format and the pupil is in italic format.

Tutorial Sections:
  1. Introduction
  2. emailhtml.com basics
  3. Multiple pages (i.e. a web site)
  4. Putting it all together... (creating a proper multi page web site)
  5. Odds and ends

Introduction

So you want to build a web site, but don't know where to begin? .... then you have come to the right place, if you can send an email you can create a web site

OK I know how to send an email ... but I can't possibly for the life of me see how this means I can create a web site.

I'll explain Read on......

emailhtml.com basics

In a nutshell emailhtml.com allows you to create a web page simply by sending an email. All you need to do is put your password (which you decide at sign up) in the subject line of your email. Design your page in the main body of your email and send the email to your emailhtml.com address. It is as simple as that.

So basically what your saying is, if I send an email to emailhtml.com, e.g. my_account_name@emailhtml.com put my password in the subject line, and click 'send' I can create a web page.

Yes!! just by following the procedure I described, will create your web page at:
http://www.emailhtml.com/users/my_account_name/

That's amazing!! apart from putting the password in the subject line, it is no different from sending a normal email to a friend.... right I understand. However there is one little thing that I don't really understand...

OK go on... please explain

I've understood the sending email part, but who or what receives my email and creates the web page for me....

Sensible question.... this is the part that most "emailhtml newbies" find the most mystifying and intriguing. To put it in simple terms... every emailhtml.com user gets assigned a robot that reads incoming mail that you send to it. Once the robot has read your email and done some checks (e.g. check the password in the subject line) it then creates your web page based on what you have written. So if you put "Hello World" in the body of your email, your emailhtml.com robot will create a web page as you would expect saying "Hello World".



[You webpage will display "Hello World]

Thanks for explaining that to me, I now know how to create a single page web site... BUT what if I want to have more than one page on my web site how do I specify a different page other than the default one?

Multiple pages (i.e. a web site)

To do that is easy; all you need to do (like normal) is put your password in the subject line followed by a colon (" : ") then the name of the page you want to create. Lets now assume we have a friend called Joe Bloggs who owns an emailhtml.com account called 'joebloggs' (password 'bloggs29').... Our friend Joe wants to create a page that contains directions to his hotel.... to do this Joe would have to do the following:

OK that seems pretty straight forward.... I can see Joe has created a webpage called 'hotel_directions' but what will the web address be?

'http://www.emailhtml.com/users/joebloggs/hotel_directions.htm' as you can see it is the normal address for your account plus the name of your page.

Yes I can see that, but what about the '.htm' at the end. What is that all about? Joe did not type 'Blogs29:hotel_directions.htm'.

Well done for noticing that.... You must have a keen eye... The '.htm' tells peoples computers when reading your web page that it is web page file (computers are stupid and need all the help they can get)... if Joe really wanted to, he could of put 'Blogs29:hotel_directions.htm' and it would of worked in exactly the same way.

That all makes sense but how does my computer know 'http://www.emailhtml.com/users/joebloggs/' is a web page file, after all I can't even see a file name let alone a '.htm' to tell my 'stupid' computer that it is a web page file...

When your computer can't see a web page at the end of the web address, it then tries to find a 'index.htm' file i.e. 'http://www.emailhtml.com/users/joebloggs/index.htm', but I think you will agree 'http://www.emailhtml.com/users/joebloggs/' looks a lot more appealing to the eye.

So in affect when I send an email to emailhtml.com without specifying a file I am really updating my default 'index.htm'?

Yes!.... I think you now have a firm grasp on emailhtml.com... We will now go and create our first web site.

Putting it all together... (creating a proper multi page web site)

OK this were it all gets exciting..... First of all we need to decide what pages we want in our web site. I suggest for simplicities sake we create a simple three page web site. You can using the principles that I am about to show you create a much bigger and broader web site.. But to avoid confusion we will do just three.

OK so what three pages shall we create then?

To do this we will design a web site for our imaginary friend Joe (bloggs) for his hotel. We will have a welcome page, an accommodation details page and a directions page. To be honest you already know everything you need to know to do this, but I will make it obvious for you by actually doing it. Send each email as perscribed below and 'bobs your uncle' we now have a web site.


[click here to see live version]


[click here to see live version]


[click here to see live version]

Simple wasn't it?.... Then again emailhtml.com is supposed to be simple. Why not go and see the fruits of our labour:
http://www.emailhtml.com/users/joebloggs/

Odds and ends

If have created a web page that I don't need, how do delete it?

To delete a web page (like normal) type in your password in the subject line, followed by a colon and the name of the file you wish to delete and append to that another colon followed by the word 'delete' (bloggs29:index:delete) e.g. if our friend Joe bloggs wanted to delete his index.htm file he could do so by doing the following:

I have noticed the emails you created, contain formating that you have not mentioned in this tutorial such as web links and pictures, where can I find more infomation on how to do this.

Go to the emailhtml.com FAQ It should be able to answer most of your questions. An alternative is to go to Google and search for email tutorials, if that fails try using the help that comes with most email programs.