HTML frage

[[ACE].:SHARK:.]

Hi
ich habe mir ein Buch zum lernen gekauft.
nun habe ich mir mal nen quelltext der seite computerbase.de angeschaut.

nun meine frage wollt ihr mir wirklich sagen das man soviel von hand schreiben muss um im vergleich dazu so wenig text zu bekommen ?
oder wie machen die das ?

mfg SHARK

 

[StevenSchaap]

Die haben dazu ein Programm, wo man nur die Grundstruktur sieht und dort dann was reinschreibt, sowas wie Formulare, die einfach bloß abgeheftet werden!! Denke ich mal...

 

[mh1001]

Hallo,

bei Computerbase wird der ganze Quelltext - im Gegensatz zu vielen anderen Seiten - von Hand geschrieben sein.
Einen so sauberen Code bekommt man mit einem WYSIWYG-Editor nicht zusammen.
Aber wenn man sich einmal ein ordentliches CSS-Template gebaut hat, so ist das ganze eigentlich halb so schlimm.
Die Seite an sich wird natürlich später mit Hilfe von PHP und einer Datenbank dynamisch erstellt.

MfG mh1001

 

[latita]

ich kann dazu nur sagen: ja
diese seite ist ja nicht nur durch html aufgebaut. damit wäre es gar nicht möglich.
Es fließen noch javascript und CSS mit ein.
Und sicher auch PHP und MSQL.

Also nur mit html ist das nicht zu bewerkstelligen

 

[Mr. Snoot]

Es wird ja nur das Gerüst - also das Design, die Anordnung der Elemente (News, Artikel usw.) von Hand geschrieben, alles andere kommt wie gesagt dann dynamisch hinzu.

So, wie auch hier im Forum. Du schreibst ja deinen Text auch nur in das Kommentarfeld und er erscheint dann ganz normal im Forum, ohne dass jemand händisch was am Quelltext geändert hat

Das gleiche bei den News oder Artikeln auf der Startseite. Da haben die Redakteure irgendwo eine Eingabemaske und tippen nur ihren Text da rein, schicken das ab und via PHP etc. landet das dann im Quelltext

 

[[ACE].:SHARK:.]

was würdet ihr mir für den Anfang empfehlen.
ich möchte gerne unsere Clan Homepage machen.
leider haben die anderen auch keine Erfahrung in so Sachen.

also ist kann man sagen CB ist ne recht komplexe page oder ?
den ich habe keine ahnung wieviele jahre man lernen muss um so was zu können.

@all DANKE

 

[Mr. Snoot]

Für den Anfang wäre es gut, die grundlegenden Sachen für reines HTML zu lernen, anschließend vielleicht CSS dazu.

Dafür eignet sich z.B. SelfHTML. Das ist dann aber alles nur statisch, und ein Forum o.ä. kannst du damit nicht betreiben (dazu brauchst du dann wie schon erwähnt am besten PHP).

Du müsstest dann deine News oder Clanwarergebnisse usw. aber noch händisch in den Quelltext eintragen. sofern die seite nicht zu umfangreich ist, ist das sicher auch kein Problem.

Aber um so ne Seite wie CB zu programmieren gehört einiges mehr an Knowhow dazu. HTML, CSS, Javascript, PHP usw. Und grad letztere zwei, mit denen dann eine dynamische Seite möglich wird, musst du erstmal außer Acht lassen, wenn du HTML und CSS noch nicht beherrscht.

 

[[ACE].:SHARK:.]

also das mit dem html das mich (lernen deswegen ist auch das buch da )
aber gibts für die schnelle ne möglichkeit mit vorlagen usw oder tools wo es nicht zu schwer ist das zu machen ?

Vielen Dank

 

[mh1001]

Hallo,

Tools wären zum Beispiel die oben schon erwähnten WYSIWYG-Editoren (What You See Is What You Get / Editoren mit grafischer Oberfläche). Ein Beispiel wäre da zum Beispiel Dreamweaver oder das GPL-Tool NVu.
Allerdings würde ich zu deren Einsatz nur sehr bedingt raten, da der entstehende Code meist alles andere als ansehlich ist.
Eine andere Möglichkeit für einen leichteren Einstieg wäre das Zurückgreifen auf fertige CMSs (Content Management Systeme), wie zum Beispiel PHPKit oder VWar.

