Entwickler.HowToHTML History

Hide minor edits - Show changes to markup

 
 
April 01, 2011, at 11:09 PM by tthelen -
Added lines 1-2:

(:redirect 'http://docs.studip.de/develop/Entwickler/HowToHTML':)

 
 
August 24, 2010, at 08:16 AM by mlunzena -
Changed lines 92-121 from:

Ausführliche Informationen zu HTML5 gibt es auf folgender Seite: http://dev.w3.org/html5/html-author/

to:

<br> oder <br/>?

Das br-Element darf keinen Inhalt haben. Solche Elemente werden void-Elemente genannt. Daher darf man nicht "<br></br>" schreiben. Stattdessen muss der schließende Tag weggelassen werden, da der Parser diese automatisch schließt.

In XHTML ist das Schließen von Tags notwendig. Für void-Elemente wird dort die "empty element syntax" verwendet: "<br />".

HTML5-Autoren können diese Syntax ebenfalls verwenden. Es bleibt daher jedem selbst überlassen, ob er <br> oder <br /> schreiben möchte.

Dasselbe gilt für alle void-Elemente:

  • area
  • base
  • br
  • col
  • command
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • wbr

Links zum Thema:

  • http://dev.w3.org/html5/html-author/#elements
  • http://dev.w3.org/html5/markup/syntax.html#syntax-elements
 
 
August 23, 2010, at 11:12 PM by mriehe -
Added lines 91-92:

Ausführliche Informationen zu HTML5 gibt es auf folgender Seite: http://dev.w3.org/html5/html-author/

 
 
August 23, 2010, at 10:55 PM by mlunzena -
Changed lines 81-90 from:

@]

to:

@]

HTML5

Stud.IP verwendet den HTML5-Doctype:

<!DOCTYPE html>
 
 
March 27, 2010, at 03:02 PM by aklassen -
Added lines 33-45:

Das Template searchbox bietet eine einheitliche Suchmaske für alle Seiten, auf denen gesucht werden soll. Das Template ist recht minimalistisch in kann in eine HTML-Form gebettet werden.

Verwendung im Template

(:source lang=php linenum:)
<form action="<?=URLHelper::getLink()?>" method=post>
    <?= $this->render_partial('shared/searchbox'); ?>
</form>
<?
$searchterm = Request::get('searchterm');
 
 
March 27, 2010, at 11:57 AM by tgloeggl -
Changed line 54 from:

Manchmal ist es notwendig bei sehr wichtigen Rückfragen einen modalen Dialog statt einer normalen MessageBox zu verwenden.

to:

Manchmal ist es notwendig bei sehr wichtigen Rückfragen einen modalen Dialog statt einer normalen MessageBox zu verwenden.

 
 
March 27, 2010, at 11:56 AM by tgloeggl -
 
 
March 27, 2010, at 11:37 AM by tgloeggl -
Added lines 53-68:

Manchmal ist es notwendig bei sehr wichtigen Rückfragen einen modalen Dialog statt einer normalen MessageBox zu verwenden.

Beispiel:

(:source lang=php linenum:)
$question = sprintf(_('Möchten Sie wirklich den User **%s** löschen ?'), $username);
echo createQuestion( $question,
  array(
    "studipticket" => get_ticket(),
    'u_kill_id' => $u_id
  ),
  array(
    'details' => $username
  )
);
 
 
March 27, 2010, at 11:19 AM by tgloeggl -
Added lines 37-48:

Das Template pagechooser ist für Seiten, die eine Paginierung haben sollen. Man gibt dem Template die Anzahl an Elementen, Elemente pro Seite, die aktuelle ausgewählte und einen Link mit Formatauszeichnung wo die Seitenzahl sein soll mit, dann erhält man oben gezeigten Seitenwähler.

(:source lang=php linenum:)
<?= $this->render_partial("shared/pagechooser",
  array(
    "perPage" => 20,
    "num_postings" => $numberOfPersons,
    "page"=>$page,
    "pagelink" => "score.php?page=%s"));
?>
 
 
March 27, 2010, at 11:12 AM by tgloeggl -
Added line 14:

echo $template->render();

 
 
March 27, 2010, at 11:11 AM by tgloeggl -
Changed lines 27-28 from:

Alle Details und weitere Typen von MessageBoxen findet man in der Doku

