Neuvorstellung

[Kirsten]

Hallo zusammen,

ich bin durch einen Link über meine-erste-Hompage hier her gekommen.
Ich bin Mutter und Liebhaber von BMW-E30 und dadurch auch Initiatior eines Stammtisches im Raum Hildesheim.
Angefange habe ich mal mit Frontpage. Was aber nicht wirklich gut war.

Ein Bekannter von mir hat mir unsere HP ( gestaltet, die ich regelmäßig pflege. Er hat auch das Grundgerüst gemacht.
Ich habe die Seite mit Text versehen , und diese Seiten wiederum mit Unterseiten oder mit Bilder auf meinem Arcor Account verlinkt.
Ich arbeite im Moment am liebsten mit Kompozer.
Nun möchte ich gerne neue Buttons, wie Gästebuch etc. einfügen.
Irgendwie funktioniert das aber nicht, da ich die Buttons irgendwie nicht in die Menüleiste einfügen kann, bzw. es schon daran scheitert die Buttons neu zu machen.
Mein Bekannter hat mir nur die fertigen Buttons per gif zu gemailt.
Da er seid langer Zeit schon im Streß ist hat er leider keine Zeit, im besonderen bin ich lieber autark und möchte alles selbst erlernen und machen.
Mittlerweile habe ich mir das Buch selfhtml. gekauft. Puhhh ist heftig.
Kann mir einer weiterhelfen, wo ich was nachlesen kann oder wie ich am Besten damit weiter mache.
Vllt. kommt ja auch einer aus der Nähe Hildesheim/Hannover und kann mit mir das Ganze mal an meinem PC durchgehen. Auslagen werden natürlich übernommen.

Zu dem würde ich gerne wissen, wie man am Besten mit einer Neugestaltung einer HP anfängt. Ich möchte gerne eine HP für einen befreundeten Stammtisch machen. Design hab ich schon per Corell hier, finde aber den Anfang nicht. Ratschläge wo ich was nachlesen kann, das für einen relativen Neuling, der sehr wissbegierig ist, verständlich ist. Am Besten mit Beispielen zum nacharbeiten der einzelnen Schritten.

Vielen Dank für eure Zeit die ihr investiert habt um dieses zu lesen und für eure Hilfe.

Grüße Kirsten

[daniel5959]

AW: Neuvorstellung

Hallo,

willkommen im Forum. Am Einfachsten gehts mit HP-Vorlagen, also nicht mit einer Grafik als Design, die erst aufwendig geschnitten werden muss, sondern mit einer fertigen Umsetzung in HTML.

Infos zu HP-Vorlagen und wie man diese im Webeditor verwendet auf meiner FAQs-Seite unter

http://www.homepage-faqs.de/index.php?site=hp-vorlagen-download-und-wie-gehts-weiter

dort gibts weitere Links und Infos zum Thema.

daniel5959

[Elvis]

AW: Neuvorstellung

Am Einfachsten gehts mit HP-Vorlagen, also nicht mit einer Grafik als Design, die erst aufwendig geschnitten werden muss, sondern mit einer fertigen Umsetzung in HTML.

Das kann man so kommentarlos unterschreiben. Um zu lernen nimmt man am besten eine klar strukturierte Seite, die durch Farben, Abstände und ggfs. Trennlinien. So lenkt auch erst mal nicht das Design vom viel wichtigeren Inhalt ab.

Damit Du nicht auf irgendwelche technisch völlig sinnfreien Vorlagen zurück greifst, empfehle ich Dir einen Blick zu OSWD. Die dort angebotenen Vorlagen haben fast alle eine gewissen Grundqualität was die technische Seite angeht.

Zum lernen per (Internet-)Buch eignet sich aber meiner Meinung nach besser das Buch von Michael Jendryschik.

[Kirsten]

AW: Neuvorstellung

Hallöchen,
danke euch zwei.
Auf dem Link habe ich heute den ganzen Nachmittag verbracht.
Ist sehr interessant, was dort alles so steht und vorallen sehr schön beschrieben.
Ich habe mir diesen CSS Editor runtergeladen, gib es den auch in Deutsch?

Ich habe mir mal 2-3 Vorlagen runtergeladen und werde mich an diesen mal versuchen.
Das Resultat werde ich euch hier in diesem Forum dann vorstellen.

Könnt ihr mir jemand sagen wie ich neue Buttons auf der jetztigen HP neu einfügen kann? Natürlich muss ich die neu machen, da auch die Buttons nur als Bild hier vorliegt.
Ist mit Tabelle gemacht worden und einzelnen Grafiken, was die ganze Sache erschwert. Ich wollte nur nichts das komplette Design ändern, bzw. neu aufbauen, da es so wie sie ist gut aussieht.
http://www.e30-freunde-Niedersachsen.de

Ihr werdet mich hier wohl noch öfters lesen.

Danke nochmal
Kirsten

[sheeba1507]

AW: Neuvorstellung

Hallo Kirsten,

erst einmal willkommen hier im Forum.

Um eine Webseite zu erstellen, haben mir bislang folgende Links
sehr geholfen :

HTML :
http://www.meine-erste-homepage.com/index.html
http://de.selfhtml.org/

CSS :
http://www.css4you.de/
http://thestyleworks.de/

PHP / MySql :
http://de.php.net/manual/de/
http://www.schattenbaum.net/php/mstart.php
http://www.php-einfach.de/index.php

Für die Grafik gibt es unzählige Programme, da kannst du dir aus
der Vielzahl das Programm aussuchen, mit dem du am besten klar
kommst.

Ich persönlich verwende Ulead PhotoExpress 4.0 sowie
Ulead Cool 3D für alle Grafiken.

Gruß, Mike

[Peter0308]

AW: Neuvorstellung

Hi,

von mir auch ein willkommen im Forum.

Zum lernen von xhtml und css wurden ja schon alle wichtigen Tipps gegeben. Fragen werden natürlich immer wieder auftreten, dafür gibts aber hier Leute die gerne weiterhelfen.

Zu deinem Problem mit den Buttons:
Der bisherige Code deiner Seite ist leider etwas umständlich, es wird allso nicht von jetzt auf gleich gehen, neue Buttons einzufügen.
Der Code für einen Button (ich nehme einfach mal "Termine") sieht bei dir so aus:

<div id="id13-25">
<a href="termine.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','bilder//13_25b.gif',1)">
<img src="bilder//13_25.gif" alt="Termine" name="Image38" border="0" height="29" width="185"></a></div>

Dazu gehört die Positionierungsangabe im style-Bereich:

#id13-25 {
position:absolute;
left:26px;
top:371px;
width:185px;
height:29px;
}