MfG mh1001

 

[[ACE].:SHARK:.]

ok vielen dank ich werde das alles mal ausprobieren

 

[Mr. Snoot]

Es gibt eigentlich auch für alles fertige PHP-Scripte im Internet, die man in die eigene Homepage einbauen kann. Z.b. ein Newsscript, Gästebuch usw.

die kannst auch problemlos einbauen, wenn du dich mit HTML ein wenig auskennst.

 

[hurga_gonzales]

STOP

Da möchte ich nur kurz was anmerken !!!!!

@mh1001
Im Gegensatz zu den meisten von Hand geschriebenen Webseiten, erstellt der Dreamweaver, zumindest in der aktuellen Version, einen sehr seeeeehr (sorry für die vielen "e") ansehnlichen HTML Code. Das nur am Rande - und ich schreib alles von Hand.
Jedoch würde ich Einsteigern den Dreamweaver schon empfehlen, da der erstellte Code je nach Einstellung des Programmes, gut als Vorlage dienen kann.


@Shark
NEIN, es gibt, wenn Du wirklich eine halbwegs in den wichtigsten Browsern funktionierende Webseite haben möchtest, keine andere Möglichkeit, als Dir zumindest die Grundregeln der einzelnen Techniken reinzuziehen.

Es dauert auch gar nicht so lange bis man dahinter steigt, wie HTML und CSS funktionieren. Auf weiterführende Techniken würde ich bei meiner ersten Seite verzichten. Denk erstmal gar nicht an dynamisch aus welchen Datenquellen auch immer generierte Webseiten, sondern versuche Deinen Stil und Dein Know How bei HTML und CSS zu finden und die Technik soweit möglich lückenlos zu erlernen.
Erst dann wirst Du auch bei weiteren Skript-Sprachen erfolgreich sein.

http://de.selfhtml.org

wurde ja schon angesprochen. Aber im Thread ganz oben findest Du viel mehr und für Anfänger bessere Quellen.

Gehst Du hier:
https://www.computerbase.de/forum/threads/nuetzliche-links-fuer-programmier-anfaenger.77651/

Mach Dich erstmal etwas mehr schlau, dann wirst Du sehen, dass es am Ende weniger Nerven kostet, am Anfang einen Schritt nach dem anderen zu machen.

Grüße
Hurga

 

[mh1001]

Hallo,

ich habe hier leider nur eine Dreamweaver MX Version herumliegen - welche für einen Einsteiger aber wegen des Preises wohl auch schon zu viel des Guten sein sollt - doch habe ich diese sogleich mal einem Test unterzogen.

Ich möchte hiermit absolut nicht die Qualität des Tools bezweifeln, noch möchte ich mich dagegen wiedersetzen, dass dieses Tool schlecht für Einsteiger ist.
Ich selbst betrachte das Programm sowohl als gute Hilfe für den professionellen Gebrauch, sowie auch als brauchbaren Einstieg in die "HTML-Welt", doch würde ich das Programm dabei mehr zu Test- und Übungszwecken benützen, als wirklich eine komplette Webseite mit dem Tool zu schreiben.

Nun aber einmal zum kleinem Test.
Alle Einstellungen wurden bei den Standard-Einstellungen belassen, da ein normaler Einsteiger dort wohl auch nichts änder würde.
Eingegeben wurde folgendes:

1) 3 Absätze
2) ein Text "Dies ist eine Testseite", fett, kursiv und Schriftgröße 4.
3) 2 Absätze
4) 1 Bild
5) ein Text "weiterer nur ganz kleiner Beispiel-Text", zentriert
6) 2 Absätze
7) eine Tabelle, eine Zelle mit Hintergrundsbild