to:

Alle Details und weitere Typen von MessageBoxen findet man in der Doku.

 
 
March 27, 2010, at 11:10 AM by tgloeggl -
Changed lines 20-21 from:

Um in Stud.IP Meldungen anzuzeigen, gibt es auch dafür eine Klasse, die Messagebox?.

to:

Um in Stud.IP Meldungen anzuzeigen, gibt es auch dafür eine Klasse, die MessageBox.

Hier ein einfaches Beispiel:

Added lines 27-28:

Alle Details und weitere Typen von MessageBoxen findet man in der Doku

 
 
March 27, 2010, at 11:08 AM by tgloeggl -
Changed line 20 from:

Um in Stud.IP Meldungen anzuzeigen, gibt es auch dafür eine Klasse, die Messagebox?.

to:

Um in Stud.IP Meldungen anzuzeigen, gibt es auch dafür eine Klasse, die Messagebox?.

 
 
March 27, 2010, at 11:08 AM by tgloeggl -
Changed lines 16-25 from:

Templates für Alle(s)

to:

Templates und Klassen für Alle(s)

Meldungen

Um in Stud.IP Meldungen anzuzeigen, gibt es auch dafür eine Klasse, die Messagebox?.

(:source lang=php linenum:)
// Beispiel für eine einfache Info-Nachricht
echo MessageBox::info('Nachricht');
 
 
March 27, 2010, at 11:02 AM by tgloeggl -
Changed line 20 from:
to:
 
 
March 27, 2010, at 10:42 AM by aklassen -
Changed line 28 from:
to:
 
 
March 27, 2010, at 10:41 AM by aklassen -
Changed line 20 from:
to:
 
 
March 27, 2010, at 10:40 AM by tgloeggl -
Added lines 20-21:
Changed lines 24-28 from:

Modaler Dialog

to:

Modaler Dialog

 
 
March 27, 2010, at 10:39 AM by tgloeggl -
Changed line 16 from:

Templates für Alle

to:

Templates für Alle(s)

 
 
March 27, 2010, at 10:38 AM by tgloeggl -
Changed line 6 from:

Flexi-Templates

to:

Flexi-Templates

Changed lines 14-22 from:

@]

to:

@]

Templates für Alle

Suchbox

Paginierung

Modaler Dialog

 
 
March 27, 2010, at 10:31 AM by tgloeggl -
Changed lines 13-14 from:

]

to:

$template = $GLOBALS['template_factory']->open('shared/searchbox.php'); @]

 
 
March 27, 2010, at 10:26 AM by tgloeggl -
Deleted line 3:
Added lines 6-13:

Flexi-Templates

Stud,IP verwendet zur Ausgabe von HTML Templates, genauer gesagt eine Eigenentwicklung namens Flexi-Templates.
Beispiele und Verwendung

Der einzige Unterschied ist, dass es in Stud.IP schon eine TemplateFactory instanziiert ist, die man einfach verwenden kann.

(:source lang=php linenum:)[@ ]

 
 
June 11, 2009, at 03:44 PM by ssuchi -
Deleted lines 6-31:

Internationalisierung

Generell wird zur Darstellung sprachspezifischer Strings das gettext- (oder auch i18n) -System verwendet.

  • Alle Strings im System dürfen nicht in den html-Teilen der Sourcedateien stehen, sondern müssen aus PHP-Abschnitten heraus geschrieben werden.
  • Die zu übersetzenden Zeichenfolgen werden im Programmcode in die spezielle Funktion gettext() eingeschlossen. Benutzt werden sollte nur die Kurzform, in PHP realisiert als _().