Um einen neuen Button einzufügen, kopierst du einfach den html-Code und fügst ihn da ein, wo der neue Button stehen soll (z. B. unmittelbar vor dem "<div id="13-26">" wenn der neue Button zwischen Termine und Links erscheinen soll).
In dem eingefügten Code müssen jetzt die entsprechenden Einträge angepasst werden:
<div id="13-25">: ändern in <div id="13-32" (bis ...-31 ist schon vergeben)
termine.html: hier den Namen der neuen Seite eintragen (z.B. "gaestebuch.html")
13_25b.gif: hier den Dateinamen des mouseover-Bildes eintragen (z. B. 13_32b.gif)
13_25.gif: hier den Dateinamen des "normalen" Buttons eintragen (z. B. 13_32.gif)
alt="Termine": hier den alternativen Text für das Buttonbild eintragen ( z. B. alt="Gästebuch")

Leider weiß ich nicht, ob der Eintrag "Image38" auch noch angepasst werden muß. Vielleicht kann sich noch ein anderer den Code anschauen und etwas dazu sagen.

Jetzt fehlt noch die eigentliche Positionierung des Buttons. Dazu trägst du im Style-Bereich (ganz oben im Quelltext) folgendes ein:

#id13-32 {
position:absolute;
left:26px;
top:YYYpx;
width:185px;
height:29px;
}

Jetzt geht die Rechnerei los. Der Top-Wert (YYY) muß angepasst werden. Hier musst du einen um 28 - 30 px größeren Wert eintragen wie bei dem Button der unmittelbar über dem neuen Button ist. Weiterhin muß für alle nachfolgenden Buttons der Top-Wert auch um 28 - 30px erhöht werden, da sich sonst mind. zwei Buttons überlagern.

Bitte nicht vergessen: Die Button-Bilder (normal und mouseover) musst du da abspeichern wo die anderen Bilder sind.

Anmerkung:
Bei vernünftigem xhtml- und css-Code hätte ich für diese Erklärung nur 5 - 6 Zeilen benötigt.

Ich hoffe du kannst mit meiner Ausführung was anfangen.

Peter

[Kirsten]

AW: Neuvorstellung

Hallöchen,
danke für die Tips. Das mit Problem mit den Buttons geh ich wohl einandermal an. Hört sich heftig kompliziert an. Um dieses zu bearbeiten muss ich wohl noch warten bis mein Kopf frei ist.

Ich kümmer mich erstmal um die HP des Judovereins.
Und damit komm ich zu einem weiteren Problem, wobei ich nicht weiß ob ich hier richtig bin.
Ich habe mit ein Template herrunter geladen. Ich wollte das Logo einfügen, mir ist aber aufgefallen das das nur im kompletten geht. Also weißes Blatt mit rundem Logo drauf. Ich weiß das man das mit einem Photo Programm ausschneiden kann oder mit Corell, steh aber vollkommen auf dem Schlauch wie das ging.

Man ist das alles kompliziert, ich denke mir wenn man den Dreh raus hat geht es.

Grüße Kirsten

[xyzabc123]

AW: Neuvorstellung

Hallo,
auch ein wilkommen von mir

Ja, wenn man HTML einmal drauf hat, ist es nicht so schwer, allerdings wirst du IMMER dazulernen müssen!

Zu deinem Logo Problem, mache den Hintergrund transparent, versuche es dann nocheinmal auszuschneiden, und dann abspeichern!