Übung 2

1. Erstellen Sie in in Ihrem Platzverzeichnis (webwiese\xx) den neuen Order "bauer.de" und in diesem ein 2spaltiges Frameset mit den folgenden Dateien:
 
Frameset-Datei "index.htm":
 
  • kein Rahmen; Grösse links: 160 Pixel, rechts: den noch verfügbaren Rest
  • Titel: "Homepage von Achim Bauer"
  • Description: "Achims Java- und Musik-Ecke"
  • Keywords: "Java, Musik, Homepage, Download"
 
Seite "left.htm":
 
  • Framename "left"; Scrollbar "nein"; horizontaler Frame-Abstand "1 Pixel"
  • Hintergrundfarbe "hellgrau" (#dddddd); Hintergrundgrafik "bkEff02.gif"; Textfarbe "dunkelblau" (#000099)
  • Plazieren Sie in einer unsichtbaren Tabelle (Breite 100%, Höhe 90%) vier selbsterstellte Schaltflächen (150x30 Pixel) mit den Texten "Home", "Java", "Musik" und "Galerie" nach Vorlage1
 
Seite "main.htm":
 
  • Name "main"; Scrollbar "auto"
  • Hintergrundfarbe "hellgrau" ; Textfarbe "dunkelblau"
  • Fügen Sie den Text (Überschriftengrösse "7") und die beiden Grafiken "i_pers02.gif" und "a_music.gif" entsprechend der Vorlage1 ein.
  • Hinterlegen Sie die Lautsprecher-Grafik mit einem Hyperlink zu der Midi-Datei "\div\asock.mid"
  • Fügen Sie am Ende der Seite mit Javascript das Datei-Datum ein - Schrift: Arial, Grösse "2"; Javascriptanweisung: document.writeln(document.lastModified)
   
2. Fertigen Sie mit Überschriften (Format wie auf der Homepage) die Dateien "java.htm", "musik.htm" und "galerie.htm" an. Speichern Sie diese dann und unterlegen Sie die Schaltflächen in der Datei "left.htm" in geeigneter Weise mit einem Hyperlink.
   
3. Seite "musik.htm":
 

Fügen Sie in die Datei den Javascript-Ticker aus der Seite "\div\beispiel.htm" ein. Dazu müssen Passagen aus dem Head, dem Body-Tag und der Form-Tag im Body an die geeigneten Stelle der Datei musik.htm kopiert werden. Benutzen Sie dazu die Quelltext-Ansicht und ändern Sie die Textform-Breite auf 30 und den Anzeigentext in "Diese Seite ist noch in Arbeit".

   
4. Seite "java.htm":
  Kopieren Sie die Datei "\div\messagera\messagerA.class" in das Verzeichnis "uebung2" und fügen Sie in der Seite "java.htm" das komplette Applet-Tag ein.
   
5. Seite "galerie.htm":
  Legen Sie hier eine Tabelle an, mit der die 5 Grafiken "i_bildxx.jpg" in einer Grösse von 128x96 Pixel bzw. 75x102 dargestellt werden (siehe Vorlage 2). Setzen Sie jeweils einen beliebigen Alternativ-Text (wie "Abendröte") für die Grafiken und einen Link auf die Grafikdateien (damit können die Bilder auch in Originalgrösse angezeigt werden).

Vorlage1:
Vorlage1
 
Vorlage2:
Vorlage1


Top  Previous  Next