(:source lang=php linenum:)
echo _("Meine Veranstaltungen")
  • In die zu übersetzenden Strings sollte reiner Text, keine html-Struktur der Seite und kein Programmcode wie z.B. Variablennamen eingeschlossen werden.
    • Falsch: echo _("<tr><td>Meine Veranstaltungen</td></tr>");
    • Richtig: echo "<tr><td>" . _("Meine Veranstaltungen") . "</td></tr>";
    • Oder Richtig: printf("<tr><td>%s</td></tr>", _(" Meine Veranstaltungen "));
    • Falsch: print _("error§Keine Berechtigung!§");
    • Richtig: printf("error§%s§", _("Keine Berechtigung!"));
    • Falsch: echo _("Sie haben $count neue Nachrichten.");
    • Auch falsch: echo _("Sie haben ") . $count . _(" neue Nachrichten.");
    • Richtig: printf(_("Sie haben %s neue Nachrichten."), $count);
  • Die in einen gettext() eingeschlossenen Strings sollten vollständige Sätze bzw. Informationsblöcke enthalten, also kein Zusammenstückeln aus einzelnen Teilstrings (siehe oben).
  • Schliessen sich die beiden vorangegangenen Vorschriften gegenseitig aus, weil z.B. ein Teil eines Satzes formatiert wird, so hat die letztere Regel Vorrang (der Übersetzer braucht sowieso html-Grundlagenkenntnisse.
    • Falsch: echo _("Sie können diese Datei ") . "<b>" . _("nicht") . "</b>" . _(" löschen");
    • Richtig: echo _("Sie können diese Datei <b>nicht</b> löschen");
  • Komplizierte html-Ausdrücke, wie z.B. ein klickbares Icon im Text sollten dagegen via %s aus dem String herausgezogen werden
    • Richtig: printf(_("Unter %s gelangen Sie zu Ihren Terminen."), "<a href><img src = \"pictures/icon-lit.gif\"></a>");
 
 
August 08, 2008, at 03:56 AM by tthelen -
Added lines 1-2:
Added lines 4-5:

(:toc:)

 
 
August 08, 2008, at 03:42 AM by tthelen -
Changed line 10 from:

[code]

to:

(:source lang=php linenum:)[@

Changed line 12 from:

[/code]

to:

@]

 
 
August 08, 2008, at 03:41 AM by tthelen -
Added lines 1-28:

HTML-Ausgaben erzeugen

Internationalisierung

Generell wird zur Darstellung sprachspezifischer Strings das gettext- (oder auch i18n) -System verwendet.

  • Alle Strings im System dürfen nicht in den html-Teilen der Sourcedateien stehen, sondern müssen aus PHP-Abschnitten heraus geschrieben werden.
  • Die zu übersetzenden Zeichenfolgen werden im Programmcode in die spezielle Funktion gettext() eingeschlossen. Benutzt werden sollte nur die Kurzform, in PHP realisiert als _().

[code] echo _("Meine Veranstaltungen") [/code]

  • In die zu übersetzenden Strings sollte reiner Text, keine html-Struktur der Seite und kein Programmcode wie z.B. Variablennamen eingeschlossen werden.
    • Falsch: echo _("<tr><td>Meine Veranstaltungen</td></tr>");
    • Richtig: echo "<tr><td>" . _("Meine Veranstaltungen") . "</td></tr>";
    • Oder Richtig: printf("<tr><td>%s</td></tr>", _(" Meine Veranstaltungen "));
    • Falsch: print _("error§Keine Berechtigung!§");
    • Richtig: printf("error§%s§", _("Keine Berechtigung!"));
    • Falsch: echo _("Sie haben $count neue Nachrichten.");
    • Auch falsch: echo _("Sie haben ") . $count . _(" neue Nachrichten.");
    • Richtig: printf(_("Sie haben %s neue Nachrichten."), $count);
  • Die in einen gettext() eingeschlossenen Strings sollten vollständige Sätze bzw. Informationsblöcke enthalten, also kein Zusammenstückeln aus einzelnen Teilstrings (siehe oben).
  • Schliessen sich die beiden vorangegangenen Vorschriften gegenseitig aus, weil z.B. ein Teil eines Satzes formatiert wird, so hat die letztere Regel Vorrang (der Übersetzer braucht sowieso html-Grundlagenkenntnisse.
    • Falsch: echo _("Sie können diese Datei ") . "<b>" . _("nicht") . "</b>" . _(" löschen");
    • Richtig: echo _("Sie können diese Datei <b>nicht</b> löschen");
  • Komplizierte html-Ausdrücke, wie z.B. ein klickbares Icon im Text sollten dagegen via %s aus dem String herausgezogen werden
    • Richtig: printf(_("Unter %s gelangen Sie zu Ihren Terminen."), "<a href><img src = \"pictures/icon-lit.gif\"></a>");

 

 

Source: Basis-Wiki-Hilfe | Last change: April 01, 2011, at 11:09 PM, tthelen | Local view: Basis-Hilfe