Tools and first example

webdesign 2

Tools · Information · Example · Homework · Links

What tools do we need?

What information do we need?

  • information to connect to the FTP/Web server
    User: xxx
    Password: xxx
    Directory: /kujiendeleza (IMPORTANT: Do not change files in other directories!)

Example of a simple HTML page

Example file name: “index.html” (http://
  <meta name="Author" content="Alexander Altmann">
  <title>Dangerous - Das Musikvideo</title>
  <link rel="stylesheet" type="text/css" href="dangerousstyle.css" media="all" />


<img alt="Dangerous" width="400" height="86" src="schrift_dangerous_p400.png" />
<h3>Das Musikvideo</h3>

<div style="width: 62%">
Willkommen auf den Webseiten zum Musikvideo &quot;Dangerous&quot; von Alexander Altmann und Theresa Hohaus.<br>

| Start | <a href="inhalt.html">Inhalt</a> | <a href="entstehung.html">Entstehung</a> | <a href="video.html">Das Video</a> | <a href="bilder.html">Bilder</a> | <a href="dank.html">Dank</a> |  <a href="kontakt.html">Kontakt</a> |<br>



Create your first HTML page with a page title refering to your own project, a welcome message and a link to someone else.


Using Filezilla: http://
First steps in the GIMP: http://
Graphics file formats: http://

HTML Tutorial
HTML Primer
h2. HTML Code Tutorial

level up: webdesign