Websiteerstellung: Kompatibiliät mit Browsern

Liebe Leute,

ich hätte da mal eine Frage. Ich möchte eine recht umfangreiche Website erstellen. Bei den Sachen, die ich davor gemacht habe, hatte ich z.B. MS Fontpage genutzt und letztendlich festgestellt, dass die generierten Codes nur vom Internet Explorer richtig gedeutet werden konnten. Nur beim IE lief die Seite. Bekanntes Problem: bei Firefox Mozilla/Apple lief die Seite nicht. Ich habe hier schon gelesen, dass die Ergebnisse von Frontpage eigentlich (ggfs. mutwillig von MS) in Sachen Kompatiblität einfach unbrauchbar sind.

Ich würde von Euch gern wissen, ob Ihr eine Empfehlung für ein Websiteerstellungsprogramm habt, dass letztendlich Websites generiert, die eben nicht nur z.B. mit dem IE laufen, sondern auch mit anderen Browsern problemlos funktionieren (insbesondere natürlich Firefox Mozilla, das ja inzwischen sehr viele User nutzen). Es sollte ein What-you-see-is-what-you-get-Programm sein; leider kenne ich mich mit den HTML-Codes nicht gut genug aus, um diese ggfs. danach noch zu optimieren. Gibt es so ein Programm, das Ihr empfehlen könntet? Es sollte ordentlich bedienbar sein. Ich möchte doch einfach nur eine Site entwerfen, die mit allen Browsern funktioniert.

Vielen, vielen Dank für Eure Antworten!

Schöne Grüße
Tom :smile:

z.b. http://www.adobe.com/de/products/dreamweaver/

Letzte Meinung:
„:z.b. http://www.adobe.com/de/products/dreamweaver/

Ich weiss ja nicht wer so viel Geld übrig hat, es muss doch auch billige (gute) Software oder gar Freeware geben, die dieses erledigt

Gruß Harald

Hallo Tom

Ich würde von Euch gern wissen, ob Ihr eine Empfehlung für ein
Websiteerstellungsprogramm habt, dass letztendlich Websites
generiert, die eben nicht nur z.B. mit dem IE laufen, sondern
auch mit anderen Browsern problemlos funktionieren
(insbesondere natürlich Firefox Mozilla, das ja inzwischen
sehr viele User nutzen).

Dreamweaver ist ein relativ gutes Programm, aber es kostet. Wenn Du aber mal ‚web editor free‘ in eine Suchmaschine eingibst, findest Du sicher auch einige Möglichkeiten. Bleistiftsweise bringt Seamonkey, ein Mozilla/Firefox-Derivat, einen Editor mit.

Es sollte ein What-you-see-is-what-you-get-Programm sein; leider kenne
ich mich mit den HTML-Codes nicht gut genug aus, um diese ggfs.
danach noch zu optimieren. Gibt es so ein Programm, das Ihr
empfehlen könntet? Es sollte ordentlich bedienbar sein. Ich
möchte doch einfach nur eine Site entwerfen, die mit allen
Browsern funktioniert.

Naja, das ist leider nicht ganz so einfach. Soweit ich weiss, machen alle Editoren gewisse Sachen, die nicht ganz sauber oder evt. sogar falsch sind. Von daher ist ein Feintuning des HTML-Codes eigentlich unumgänglich. Dabei helfen Dir z.B. die Validatoren, die Du auf http://w3.org kostenlos nutzen kannst. Da wird Dir dann angezeigt, was evt. fehlerhaft ist. Und mit http://de.selfhtml.org/ kannst Du dann die reklamierten Codes korrigieren.

Ein eigenhändiger Test mit möglichst vielen verschiedenen Browsern ist ebenfalls ratsam.

Wichtig ist, dass die Seite insgesamt lesbar und nutzbar ist. Gewisse Unterschiede in der Darstellung sind unumgänglich, da kannst Du Dich nur so gut wie möglich dem anzunähern versuchen, das Du haben möchtest.

CU
Peter

Hallo Harald,

Letzte Meinung:
„:z.b. http://www.adobe.com/de/products/dreamweaver/

Ich weiss ja nicht wer so viel Geld übrig hat, es muss doch
auch billige (gute) Software oder gar Freeware geben, die
dieses erledigt