Heraus kam folgender Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<p>*</p>
<p>*</p>
<p><strong><font size="4"><em>Dies ist eine Testseite</em></font></strong> </p>
<p>*</p>
<p><img src="../Sonnenuntergang.jpg" width="800" height="600"></p>
<p>*</p>
<p align="center">weiterer nur ganz kleiner Beispiel-Text</p>
<p align="center">*</p>
<table width="75%" border="1" cellspacing="2">
  <tr>
    <td>*</td>
    <td>*</td>
    <td background="../Winter.jpg">*</td>
  </tr>
  <tr>
    <td>*</td>
    <td>*</td>
    <td>*</td>
  </tr>
  <tr>
    <td>*</td>
    <td>*</td>
    <td>*</td>
  </tr>
</table>
</body>
</html>

Nun zum Code:

Zuerst fällt einmal das background-Attribut in der Tabelle auf. Ich könnte mich an keinen HTML-Standard erinnern der dieses beinhaltet.
Danach ist noch das fehlende alt-Attribut im img-Tag zu bemäglen. Zwar bietet Dreamweaver die Möglichkeit, dieses hinzuzufügen, doch wird dies wohl kaum ein Einsteiger beachten, sofern er nicht zufällig einen entsprechenden Namen vergibt.
Daneben fallen die vielen "<p>*</p>" auf, welche wohl alles andere als sauber sind.
Neben dem wird das align-Attribut in den p-Tags verwendet, welches schon seit einiger Zeit als "deprecated" gilt.
Weiter mag ich den Code jatzt aber auch nicht auseinander nehmen, das sollte als Beispiel schon genügen.

MfG mh1001

//Edit:

Bei den Sternen handelt es sich natürlich um das HTML-Entity für ein Leerzeichen, dem Parser im Forum scheint dieses wohl nur nicht zu bekommen.

 

[IT-Frosch]

Hallo,

@[ACE].:SHARK:.
Ich habe letztes Jahr im Urlaub angefangen HTML zu lernen.
Aus meiner Erfahrung kann ich SELF HTML und Phase 5 empfehlen.

Damit lernt man es am besten zu verstehen.

Über das Resultat kann sich jeder selbst eine Meinung bilden.

siehe http://www.das-besondere-etwas.de

Die Seite hat allerdings noch viele Macken, man lernt so etwas halt nicht in einem Jahr.

 

[[ACE].:SHARK:.]

hi

Vielen dank für die ganze hilfe und infos

noch ne frage wie lange habt ihr CA. gebraucht bis ihr html verwenden konntet `? (wie gesagt ca.)

VIELEN DANK nochmal

 

[Mr. Snoot]

Eigentlich nicht lange. Das schwierigste ist imo das Design

Meine erste Seite - ohne Frontpage o.ä. - für nen Clan hab ich quasi während dem Lesen von Selfhtml in 3 Wochen erstellt

 

[mh1001]

[...] noch ne frage wie lange habt ihr CA. gebraucht bis ihr html verwenden konntet `? (wie gesagt ca.) [...]

Hallo,

angefangen habe ich mit HTML vor etwas mehr als einem Jahr. Eines meiner aktuellen Projekte ist in meiner Signatur zu finden.
HTML ist eigentlich, sofern man sich etwas anstrengt, sehr schnell gelernt.

MfG mh1001

//Edit:

Da hat Gauder Recht. Das mit dem Design ist immer so eine Sache.

 

[[ACE].:SHARK:.]

cool an so was habe ich gedacht

alles selber mit html gemacht ?

super gemacht !

 

[mh1001]

Sofern sich dies auf mich bezieht - ja.
Bis auf das Forum, welches aber eventuell bald auch gegen eine eigene Version erstzt wird, ist die Seite selbst geschrieben.
HTML ist da aber nur ein Bestandteil.
PHP, MySQL, JavaScript und .htaccess mischt da auch noch mit.

MfG mh1001

 

[Benjamin_L]

wenn wir schon Off-Topic gehen, dann richtig Ich finde die Seite etwas unübersichtlich, müssen die News wirklich in nem großen Container sein, darin wieder nen Container und dann in den News nochmal ne Unterteilung und alles mit Rahmen.