Tabellen wurden veraltet? Und JavaScript hat Bibliotheken? Hilf mir aufholen!

Question

Ich muss das Web-Interface eines internen Drucksystems optimieren, aber es dauert ein Jahrzehnt, seit ich HTML berührt habe. Kann jemand Tutorials zum Schreiben von HTML-Formularen und deren Verarbeitung in PHP empfehlen? Google erhält nur acht Jahre alte Ressourcen mit großen "nur für historische Zwecke" -Banner, vielleicht weil mein ganzes Vokabular acht Jahre alt ist.

Die Dokumentation auf php.net ist gut, aber ich suche nach größeren Beispielen, die zeigen, wie alle Teile zusammenpassen, vorzugsweise mit Kommentaren, die die Gedanken des Programmierers erklären. Ich kann Funktions-APIs genau wie der nächste Typ nachschlagen.

Edit: Konkret nach PHP und HTML-Formularen fragen. Sorry, wenn der Titel irreführend war - ich wollte nur ein paar Beispiele von Dingen geben, die ich nicht kannte.

Answer 1

Ich habe festgestellt, dass, wenn ich etwas vergessen habe, Tizag.com ziemlich nützlich zu sein, ein einfacher Tutorial - obwohl es einfach ist, so dass ich nicht weiß, wie nützlich es für Sie sein könnte - hier ist, unter: http://www.tizag.com/phpT/examples/formex.php, die einen Spaziergang mit einer Erklärung der Auswahl bietet es gemacht.

Javascript-Bibliotheken,

1. jQuery.
2. mootools.
3. Glow (von der BBC, Open Source und sehr abwärtskompatibel).

---

in Reaktion Herausgegeben

Zuverlässigere php Referenzen kommentieren Sie den Einstieg zu erleichtern:

1. Getting started (php.net)
2. forms tutorial (wie oben, bei php.net)

Das Problem, das ich mit php/Formularen tutorials (außerhalb von Büchern) finde, ist, dass es einige verrückte Miss-Gebrauch von -ymmv, etc ...- xhtml-Tags innerhalb von Formularen gibt, das Konzept völlig ignorierend an anderer Stelle erwähnt semantic (x)html. Ich denke, dass, wenn die Tutorials Lesen der Schlüssel einen kritischen Geist zu halten und versuchen, auf die AB-, wachsam zu sein, oder Fehl- verwendet:

<form action="this_page.php" method="post" enctype="form/multipart"> 
<p>This is a label <input value="this is the input" /></p> 
<p><input type="submit" value="submit" /></p> 
</form> 

gültigsein können, aber meiner Meinung nach ist es scheußlich falsch . Ich bin erstaunt, dass es nicht leicht verfügbare und aktuelle Ressourcen gibt.

---

1: Meiner Meinung nach sollte es etwas näher sein:

<form action="this_page.php" method="post" enctype="form/multipart"> 
    <fieldset> // to associate relevant groups of label/input pairs 
     <label>This is a label</label> <input value="this is the input" /> 
    </fieldset> 

    <fieldset> 
     <input type="submit" value="submit" /> 
    </fieldset> 
</form> 

Answer 2

Tabellen wurden als veraltet = Google CSS-Layouts

JavaScript hat Bibliotheken = Google jQuery

Können Sie nicht viel auf der PHP-Seite der Dinge helfen, aber das sollte zumindest Ihre "Google Vocabulary" aktualisieren

Answer 3

mich www.alistapart.com Sie lassen vorschlagen. Es hat eeveything über den Stand der Technik des modernen HTML und CSS (und einige Hinweise auf Javascript zu).

Eine weitere sehr gute Ressource ist nettuts

"Sie aus der Vergangenheit sind?"

Answer 4

Ich würde nicht sagen, dass Tabellen veraltet sind, sie wurden nur als Layout-Mechanismus missbilligt, aufgrund der Verbesserungen in CSS. Um ehrlich zu sein, finde ich sie immer noch nützlich für mehr als nur tabellarische Daten, da die verschiedenen Browser CSS anders implementieren. Warum also stundenlang versuchen, ein Layout mit CSS zu erstellen, wenn eine Tabelle das gleiche in wenigen Minuten erledigt und dann positionierst du den Tisch mit CSS .... es ist ein religiöser Krieg zwischen den Puristen und den praktischen Leuten, die echte Arbeit zu tun haben :)

In jedem Fall hat sich HTML nicht wirklich so sehr verändert (it ist hauptsächlich gewachsen), alles, was sich mit der HML-4.01-Spezifikation beschäftigt, ist gut, und einige der Browser implementieren bereits HTML-5-Zeug, obwohl es nicht ratifiziert ist. Jeder halbwegs ordentliche HTML-Editor sollte Ihnen Recht geben. Schauen Sie sich die kostenlosen (Express) Versionen von Visual Studio an, die von Microsoft erhältlich sind.

Answer 5

Tabellen sind nur "veraltet", wenn es um Tabellen für die Positionierung der Elemente des Layouts (Kopfzeile, Menü, Inhalt, Fußzeile usw.) geht. Sie werden weniger oder mehr durch CSS- und HTML-Blockelemente ersetzt (normalerweise wird das div-Element verwendet). Tabellen sind weiterhin nützlich, um tabellarische Daten anzuzeigen.

Es gibt tatsächlich mehr JS-Bibliotheken als zuvor. Mit jQuery als Topper. Hauptziel ist es, den Stress des Entwicklers über browserspezifisches Verhalten und langwierigen/wiederholten/nicht intuitiven Code zu beseitigen.

Heutzutage soll HTML rein sein semantic. CSS soll die HTML-Elemente individuell gestalten und positionieren. JS soll der Seite genau diese zusätzliche Benutzererfahrung hinzufügen (um unnötig lange Anfrage-Antwort-Zyklen und "Flash of Content" zu vermeiden) und sollte unaufdringlich gehalten werden.

PHP ist immer noch eine serverseitige Hypertextverarbeitungssprache. Sie können damit Anfragen vor- und nachbearbeiten, den Fluss steuern und auf die Daten in der HTML-Seite zugreifen.