Hier werden Sie geholfen :wink:
http://www.nvu-composer.de/
Nvu Compozer und KompoZer sind HTML-Editoren für deinen kleinen Geldbeutel, sie kosten nämlich nichts.

Viele Grüße
Marvin

Ich möchte eine recht umfangreiche Website erstellen.

Ich würde von Euch gern wissen, ob Ihr eine Empfehlung für ein
Websiteerstellungsprogramm habt

Ich benutze dabei immer vi, einen Texteditor. Ohne irgendwelchen Schickschnack.

dass letztendlich Websites
generiert, die eben nicht nur z.B. mit dem IE laufen, sondern
auch mit anderen Browsern problemlos funktionieren

Die meisten editoren erstellen Seiten, die mit allen Browsern irgendwie laufen. Von „problemlos“ würde ich bei gar keinem Editor reden.

Es sollte ein
What-you-see-is-what-you-get-Programm sein; leider kenne ich
mich mit den HTML-Codes nicht gut genug aus, um diese ggfs.
danach noch zu optimieren.

Dann hast Du schlechte Karten. IMHO muss man bei jedem Editor nachoptimieren. So gut kann kein WYSIWYG sein. Ganz ohne HTML/CSS-Kenntnisse ist es meiner Meinung nach nicht zu empfehlen, eine „große“ Website auf die Beine zu stellen. Dann sollte man lieber jemanden dafür bezahlen, der das gut kann und damit seine Familie ernähren muss.

Ich
möchte doch einfach nur eine Site entwerfen, die mit allen
Browsern funktioniert.

Wenn Du genau das willst, was Du schreibst, das ist einfach. Dazu brauchst Du nur Inhalt und diesen strukturierst Du mit HTML. Kein CSS, kein Design, kein Layout. Das funktioniert definitiv in allen Browsern, ob IE7, Netscape 6 oder Mosaic oder Lynx. Oder auch in Vorlesebrowsern. Das ist die Grundidee der Barrierefreiheit.

Wovon Du Dich verabschieden solltest, ist der Gedanke, Deine Site sieht in allen Browsern gleich aus. Das ist insofern auch schon ein Denkfehler, als dass „sieht aus“ nicht passt, denn es gibt Clients, die nichts visuell darstellen. Das sind sicher Vorlesebrowser, dazu gehören aber auch die Suchmaschinen-Robots.

Deswegen ist das A und O einer Website eine grundsolide HTML-Struktur. Und da hapert es IMHO bei den meisten WYSIWYG-Editoren.

