Warum HTML wenn es GoLive gibt?

[Veni]

Hi, ja genau das ist meine Frage, wozu überhaupt ein Editor wenn man auch Freehand oder so hat wo man den Quelltext doch einfach reinschreiben und dann kopieren kann. Ich habe mit GoLive schon mal hantiert und finde es doch viel einfacher-ist das jetzt naiv von mir das zu sagen? Aber grad für einen Anfänger wie mich wäre es doch das Optimalste oder? Was sagt die Fachgemeinde dazu? +

Lg. Veni

[AKrebs70]

Hallo!
Benutze auch GoLive und manchmal auch Dreamweaver.
Muß aber sagen ohne Editor geht das wirklich nicht. Die Quell-Texte die beide erzeugen sind manchmal grauenvoll und arbeite sie anschließend mit dem Editor nach.
Und bei php bleibt dir sowiso nur der Editor.

Axel

[Paddy]

Also wenn ich mal für die Fachgemeinde sprechen darf! Die hält nichts davon. Wenn ich ein Auto baue, ist es mir nicht nur wichtig wie es aussieht sondern auch wie es funktioniert.
Hab ich eine Internetseite mit GoLive oder anderen WYSIWYG (What you see is what you get) Programmen sieht diese vielleicht schön aus, aber der Quelltext ist absoluter schrott.
Ist der Quelltext schlecht:
- sind die Ladezeiten länger ("Auch mal an Modemuser denken")
- leidet die Fähigkeit auf mehreren Browsern gut zu laufen
- ist die Seite oft nicht barrierefrei (Stichwort: Screenreader)
- sind Erweiterungen durch andere Programmierer kaum möglich (keine Kommentare)
etc.

Gruß Paddy

[Ellie]

Hallo Veni,

ganz einfach, weil es besser ist zu wissen, was man da tut.

Und die HTML-Editoren und WYSIWYG-Programme manchmal derartigen Schund rausjagen, das eine manuelle Korrektur manchmal unerlässlich ist.

Webdesign in Freehand... *grusel* komplett geslictes PShop Datei als html *grusel noch mehr* geht es noch schlimmer? Jo, Frontpage und NOF...

Grundlagen sollten hier Kenntnisse in html, CSS, JScript und php sein. Und dann sollten Begriffe wie valide und der aktuelle Stand des W3C keine Fremdwörter sein.

Ich bin Printmensch und schaffe es zwar meinen eigenen Kram selbst zu erstellen (nur mit Editor *duck*) aber mehr auch nicht.

Fang ganz vorne mit einfachem html an, das geht schnell und ist recht einfach zu lernen. http://de.selfhtml.org/

Lg,
Ellie

[Manuel]

*fleißig zustimm*

Unbedingt direkt selbst lernen. Solche Programme würde ich direkt löschen. Selbst für die Vorarbeit sind sie zu umständlich. Die Formatierung des Textes übernimmt dann eh alles CSS, was ebenfalls sehr einfach zu erlernen ist. Ich würde wirklich mal wie es Ellie auch schon sagte mit HTML anfangen. Danach dann CSS dabei. Denn ohne CSS läuft gar nichts mehr. PHP ist ja erstmal unwichtig.

Also auf jeden Fall mal auf selfhtml vorbei schauen.

Lg,
Manuel

[Rene]

*auch zustimm*

Was du machen kannst:
Mit so einem Editor HTML lernen.
Habe ich auch gemacht.
Empfehlung: Dreamweaver

Dieser gibt noch ein eingermaßen "guter" Code herraus.
Wenn du das dann duch nen Validator jagst kannst den Code ja noch vollständig verbessern

Also ich arbeite auch zum Teil mit Dreamweaver.
Und wie Elli schon sagte niemals, wenn du ein Bild gesliced hast, den Code von Photoshop bzw. Image Ready nehmen.
Dieser ist echt grausam.

lg

[Veni]

