Übung 3

Download der zu diesem Projekt benötigten Dateien hier (Entpacken im Verzeichnis webwiese)
   
1. Erstellen Sie in dem Ordner "ptf-tours.de" ein 3teiliges Frameset mit den folgenden Eigenschaften. Für alle Seiten soll die Hintergrundfarbe "schwarz" und die Textfarbe "rot" (#FF0000) sein.
   
 
Frameset "index.htm":

topFrame, 60 Pixel,
"banner.htm"

navFrame
150Pixel
"nav.htm"
mainFrame
relativ
main.htm
 
  • kein Rahmen; rechts 150, oben 60 Pixel
  • Titel: "PTF-Tours"
  • Description: "Reisen in die ganze Welt"
 
Seite "nav.htm":
 
  • Frame-Name: navFrame; Scrollbar: nein; horizontaler (Frame-)Abstand: 1 Pixel
  • Kopieren Sie die Grafik i_nav2.jpg in das Verzeichnis mygifs des Projektes uns setzen Sie in die rechteckigen Schaltflächen der Kopie die folgenden Texte ein: Japan, Karibik, Malediven, New York, Rio, Mülheim (Arial-8pt-fett)
  • Plazieren Sie die Grafik dann zentriert in das Frame.
  • Definieren Sie unter dem Namen "navmap" eine Link-Map für die Grafik. Rechteckig: Karibikkaribik.htm, Mülheimmadr.htm; Rund: EMailmailto:..., Homemain.htm, Helphelp.htm, Infoinfo.htm.
 
Seite "banner.htm":
 
  • Frame-Name: topFrame; Scrollbar: nein
  • Fügen Sie ein Formular mit dem Namen "picform" ein.
  • In das Formular dann die zentrierte Grafik "gifs\banner1.gif" mit dem Link "javascript:hook();" und dem Namen "slideshow".
  • Fügen sie in den Head des Dokumentes das folgende Javascript ein:
 
var n = 0;

timedelay = 3;
timedelay *= 1000;

var imgs = new Array();
imgs[0] = "gifs/banner1.gif";
imgs[1] = "gifs/banner2.gif";
imgs[2] = "gifs/banner3.gif";
imgs[3] = "gifs/banner4.gif";

var page = new Array();
page[0] = "main.htm";
page[1] = "karibik.htm";
page[2] = "malediven.htm";
page[3] = "madr.htm";

function hook() {
var p = (n == 0) ? page[page.length-1] : page[n-1];
parent.mainFrame.location.href = p;
}

function rotate() {
document.picform.slideshow.src = imgs[n];
(n == (imgs.length - 1)) ? n = 0 : n++;
window.setTimeout("rotate()", timedelay);
}
window.onload = rotate;


 
Seite "main.htm":
 
  • Frame-Name: mainFrame; Scrollbar: auto
  • Fügen Sie den folgenden Text ein (Titel: Grösse 6-fett-gelb; Rest: Verdana-Grösse 2)
  • Die Buchstaben PTF sollen jeweils 1 Schriftgrad grösser, in der Standardschrift und in den Farben rot-grün-blau dargestellt werden.
 

Willkommen bei PTF-Tours!

Wir vom PTF Reiseteam wünschen Ihnen viel Spass auf unseren Seiten.

© Copyright 2000 by PTF-Tours

   
2. Fertigen Sie mit Überschriften (Format wie auf der Homepage) die Dateien "karibik.htm", "madr.htm" und "info.htm" an.
   
3. Seite "info.htm":
 

Fügen Sie ein Formular nach folgender Vorgabe ein:

 
Wieviel haben Sie in diesem Kurs gelernt?
  sehr viel viel ausreichend wenig nichts
Das Tempo war
Die Vorkenntnisse, die vorausgesetzt wurden, waren für mich
 
Kommentare oder Anregungen:
 
Fragebogen
   
 
  • Das Formular soll an eine EMail-Adresse gesendet werden
  • 1zellige Rahmentabelle (Breite 90%, zentriert, Hintergrundfarbe #dddddd)
  • 2spaltige Gliederungstabelle (teils mit verbundenen Zellen)
  • Formular-Objekte: "Lernerfolg", "Tempo" (zu schnell, schnell, genau richtig, etwas langsam, zu langsam), "Vorkenntnisse" (entschieden zuviel, etwas zuviel, genau richtig, etwas wenig, entschieden zuwenig), "Kommentar", "submit", "reset"


Top  Previous  Next