html-Programmierung

nb-guy · 07.03.2005

ich will meine erste page basteln und hab ein paar fragen:

wie kann es so programmieren, dass ich im linken frame einen button klicke das angegebene Ziel im rechten erscheint(so das der linke frame zu einem menü wird)?
wie kann ich den trennstrich zwischen den Frames fixieren?

meine bisheriger Fortschritt:

frame links:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<a href=haupt.html> <img src=Wappen.bmp> </a>
</head>
<body>
<a href=bilder.html> <img src=Bilder button.bmp width=98 height=38 alt= border=0> </a>
<a href=links.html> <img src=Links button.bmp width=98 height=38 alt= border=0> </a>
<a href=Satzung.html> <img src=Satzung button.bmp width=98 height=38 alt= border=0> </a>
</body>
</html>

frame rechts:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>Offizielle Homepage der KB09</title>
</head>
<body>
<body background=Neu Bitmap.bmp text=#FF0000 link=#3300cc vlink=#003300 alink=#996699>
<h1 align=center>Wilkommen auf der Page der Kirmesburschen 2009!!!</h1>
</body>
</html>

Haupt:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN
http://www.w3.org/TR/html4/frameset.dtd>
<html>
<head>
<title>Text des Titels</title>
</head>
<frameset cols=10%,90%>
<frame src=frame links.html>
<frame src=frame rechts.html>
</frameset>
</html>

connyas · 07.03.2005

Frame links:

Code:

&lt;!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
    [url]http://www.w3.org/TR/html4/loose.dtd>[/url]
&lt;html>
&lt;head>
&lt;a href=haupt.html target=main> &lt;img src=Wappen.bmp> &lt;/a> 
&lt;/head>
&lt;body>
&lt;p>&lt;a href=bilder.html target=main> &lt;img src=Bilder button.bmp width=98 height=38 alt= border=0> &lt;/a>&lt;/p>
&lt;p>&lt;a href=links.html target=main> &lt;img src=Links button.bmp width=98 height=38 alt= border=0> &lt;/a>&lt;/p>
&lt;p>&lt;a href=Satzung.html target=main> &lt;img src=Satzung button.bmp width=98 height=38 alt= border=0> &lt;/a>&lt;/p>
&lt;/body>
&lt;/html>

Frameset:

Code:

&lt;!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN
  [url]http://www.w3.org/TR/html4/frameset.dtd>[/url]
&lt;html>
&lt;head>
&lt;title>Text des Titels&lt;/title>
&lt;/head>
&lt;frameset cols=10%,90%>
 &lt;frame name=navigation src=frame links.html frameborder=0 scrolling=no noresize>
&lt;frame name=main src=frame rechts.html>
&lt;/frameset>
&lt;/html>

steht alles unter: http://de.selfhtml.org/html/frames/eigenschaften.htm

Für Anfänger eine Pflichtlektüre (nicht nur Anfänger)

gruss conny

edit: Nie, nie, nieeeeeeeeeeeeeeee wieder Leerzeichen/Sonderzeichen im Dateinamen/Ordnerbezeichnung verwenden.
Guckst du hier: http://www.wintotal-forum.de/index.php/topic,61339.0.html

Pfandleiher · 07.03.2005

Lass die Frames bleiben!
Die bringen zwar schnellen Erfolg, sind aber einfach nichts Wert.

Beschäftige dich gleich von Anfang an mit sauberen, reinem HTML, der Verwendung von CSS und ein paar grundlegenden PHP-Funktionen.

Im HTML sollte nichts stehen, was irgendwie was mit Gestaltung zu tun hat. Verwende Ebenen und positioniere und Gestalte diese dann per CSS.

Keine Frames, stattdessen ist das PHP-include zu empfehlen.

Warum benutzt du bitmap-Grafiken? Versuchs mit gif oder png bei Grafiken und jpg bei Fotos.