Ja ok Jungs, aber ich will doch irgendwann mal richtig schön designte Hompegaes kreieren, geht denn das überhaupt mit html only? ich denke mir immer das htmlseiten immer nur schlicht und boring aussehn-bin ich da jetz auf dem Holzweg? :D Wie in dem aneren Thread beschrieben, will ich das Designte "I_WIN_ 22 template" auch mal irgendwann so umsetzen können, und das soll nur mit html gehn?

[Rene]

Ja umsetzen geht in HTML.
Leider kann man halt in HTML kein Gästebuch oder so programmieren.
Grundcode jeder Seite ist HTML

[Ellie]

Moin,

nein, dafür wäre der Einsatz von CSS wohl sinnvoller, obwohl Du theoretisch auch nur mit Tabellen ein solches Layout umsetzen kannst. Dann wäre es aber oldfashioned.

Dein Grundgerüst ist immer HTML, das bedeutet:
http://de.wikipedia.org/wiki/HTML

CSS ist zur Formatierung da. http://de.wikipedia.org/wiki/Cascading_Style_Sheets

PHP brauchst Du um Seiten dynamisch anzuzeigen
http://de.wikipedia.org/wiki/Php

unentbehrlich für z.B. CMS-Systeme:
http://de.wikipedia.org/wiki/Content-Management-System

und mit Javaskript kann man auch dynamisch was machen:
http://de.wikipedia.org/wiki/JavaScript

Fang mit dem html Grundgerüst an und dann gleich CSS einbinden. Ist glaube ich einfacher das gleichzeitig zu machen. Was nachher genau wie eingebunden wird ist nicht immer einfach zu entscheiden, also ob Du z.B. Buttons mit JavaSkript oder in CSS mit einem Mouseover-Effekt belegst.

Ich wette mit dir, daß Du in drei Wochen deine ersten brauchbaren Ergebnisse parat hast. Vorher ein wenig damit herumspielen macht Sinn, HTML und CSS sind an sich einfach, das grösste Problem sind die verschiedenen Browser und wer womit Darstellungsprobleme hat.

LG,
Ellie

[Veni]

Guten Morgen Gemeinde,

also ich hab mich mal versucht auf selfhtml, irgendwie sind da jedesmal tausend links zu einer neuen Erklärung, ganz ehrlich bezweifle ich, das mir html liegt, aber ich muss mich wohl dazu zwingen :/
Das is so elendich trocken! Wie kann ich nur Lust daran erhalten, mich da durchzuwurschtln...Ich glaub wenn man von tuten und blasen keine Ahnung hat davon so wie ich, dann muss ich mal in einen Grundkurs gehen opder so-sofern es sowas gibt. Weil ich begreife es einfach besser wenn jemand mit mir spricht und mit mir konkrete Besipiele durchgeht.
So wird das nix denke ich. na ich muss jetz erst mal weiterarbeiten.

Cya, LG Veni

[Krabbi]

Du hast da auch was eher missverstanden. Tatsache ist, das SelfHTML ein sehr gutes Archiv ist (zum Nachschlagen eben)... wenn du aber HTML an sich lernen willst ist das viel zu Umfangreich Ich hatte mal irgendwelche Tutorials gesehen. Leider ist das schon ein wenig länger her. Ich bin mir aber sicher, dass sich via Google lehrreiche Sachen finden werden.

Mit den 3 Tutorials auf der Seite bist du ja schonmal recht gut bedient. Ist doch schon sehr viel dabei was man wissen muss. Aber ein wenig trocken ist HTML immer, zumindest so lange bis man seine eigene Seite damit aufbauen kann Bei mir wars komisch, ich hab lauter Fetzen aus verschiedenen Tutorials angeschaut und irgendwann drauf los gebastelt... einigermaßen hats dann sogar auch hingehauen ^^

[Ellie]

Hallo Veni,

versuch mal ganz von vorne, vielleicht hilft dir das hier dabei ein wenig weiter. Ich bin auch kein Profi, aber es braucht nicht sehr viel um erste Ergebnisse zu erzielen.

