JavaScript – Hello World

JS - JavaScriptUnlike my PHP and HTML tutorials this tutorial will be different.

Although I know JavaScript I don’t use it often because of a few reasons. So I’m using this „tutorial“ to
1. refresh my knowledge about JavaScript
2. teach you the one or the other useful thing.

Let’s begin

For this „tutorial“ you should have some basic understanding about HTML and CSS, later it could be useful to know PHP, but that’s some time later… Weiterlesen

HTML Tutorial 103: Design with tables and CSS

HTML - HyperText Markup LanguageYou know how to write a valid XHTML document, however, the page is still not as nice looking as or or any other website out there.

What I teach you today is not how to create a professional website, but it is the basic design method any web programmer started with.
It is the old school table, but I add Cascading Style Sheets (CSS) to the table to get it a nice look.

But before you can start, you need to have an idea how you want to structure your page. The best thing to do is to grab a piece of paper and make a draft. As example I made a draft in a graphic program, although I prefer the paper method:
Draft for a page


PHP Tutorial 102: Manipulating Variables and doing Mathematics

PHP - Hypertext PreProcessorNow, after we learned how to show content and also had a first glance at variables, we will now go a step further.

To define a variable in PHP you just need to use $ and a variable name: $variable.
You can use as variable name whatever you like, however you are not allowed to let it start with a number, like $1variable and there are also some predefined variables, about which I will talk later.

There are many types of variables, but for now we concentrate on 4 types (actually 5, but the fifth will follow in another tutorial). Weiterlesen

HTML Tutorial 102: Tags and Validation

HTML - HyperText Markup LanguageSo, you got the idea how the basic HTML page is build? If not, read the HTML Tutorial 101: Basics before you continue 🙂

Ok, so you think your page got already some interesting content…but I bet the layout is…uhm…let’s say boring…white background and black text…depending on the server default…so, the good news is there are tags which allow you to manipulate how a page is displayed.

Maybe you think there has to be a bad news if I only mention the good news above. Well, there are two bad news:
to write valid XHTML code you need to
1. learn some CSS (=Cascading Style Sheet) and
2. define the DTD (=DocTypeDefinition).

Before you start searching my blog (or the web) for a CSS tutorial you should know that I will cover some basic CSS knowledge in this tutorial and write some CSS Tutorials at a later date.

Now, after you calmed down, let’s go on with this tutorial:

Update: Because of the recent update of the W3C validator I’m introducing here, I had to expand the tutorial and added a couple more things at the bottom of the tutorial. Weiterlesen

HTML Tutorial 101: Basics

HTML - HyperText Markup LanguageRequirements for the HTML Tutorials:
– a good freeware HTML editor or at least Notepad (not recommended though)
– a place to upload your files, although you can also test your HTML pages on your PC

What is HTML?
HTML stands for HyperText Markup Language and it is the code which is used to create the websites you see.

Since HTML4.01 is less used these days, I will only talk about XHTML1.0 from now on. For a HTML4.01 Tutorial I can only advise you to visit the W3Schools website

So…then what is XHTML?
Basically it is like HTML4.01 although the „X“ stands for „EXtensible“.
XHTML is the latest HTML standard and consists of HTML4.01 which was reformulated in XML.

Hey, I know HTML4.01 and I love it! Why should I use XHTML?
My personal opinion:
XHTML is the future of webcoding and it is easier to write valid HTML code. I’m sure you know the famous info texts on older webpages, stating „Optimized for IE“ or any other browser. You have less problems to write valid code as all current browsers treat XHTML the same way.
No more „browser-optimizing“!
Even better, XHTML is backwards compatible, meaning the page is displayed the same in IE7 and IE5 or older.

So switch to XHTML, it is really easy 🙂

Well, what are the basics you should know about XHTML. Let me explain it two ways: Weiterlesen