Auch überhaupt nicht zu empfehlen ist das Verwenden von Tabellen zur Gestaltung oder als Frame-Ersatz (ich schreibs mal vorbeugend).

Wenn du Hilfe brauchst, kannste mich Fragen (ICQ)

Pfandleiher

Gandalf_the_Grey · 08.03.2005

Pfandleiher schrieb:
Lass die Frames bleiben!
Die bringen zwar schnellen Erfolg, sind aber einfach nichts Wert.

*gg* Na das erklär doch bitte mal näher. Damit würdest du eine ganze Ära des Webdesigns über den haufen werfen *gg*

Pfandleiher schrieb:
Beschäftige dich gleich von Anfang an mit sauberen, reinem HTML, der Verwendung von CSS und ein paar grundlegenden PHP-Funktionen.

Ganz ehrlich, ich würde dir zustimmen wenn ich nicht selbst genau wüsste das es oft genug völlig ausreichend ist sauber und gut HTML zu können. Manche User wollen und brauchen nicht mehr. Übervordere die Leute doch nicht gleich von Anfang an *gg* Die sollen erstmal HTML lernen. Das reicht für den Anfang

Pfandleiher schrieb:
Im HTML sollte nichts stehen, was irgendwie was mit Gestaltung zu tun hat. Verwende Ebenen und positioniere und Gestalte diese dann per CSS.

Na jetzt schlägst aber wirklich 13. Was glaubst du wozu HTML vergewaltigt wurde bis der 4.01er Standard endlich stand?! Anfangs war HTML eine (Hyper)Text hervorhebungs Sprache (Hypertext Markup Language = HTML). Mittlerweile ist es eine GESTALTUNGSSPRACHE. CSS ist einerseits der Versuch das ganze wieder in den Griff zu bekommen und außerdem HTML ganz neue Möglichkeiten zu geben die man vorher nicht hatte. CSS ist übrigns SO ebenfalls veraltet. Ich persönlich neige sowieso zu XML, XLST und CSS in Kombination.

Pfandleiher schrieb:
Warum benutzt du bitmap-Grafiken? Versuchs mit gif oder png bei Grafiken und jpg bei Fotos.

Das ist allerdings eine SEHR berechtigte Frage. Für's Internet sollte man Grundsätzlich PNG verwenden. Meinetwegen auch JPG oder GIF. Aber NIEMALS BMP.

Pfandleiher schrieb:
Auch überhaupt nicht zu empfehlen ist das Verwenden von Tabellen zur Gestaltung oder als Frame-Ersatz (ich schreibs mal vorbeugend).

Da hast du allerdings auch zu 1000% recht. *gg*

Pfandleiher schrieb:
Wenn du Hilfe brauchst, kannste mich Fragen (ICQ)

Pfandleiher

Ähm ein Forum ist dazu da Probleme gemeinsam hier im Forum zu lösen so das andere auch was davon haben. Hier sollte nur in Ausnahmefällen Support per ICQ/Telefon/Mail usw. laufen!

nb-guy · 08.03.2005

ich hab die bmp dateien in jpg umgewandelt und jetzt funzt gar nix mehr. die bilder werden net mehr angezeigt.

Joshua · 08.03.2005

nb-guy schrieb:
ich hab die bmp dateien in jpg umgewandelt und jetzt funzt gar nix mehr. die bilder werden net mehr angezeigt.

Hast du sie im Quellcode auch korrekt referenziert ?!?
Wenn da noch .bmp steht kann das nix werden....

Cheers,
Joshua

nb-guy · 08.03.2005

thx @conny

das mit den frames hat geklappt

nb-guy · 08.03.2005

klar hab ich den geändert!

nb-guy · 08.03.2005

hab jetzt erstma wieder alles in bmp umgewandelt. funktioniert auch alles bis auf eins.

mfg

Pfandleiher · 08.03.2005

