Designing webpages

First steps

Designing webpages is a lot easier than you might think. Generally, you can choose either to learn Html or to use a program like Word or Netscape which allow you to create webpages without learning Html at all. If you prefer to learn Html, you must basically proceed in the following manner:

  1. Open a new file in an editor. There are special editors for creating Html files which make life a lot easier (see links below).
  2. Write your Html file and save it on your local computer. There are quite a number of introductions to Html which help to get you started (see links below).
  3. Now you can publish your webpage on the Internet. At Chemnitz, you have got a directory h:\public_html\, which you can use for that purpose. Simply save your html file there. You can access this file then under the URL "http://www.tu-chemnitz.de/~(your user name)/(name of the file)", for example http://www.tu-chemnitz.de/~sarei/index.html.

Some basic Html: an example of a simple webpage

The following example gives you an idea of what a simple Html code looks like: 
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>
<TITLE>Hier kommt der Titel für den blauen Rahmen - nicht vergessen!</TITLE>
</HEAD>

<BODY>
Hier kommt Ihr Text.
<H2>Dies ist eine Überschrift.</H2>

<FONT COLOR=#00ff00>Dies ist grüner Text.</FONT>
<FONT SIZE="+2">Das ist grosser Text.</FONT>

Jetzt kommt ein Bild:
<img src="http://www.tu-chemnitz.de/tu/logo/tulogo100-2.gif " alt="Logo TU Chemnitz">

<ol>
Das ist eine Liste.
<li>Hier kommt das erste Listitem.
<li>Hier kommt das zweite.
</ol>

Jetzt kommt ein Link:
<a href="http://www.tu-chemnitz.de/~anwil/index.html">Dr. Andrew Wilson</a>

</BODY>
</HTML>
What does this webpage look like? - Click here.

Links: Html editors

Links: Introductions to Html

Links: Good webdesign, tools, graphics, copyright