fh.h42.de - What´s the question?
Navigation: [START] [00-ws] [glmm] [glmm08.htm]
[print]  [e-mail]  [main]

HTML (3)

Diese Übung war dreigeteilt. Es wurden erweiterte Techniken bei der Gestaltung von HTML-Seiten vorgestellt. Besprochen wurden

Frames

Bei Frames sind die Meinungen sicher zweigeteilt. Alle professionellen Seiten, die ich kenne haben sich gegen Frames ausgesprochen, da Frames Nachteile beim Druck und beim Bookmarken der Seiten bieten.
Wie in der 1. Übung schon gesagt, habe ich mich hier für Frames entschieden, da momentan die Aktualisierung des Menüs (links) und der News (rechts) extrem aufwendig wäre. Ohne Frames muesste dann jede einzelne Seite aktualisiert werden. Mit Frames ist dies nicht notwendig.
Der Code für die Frames sieht auf dieser Seite so aus: 
<frameset framespacing="0" frameborder="no" rows="42,*">
   <frame marginheight="0" scrolling="no" src="top.html">
   <frameset framespacing="0" frameborder="no" cols="178,*,184">
     <frame marginwidth="2" scrolling="auto" src="menu.html">
     <frame marginwidth="2" scrolling="auto" src="main.html" name="main">
     <frame marginwidth="2" scrolling="auto" src="right.html">
   </frameset>

CSS

CSS sind eine recht neue Technik bei der Gestaltung von Webseiten.
Momentan verwende ich keine Stylesheets auf meinen Seiten, trotzdem kann man sich hier mal eine Anwendung anschauen. CSS-Syntax: TAG {typ1:wert; typ2:wert}
Beispiel: h1 {color:red}
Verwendet man diese Defintion so würden alle Überschriften, die zwischen den <h1> Tags stehen, in roter Schrift erscheinen.

Weitergehende Infos zu CSS findet man u.a. mal wieder bei Selfhtml:

Sensitive Grafiken

Mit sensitiven Grafiken kann man bestimmte Bereiche einer Grafik Links zuordnen. Auf der Eingangsseite habe ich dies genutzt. Es gibt eine Grafik, die auf 4 verschiedene Bereiche führt. Der HTML-Code dafür sieht so aus:

<map name="Navigation">
  <area alt="Studium" shape="RECT" coords="2,10,159,42" href="studium/index.html">
  <area alt="Abi 99" shape="RECT" coords="215,10,365,42" href="http://www.larre.de/abi/index.html" target="_new">
  <area alt="Computer" shape="RECT" coords="2,87,194,124" href="computer/index.html">
  <area alt="Privat" shape="RECT" coords="253,88,365,118" href="privat/index.html">
</map>
<center><img src="img/navigation.png" usemap="#Navigation" width="373" height="132" border="0" alt="Navigation"></center>

vorige Woche: Postscript nächste Woche: Gestalterische Grundlagen
News
12.10.: Seiten zum WS03 aktualisiert
02.09: Seite zum WLAN-Projekt aktualisiert
10.04: Seiten zum SS03 aktualisiert
12.08: Eigene Vorlage für Seminararbeiten der FH hinzugefügt
14.07: Informationen zum 5. Semester hinzugefügt.
14.07: Druckfunktion für die Seiten überarbeitet: Auflistung der Hyperlinks über Fußnoten realisiert.
04.06: Links für IT-Sec neu strukturiert
27.04: Projekte des SS02 hinzugefügt
07.04: Lehrveranstaltungen des SS02 hinzugefügt
07.04: Dokumentation zum X-Terminals Projekt
Navigation: [START] [00-ws] [glmm] [glmm08.htm]
[print]  [e-mail]  [main]