Hallo Leute,

ich will meine Homepage neu gestalten. Bisher habe ich dies sehr einfach, aber trotzdem scheinbar professionell gemacht. Ich verwendete immmer unsichtbare Tabellen und habe gif-Grafiken eingebaut mit Mouse-over-Funktionen. Somit bewegte und veränderte sich immer etwas, woführ andere plugins und skripte benutzen.

Bei der Neugestalltung stellt sich die Frage ob ich wieder mit diesen Tricks arbeite oder ob ihr mir neue Tipps geben könnt welche Plugins oder Methoden ich verwenden kann, anstatt z.B. die alten Tabellen oder GIF-Bilder-Videos zu benutzen.

Hier mein soll :

Bei dem Start der Seite soll ein Video abgespielt werden mit Ladebalken beim Ladevorgang. Das Video will ich selbst erstellen, also es wäre die Einbindung von gif, mpeg oder avi von vorteil.

Dann weiterleitung zur Hauptseite nach Video oder Skip.

Auf der Hauptseite will ich ein Menu erstellen das bei MouseOver oder Click grafiken austauscht oder auf dem Bildschirm bewegen kann, sowie dass der Text dynmisch verändert werden kann.


Ich kann auf meinem "BilligWebHosterServer" keine eigenen CGI's oder Skripte' ausführen, somit kommen warscheinlich nur Plugin's infrage. Diese Plugin's sollen möglichst auf allen gängigen Browsern funktionieren. Ich weiß ich will die EierlegendeWollMilchSau, aber ich suche Programme zur Erstellung von solchen Plugins die Freeware sind und nicht alsolange Einarbeitungszeit benötigen.

Also für Eure kreativen Tips bin ich Euch sehr Dankbar, Ihr könnt ja einfach auch mal erwähnen was Ihr so benutzt, oder ob dies nicht sogar mit delphi machbar ist . Wie gesagt mein Server ist Dumm, der kann nichts ausführen.

Bis dann
Xenar

da gibt ein gutes forum dafür: [url]www.forum-hilfe.de[/url]

This Signature-Space is intentionally left blank.
Bei Beschwerden, bitte den Beschwerdebutton (gekennzeichnet mit PN) verwenden.

Ich beschäftige mich seit einigen Wochen ziemlich mit Webdesign. Folgendes würde ich Dir raten: Nimm Abstand von Tabellen für das Grundlayout, beschäftige Dich mit DIVs und CSS.

Meine eigene Seite habe ich z.B. nur mit DIVs aufgebaut, die Navigation verwendet überhaupt keine Grafiken, sondern nur Auflistungen mit CSS formatiert, z.B. auch für den Hover-Effekt. Damit allein kannst Du schon einigermaßen ansprechende Seiten erstellen, ohne viele Grafiken zu verwenden.

Folgende Seite kann ich für einige Beispiele in Sachen CSS empfehlen: css.fractatulum.net/index.htm
Referenz für CSS und HTML ist weiterhin de.selfthtml.org ziemlich gut.

Ich kann UGrohne nur zustimmen. Ein Link zur Thematik: seybold.jan-andresen.de.
Der Trend ist, soweit ich das weiß, Markup (also die Beschreibung des Seiteninhalts) und den Style (das Aussehen) zu trennen. Du versuchst zu aller erst den Seiteninhalt mit h1, div, ul - Tags usw. darzustellen und vernachlässigst dabei das Aussehen, sprich keine Positionsangaben oder Farbangaben in der html-Datei. Das erledigst du nachher im Stylesheet. So wird es z.B. möglich, das Aussehen einer Website komplett zu ändern, indem man sich die css-Datei vorknüpft und abändert und muss sich nicht im HTML-Code verirren.

Vollkommen richtig. So viel wie möglich in die CSS-Datei und da geht wirklich seeehr viel

Du brauchst meist gar nichts in der HTML-Datei außer Standard-Tags wie div, h1, p, vielleicht noch table beim Inhalt. Alle Attribute lassen sich per CSS einbinden. Das hat dann den Vorteil, dass Du z.B. ein Standard-Aussehen eines Tables oder eines H1-Tags realisieren kannst.
Zum H1 kannst Du z.B. meine Überschriften anschauen, diese sind einfache h1-Tags, die per CSS mit dem Rand daneben formatiert wurden.

Letzte Woche habe ich ein Typo3-Template einer Seite von Tables auf DIV umgestellt. CSS wurde recht rar verwendet. Nachdem ich das konsequent umgesetzt hatte, wuchs die CSS-Datei zwar auf die doppelte Größe, das HTML-Template hatte aber 500 nur noch 50 Zeilen! Erhöht die Übersicht und die Einfachheit von Änderungen.