Darauf aufbauend kommt dann CSS, sauber von HTML getrennt (Stichwort „Trennung von Inhalt und Layout“). Wenn Du sauber arbeitest, musst Du an Deinem HTML nichts mehr ändern und kannst alles weitere in CSS machen. Deswegen sind dann Redesigns auch so einfach, weil man nur noch das Stylesheet austauschen muss (s. auch http://www.csszengarden.com/).

Man sollte jedoch immer im Hinterkopf behalten, dass CSS auch nur so gut ist, wie die Implementation in den Browsern. Ein Netscape 4 z.B. versagt auf fast ganzer Linie. Bei den meisten Dingen wird NS4 einfach nichts so darstellen, wie man das gern hätte, durch die grundsolide HTML-Basis bleibt die Site aber weiterhin 100% nutzbar (Barrierefreiheit). Man kann vor solchen Browsern auch das Stylesheet verstecken, andere lesen es ohnehin nicht aus. Die Site bleibt 100% nutzbar.

Das Aussehen ist dann ein anderes Thema. Verschiedene Browser implementieren CSS leider mehr oder weniger fehlerhaft, wie z.B. der IE. Für vieles gibt es Hacks, bei anderen Dingen kann man sich auch ganz legitim sagen: Was Dein Browser von den Vorgaben des W3C nicht unterstützt, kann ich Dir auch nicht anzeigen. Wenn nun ein besonderes Gimmick nur im Firefox zu sehen ist, aber nicht im IE, weil Microsoft bei der Implementation geschlafen hat, dann ist das eigentlich kein Problem: Die Site bleibt 100% nutzbar für alle. Gut, sieht ein IE-Nutzer die Site im FF, wird er sich vielleicht ärgern, aber das könnte dann auch einfach einen Browserwechsel nach sich ziehen.

Vielen, vielen Dank für Eure Antworten!

Beherzige sie auch :smile:
Lerne HTML und CSS, nur so kriegt man durch und durch professionelle Websites hin.

Viel Erfolg!
-Efchen

ich hätte da mal eine Frage. Ich möchte eine recht
umfangreiche Website erstellen. Bei den Sachen, die ich davor
gemacht habe, hatte ich z.B. MS Fontpage genutzt und
letztendlich festgestellt, dass die generierten Codes nur vom
Internet Explorer richtig gedeutet werden konnten. Nur beim IE
lief die Seite.

Wunderts dich?

Frontpage = Microsoft
Internet Explorer = Microsoft

Glaubst Du der Bill schert sich einen Dreck um andere?

Bekanntes Problem: bei Firefox Mozilla/Apple
lief die Seite nicht.

Umkehrschluss eben…

Ich habe hier schon gelesen, dass die
Ergebnisse von Frontpage eigentlich (ggfs. mutwillig von MS)
in Sachen Kompatiblität einfach unbrauchbar sind.

Richtig gelesen!

Es sollte ein
What-you-see-is-what-you-get-Programm sein; leider kenne ich
mich mit den HTML-Codes nicht gut genug aus,

Wie wärs mit lernen?

http://de.selfhtml.org

Ansonsten wirst Du immer zweit oder drittklassige Websites erstellen. Versprochen! Da hilft dir auch kein WYSIWYG-Programm.

möchte doch einfach nur eine Site entwerfen, die mit allen
Browsern funktioniert.

Tja, so einfach ist es halt nun mal nicht. Ich möchte auch einfach nur eine Gasleitung verlegen. Warum muss ich dafür extra eine Lehre als Gas- & Wasserinstallateur machen?

Damit den Leuten am Ende nicht die Bude um die Ohren fliegt!

Gruß Marcus

Sauber Trennen
HTML ist für die Inhalte (Text, Graphik-Einbindung) zuständig, das machst du von mir aus mit Frontpage

CSS ist für die Form (Optik) zuständig. Da gibtst du dann ALLE möglichen Werte eines Objektes an, darf auch die Kurzschreibweise sein. Einigermaßen aktuelle Fronpage-Versionen können auch mit CSS umgehen.

Dann noch den korrekten langen Doctype in den Kopf und das meiste sollte überall ziemlich gleich aussehen.

Ach ja: FONT ist nicht mehr.

Gruß

Stefan

CSS ist für die Form (Optik) zuständig.

HTML aber auch

Da gibtst du dann ALLE
möglichen Werte eines Objektes an, darf auch die
Kurzschreibweise sein. Einigermaßen aktuelle
Fronpage-Versionen können auch mit CSS umgehen.

und das soll jemand hin bekommen, der noch nicht mal HTML kann? Hast du dir mal den generierten Code von FrontPage angeschaut?

@Peter: Aber FrontPage ist auch nicht umsont und sogar ziemlich teuer.

Naja, etwas HTML solltest du dir schon aneignen, wenn du eine Website erstellen willst. Ganz ohne Wissen gehts halt nicht. Professionell wirds auch erst, wenn du Flash, JavaScript, ASP oder PHP zum HTML und CSS kannst.
Ansonsten kann ich dir noch CMS empfehlen. Ist eine Art Programm, was auf dem Webserver installiert wird und dann kann man im Prinzip per Mausklicks neue Seiten erstellen und mit einem WYSIWYG (TinyEditor) kann man die Seiten bearbeiten.

Aber da muss man sich halt auch mal zwei Tage mit beschäftigen und erst mal ausprobieren. Wenn du eine Zockerseite willst, empfehle ich dir als CMS: JOOMLA ansonsten ist CONTENIDO recht gut. Mit Joomla kann man halt die Templates schon herunterladen und hat nicht mehr viel mit dem Design, etc. zu tun (kann man aber auch individuell gestalten). Mit Contenido muss man wenigstens die CSS selber machen. (Gibts da auch Templates? Weiss ich gar nicht - aber glaube nicht.).

Joomla guckst du hier: http://www.joomla.de/
Contenido guckst du hier: http://www.contenido.org/opensourcecms/de/

!ist beides umsonst!

Hier kann man sich bei Joomla z.b. fertige Templates herunterladen:
http://www.joomlaos.de/joomla_template_galerie.html
(Einfach mal auf die Bildchen klicken)
Dann brauchst du dort nur noch deinen Text rein bringen und fertig ist die Website.