Kopiere dir den Code hier in den Editor, speichere es als index.html ab und öffne es in deinem Browser. Dann schau dir an was dargestellt wird und wo Du die passende Formatierung dazu findest.

LG,
Ellie

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Das da oben ist die Doctype, dmait legst du fest, wie der Browser den Quelltext zu interpretieren hat, hier neumodisch in XHTML strict  -->

<html ><!-- open-Tag "hier beginnt eine html-seite"-->

<head><!-- open-Tag "hier beginnt der Kopf, wo man z.B. meta, css, JScript und andere Notationen aufführt"-->

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  <!-- hier wird beschrieben welcher Zeichensatz verwendet wird-->

<title>Meine erste Homepage</title><!-- Seitentitel, die siehst Du in der Browserleiste-->

<!-- Hier kommen die CSS-Beschreibungen rein, hier eine einfache Textformatierung für den body-Bereich
so ist die Ausrichtung zentriert, die Hintergrundfarbe des Bereiches ist silbergrau, Schriftart Verdana in 12 px Höhe mit einem Zeilenabstand von 120 Prozent-->

<style type="text/css">

.test {
   text-align:center;
   background-color:#e1e1e1;
   font-family:Verdana, sans;
   font-size:12px;
   line-height:120%;
   }

</style>

</head><!-- close-Tag "hier endet der Kopfbereich"-->

<body bgcolor="#D3E3FF"> <!-- open-Tag "hier beginnt der Inhalt (Körper) einer html-Seite, also das was man später im Browser sieht, hier mit definierter Hintergrundfarbe, ein helles Flieder"-->

<p class="test"> <!-- open-Tag css-Formatierung, hier wird die KLasse "test" angewendet-->

Hallo, das hier ist der Anfang in HTML.
<br />
Eine neue Zeile mit dem break-Tag. Der wird in html strict direkt geschlossen und nicht wie sonst einen open- und einen close-Tag. Zwei breaks sehen dann so aus.
<br /><br />
Und nun einfach anfangen und probieren.
<br /><br />
Das hier ist ein Link, der nirgendwo hinf&uuml;hrt: <a href="#"> Test </a>
<br /><br />
und ein Bild, das es noch nicht gibt und aufgrund des alt wird dann der Text angezeigt: <img src="pfadangabe/bild.jpg" wifth="100" height="100" border="1" alt="Alternativtext"> </img>

</p><!-- close-Tag css-Formatierung, hier wird die KLasse "test" angewendet-->

</body><!-- close-Tag "hier endet der Inhalt (Körper) einer html-Seite, also das was man später im Browser sieht"-->
</html><!-- close-Tag "hier beginnt eine html-seite"-->

[Veni]

Da sis ja Lieb, vielen Dank PS: Welcher Editor ist so der beste? habter gleich mal n Link wo es sowas vielleicht kostenlos zu dl geht? Der Editor der bei den Tutorials ist-ist das echt der beste? Und wo kannsch den am besten dl? THX gute Nacht.

[Krabbi]

Theoretisch meint Ellie in dem Beispiel eher den Windows-Editor... der reicht nämlich fürs meiste (hat halt nur kein Syntax-Highlighting). Wenn du einen HTML Editor haben willst würde ich Phase 5 empfeheln, zumindest soll der recht gut sein. Ich selbst nehm Windows-Editor oder Weaverslave (einfach mal googlen, hilft schon )

[Manuel]

Ich verwende auch Phase5. Finde er hat ein paar praktische Funktionen wie z.B. Strg-b => <b></b> usw.
Und natürlich Syntaxhighliting für viele verschiedene Sprachen. Dieses ist bei PHP leider nicht immer perfekt, aber was solls? Mehr braucht man eigentlich nicht, daher reicht eigentlich wirklich ein möglichst einfacher Editor ohne viel Spielerei und möglichst ohne Funktionen, mit denen man sich die Seite zusammen klicken kann

Lg,
Manuel