jopp...schau dir mal CSS Zen Garden an. Das ist immer der selbe HTML Code, aber es gibt total viele, verschiedene Designs dafür...ziemlich interessant die seite. was man alles mit CSS machen kann

Wie gesagt solltest du dich in CSS einarbeiten.
Hier gibts ein Anfängertutorial
www.css4you.de/wscss/index.html
Und auf www.webmasterpro.de bekommst du auch viel Hilfe.

Ich bin mittlerweile so weit, dass ich PHP und HTML trenne und das Template-System Smarty verwende. Erleichtert das Scripten und Designen erheblich. Ansonsten findet man kein einziges <table> auf meiner Seite, alles mit CSS gemacht.

Hi!
Wegen der Geschichte mit dem Video: Der Spezialkleber hat den Namen gewechselt: APPLET ist jetzt deprecated und EMBED war eh nie Teil des Standards (glaub ich zumindest). Heist jetzt alles OBJECT (und muss natürlich klein geschrieben werden). Später soll auch img zugunsten von object abgeschaft werden. Aber das ist Zukunftsmusik.
HTH, cu,
nullplan

wenn du seiten hast, wo sich der inhalt schnell ändern lassen soll, dann kann ich dir nur xml empfehlen. in kombination mit xsl geht da sehr viel. Leider wird von vielen Browsern die Umwandlung von xml mit xsl in html nicht ünterstützt (oder ich habe bis jetzt noch kein script gefunden, was mir das bei allen browsern bietet), aber speziell wenn du daten für andere bereitstellen willst, dann können diese schneller in xml ausgelsen werden.

Vielen Dank für Eure Hilfe. CSS werde ich mir jetz mal vornehmen.

Was für eine Software um die Homepage zu schreiben? Nur den Editor? Ich habe bei dem Office-Paket Front-Page daebi, kann ich mir mit dem die Arbeit erleichtern?

Grüße Xenar

Ich würde das hier verwenden:
www.delphi-forum.de/...ic_gtEdit_62777.html
Eigentlich reicht ein Editor mit Highlighting-Funktion.

Von FrontPage kann ich nur dringendst abraten. Generiert schlechten HTML-Code und hält sich nicht so wirklich an die Standards, zum Teil zumindest. Höchstens für Anfänger, die sich nicht mit HTML,CSS etc. auseinandersetzen wollen/können, ist FrontPage IMHO geeignet. Schau dir mal das an, ich finds grausam: www.maehl-wolgast.de
Ich benutze Notepad++. Syntax-Highlighting für 25 Sprachen www.winfuture.de/news,24386.html

Meine ersten Gehversuche mit HTML und CSS habe ich mit einer Trial Dreamweaver (früher Macromedia, jetzt Adobe) gemacht und bin von dem Teil wirklich begeistert. Kostet allerdings ein wenig

Aber solltest Du das mal profesionell machen wollen, dann lohnt sich diese Anschaffung wirklich.

Für die Webentwicklung benutzen "unsere" Jungs Eclipse.

Was den Editor angeht: Ich nehme einen für alles: vim. Der kennt schon beinahe alle Programmier-, Skript- und Auszeichnungssprachen, und man kann ihm die, die ihm noch fehlen, ohne weiteres hinzufügen. Dazu muss man natürlich die Sprache kennen. Und man muss vim kennen. Aber man lernt vim schneller, als man denkt, weil man die Kommandos ja dauernd braucht. Außerdem erhält man einen schönen Einstieg in Perl-basierte RegExps (mit denen sucht und ersetzt man).
Tschö,
nullplan

ich benutze Frontpage aber um ehrlich zu sein Design ich meine Homepage nicht im "ersten" editor Fenster sonder im Code fenster. Der grund warum ich dann Frontpage benutze? Weil man auch gleich ein Preview dabei hat.

This Signature-Space is intentionally left blank.
Bei Beschwerden, bitte den Beschwerdebutton (gekennzeichnet mit PN) verwenden.

Dann lass doch den Browser offen und drück F5.

Das Preview funktioniert (zumindest in Dreamweaver) nicht, wenn die CSS-Datei nur eingebunden wird. Daher lad ich die Datei immer schnell auf den Server hoch und guck sie mir dann dort an.

GTA-Place hat folgendes geschrieben:

Das Preview funktioniert (zumindest in Dreamweaver) nicht, wenn die CSS-Datei nur eingebunden wird. Daher lad ich die Datei immer schnell auf den Server hoch und guck sie mir dann dort an.

Ich hab nen lokalen Webserver(xampp) laufen, jedes mal alles uploaden würde mich umbringen.

MfG
freak