Nur um dich nicht zu verunsichern:
Ob eine Datei am ende .jpg stehen hat oder .bmp ist dem Browser egal. Wichtig ist nur, dass der Pfad in deinem Quellcode genau auf dieselbe Datei weist, die du haben willst, aber das sollte klar sein, oder?

Wenn du nun die Bilder in .jpg umgewandelt hast, (und sie auch hochgeladen hast) und den Quellcode angepasst hast, muss das funktionieren. Andernfalls liegt die Vermutung nahe, dass dein Quellcode einfach nicht stimmt.

Einfach wieder bitmaps draus zu machen ist eigentlich fatal, da diese eigentlich nur von Windows verstanden werden. Kommt also einer mit Linux daher, oder mit einem Apfel sihet der warscheinlich keins der Bilder.

Am sichersten fährst du mit dem png-Format (png = Portable Network Graphics).

Bjoern · 08.03.2005

Hi,

Pfandleiher schrieb:
Einfach wieder bitmaps draus zu machen ist eigentlich fatal, da diese eigentlich nur von Windows verstanden werden. Kommt also einer mit Linux daher, oder mit einem Apfel sihet der wahrscheinlich keins der Bilder.

ne, das ist nich der Grund keine bmp's zu benutzen, die sind einfach zu groß

nb-guy · 08.03.2005

was meins du mit hochladen? die sachen sind nochnet auf nem server oder so. alles erst auf meinm pc!

mfg

nb-guy · 09.03.2005

Hab nochma 2 Fragen:

1. wie kann ich den genauen abstand zwischen 2 bildern(oder auch texten) definieren?
(bisher hab ich das immer mit gemacht)

2. wie kann ich so etwas erzeugen:
1.textextextextextext
1.1 textextextextext textextext textextextext textextextextextextext
textextextextext textextext
1.2 textextextextexte
1.3 ......................
...........usw................

mfg nb-guy

connyas · 09.03.2005

Code:

&lt;ol>
 &lt;li>zuztuztfuztzut
  &lt;ol>
   &lt;li>kbkjbkjbjb&lt;/li>
   &lt;li>bjhbjhbjb&lt;/li>
  &lt;/ol>
 &lt;/li>
 &lt;li>bhjbjhbjhb&lt;/li>
 &lt;li>klnknkjn
  &lt;ol>
   &lt;li>iuhiuoiuoiuhiu&lt;/li>
   &lt;li>jhbkjbkjb&lt;/li>
   &lt;li>klnlkjnkjln&lt;/li>
  &lt;/ol>
 &lt;/li>
&lt;/ol>

da gibt es aber auch noch ne Menge andere Möglichkeiten dieses zu realisieren.

z.B. => style=margin-left:20px

usw.

Hier gibts noch andere Möglichkeiten:
http://www.wintotal-forum.de/index.php/topic,59138.0.html

und auch hier hilft wieder: http://de.selfhtml.org

gruss conny

Pfandleiher · 09.03.2005

Und schon bist du beim CSS angekommen.

Wenn du deine Seite nicht nur für Textbrowser attraktiv gestalten willst, kommst du heutzutage am CSS nichtmehr vorbei.

nb-guy · 09.03.2005

ja, und wie bekomm ich jetzt den genauen abstand zwischen bild und bild (untereinander)?

mfg

connyas · 09.03.2005

auch mit margin

style=margin-bottom:xx px
style=margin-top:xx px
style=margin-right:xx px
style=margin-left:xx px

oder alles zusammen:
style=margin:'margin-top'->margin-right'->margin-bottom'->margin-left'

d.h. z.B.:
style=margin:10px 10px 10px 10px

gruss conny

nb-guy · 09.03.2005

thx

mfg

html-Programmierung

nb-guy

connyas

Pfandleiher

Gandalf_the_Grey

nb-guy

Joshua

nb-guy

nb-guy

nb-guy

Pfandleiher

Bjoern

nb-guy

nb-guy

connyas

Pfandleiher

nb-guy

connyas

nb-guy

html-Programmierung

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums