HTML und CSS, Javascript, CGI/Perl, SSI, PHP.

HTML I

HTML II

Trennlinien , Listen | Hintergrundbilder | Frames | Formulare | Meta - Tags

CSS

Einführung | Style Sheets definieren | einzelne Angaben

PLUS

Hilfreiches / Tabellen | Software / Tools | Upload der Homepage | Hyperlinks

FAQ / Goodies | Java | CGI / Perl | SSI

PLUS : FAQ/ Goodies ||

1. Wie definiere ich Links ohne Unterstreichung?
2. Wie erstelle ich einen nahtlosen Übergang?
3. Wie kann ich ein persönliches Icon in der Adresszeile des Browsers erscheinen lassen? (nur IE5)
4. Wie passe ich die Scrollleisten farblich an? (nur IE 5.5)
5. Wie ändere ich zwei Frames gleichzeitig?
6. Wie erstelle ich ein Navigationsmenü mit einer Auswahlliste?
7. Wie binde ich eine Sounddatei ein (mp3, real audio, wav, mid, au, etc. )?
8. Wie erstelle ich eine Suchfunktion auf meiner Homepage?

1. Wie definiere ich Links ohne Unterstreichung?

Am einfachsten: <a href="link.html" style="text-decoration:none">link</a> . Bei mehr als einem Link style-Anweisung innerhalb des <head>, bei mehr als einem Dokument separates Style Sheet. siehe: CSS.

2. Wie erstelle ich einen nahtlosen Übergang?

Die drei häufigsten Fehlerquellen:
1. cellpadding und cellspacing (Tabellen) nicht auf 0 gesetzt.
2. leftmargin/marginwidth bzw. topmargin/marginheight (body) nicht auf 0 gesetzt.
3. Absätze im Quellcode- eventuelle 'Returns' rausnehmen! Also z.B. statt:
(...)<td>

<img src="..." ...>
- etwa so:
<td><img src="..." ...>

3. Wie kann ich ein persönliches Icon in der Adresszeile des Browsers erscheinen lassen? (nur IE5)

1. Erstellt eine 16x16 px grosse Grafik, gebt ihr den Namen favicon.
2. Konvertiert diese ins .ico-Format, z.B. mit dem Programm Irfan View.
3. Ladet sie in die/das Verzeichnis(se) eurer Homepage.
>> nähere Infos: favicon.de.

4. Wie passe ich einzelne Elemente der Scrolleisten farblich an? (nur IE 5.5)

Mit CSS und den dazugehörigen Angaben (Microsoft-Syntax, kein w3c-Standard!) :

scrollbar-face-color, scrollbar-shadow-color, scrollbar-highlight-color, scrollbar-3dlight-color, scrollbar-darkshadow-color, scrollbar-track-color, scrollbar-arrow-color

Falls euch das zu wenig ist:guppi.de/scrollbars.shtml. siehe auch in Zusammenhang mit Javascript (externer Artikel): webreference.com/js/tips/000829.html (August 29, 2000 - Coloring Scrollbars)

5. Wie ändere ich die Inhalte von zwei Frames gleichzeitig?

Beispiel:

<a href="link.html" target="hauptframe" onClick="parent.titelframe.location='titel.html'">link</a>

Mit <a href="link.html" target="hauptframe">link</a> wird die Datei 'link.html' im Frame mit der Bezeichnung 'hauptframe' geöffnet. Soweit verhält sich also alles ganz normal, wie bei Frames üblich
parent.titelframe.location='titel.html' ist eine Javascript-Anweisung. Mit ihr wird die Datei 'titel.html' im Frame mit der Bezeichnung 'titelframe' geöffnet. Die Bezeichnung der Dateien und Frames ist natürlich frei wählbar- in der Praxis werdet ihr wohl kaum Namen wie 'hauptframe' vergeben, sondern kürzere.
Mit dem Event-Handler onClick innerhalb des <a href> - Tags sorgt ihr dafür, dass die JS-Anweisung beim Klick auf den Link ausgeführt wird.

6. Wie erstelle ich ein Navigationsmenü mit einer Auswahlliste?

<FORM name="QuickIndex"> <SELECT name="URL" onChange="if(options[selectedIndex].value) parent.top.location.href= (options[selectedIndex].value)"> <OPTION value="">Inhaltsverzeichnis:</OPTION> <OPTION value="text.html">Text</OPTION> <OPTION value="bilder.html">Bilder</OPTION> <OPTION value="links.html">Links</OPTION> <OPTION value="farben.html">Farben</OPTION> <OPTION value="tabellen.html">Tabellen</OPTION> </SELECT> <NOSCRIPT><INPUT type=submit value="Go"></NOSCRIPT> </FORM>

ergibt:

7. Wie binde ich eine Sounddatei ein (mp3, real audio, wav, mid, au, etc. )?

... (kommt noch!)

8. Wie erstelle ich eine Suchfunktion auf meiner Homepage?

1. Mit einem dafür geeigneten CGI-script. Für fertige Skripte und Einführungen in Perl (die am meisten verwendete Sprache für das CGI [Common Gateway Interface]) konsultiert die hyperlinks.
2. Mit Hilfe eines darauf spezialisierten Online-Services. Vorteil: euer Provider braucht kein CGI zu verstehen, ihr auch nicht. Nachteil: entweder wird Werbung eingeblendet, oder ihr zahlt dafür. Beispiele: picosearch.com oder crawl-it.de.

\| Weiter zum nächsten Kapitel : Java \|
::: © 2000/01 Martin Fux ::: URL dieses Dokuments: http://www.flexdax.org/htmlkurs/faq.html