Netz-FAQ Web Design (Web Design Group)

Zurück ◈ Weiter

Abschnitt 5: Web Design

Folgende Fragen sind zu einem anderen Abschnitt der FAQ bewegt.

HTML selbst bietet keine Möglichkeit, nahtlos den Inhalt einer Datei in eine andere übernehmen.

Echte dynamische Aufnahme eines HTML-Dokument (auch in einem anderen „charset“) in eine anderen wird durch das OBJECT-Element angeboten, aber wegen Mangel der Browser-Versionen in der aktuellen Nutzung, so scheint es unklug auf diesem noch für wesentliche Inhalte zu verlassen. Das gleiche gilt für IFRAME gesagt werden.

Zwei beliebte Möglichkeiten, einschließlich den Inhalt einer Datei nahtlos in eine andere für das WWW sind Vorverarbeitung und serverseitige Integration. Ein Präprozessor wandelt seine Quelle in ein einfaches HTML-Dokument, das Sie auf Ihrem Server veröffentlichen. Im Gegensatz dazu Dokumente, die serverseitige Integration verwendet, werden jedes Mal verarbeitet das Dokument vom Server abgerufen wird.

Vorbearbeitung Techniken umfassen die C-Präprozessor und andere generische Textmanipulationsmethoden und mehrere HTML spezifischen Prozessoren.

Eine viel leistungsfähige und vielseitige Vorverarbeitung Technik ist einen SGML-Prozessor (wie das SP-Paket) zu benutzen, um Ihre HTML zu erzeugen; Dies kann selbst Validierung sein.

Beispiele für serverseitige Integration sind Server Side Includes (SSI, unterstützt von Apache. NCSA. Und anderen Web-Servern) und Active Server Pages von Microsoft (ASP, unterstützt von MS IIS). Die Verarbeitung erfolgt zu dem Zeitpunkt der Dokumente tatsächlich abgerufen werden. Eine typische Aufnahme sieht aus wie

Allerdings sollten Sie Ihren eigenen Server in der Dokumentation zu konsultieren, da die Details etwas zwischen Implementierungen variieren. Die gesamte Richtlinie wird durch den Inhalt der angegebenen Datei ersetzt.

serverseitige Integration Mit Hilfe von (ein potenziell leistungsfähiges Werkzeug) lediglich als eine Möglichkeit, statische Dateien wie Standard-Kopf- / Fußzeilen einfügen hat Auswirkungen auf die wahrgenommen Zugriffsgeschwindigkeit und für die Serverlast und wird besser vermieden auf stark belasteten Servern. Wenn Sie es auf diese Weise verwenden, sollten Sie das Ergebnis zwischenspeicherbar machen (beispielsweise über „XBitHack voll“ auf Apache; Eigenschaften der „Response“ Objekt in ASP-Einstellung).

Proper HTML Validierung von serverseitigen Aufnahme ist nur möglich, nachdem die serverseitige Verarbeitung (beispielsweise durch Verwendung eines on-line-Validator, der das Dokument von dem Server abruft) durchgeführt wird.

Schließlich ist zu beachten, dass, wenn die enthaltene Datei beliebigen Klartext enthält, dann muss eine Bestimmung, die Zeichen zu konvertieren gemacht werden „-“ und "<" (in the plain text file) to the entities "-amp;" and "-lt;" (in the HTML document).

Sie können in eine ausführbare Programmdatei verknüpfen, so dass Anwender es zum Download bereit. Benutzer können dann wählen, um das Programm auszuführen, vorausgesetzt, dass sie auf ihre Betriebssysteme ausgeführt wird, und dass sie über Software-Viren nicht betroffen.

Wenn Sie das Programm auf Ihrem Webserver ausgeführt werden soll, dann überprüfen Sie Ihre Server-Dokumentation für Konfigurationsdetails für die serverseitige Programme.

Wenn Sie einen speziellen Viewer für eine bestimmte Art von Datei starten möchten, sagen Sie den Adobe Acrobat Reader, wenn der Besucher einen Link zu einer PDF-Datei folgt, dann werden, dass automatisch durch den Browser des Besuchers behandelt, vorausgesetzt, dass es richtig konfiguriert ist. Sie müssen konfigurieren, dass nur der Server die Datei mit dem korrekten MIME-Typ zu senden.

In HTML-Zeichen können auf drei verschiedene Arten dargestellt werden:

In der Theorie sind diese Darstellungen gleichermaßen gültig. In der Praxis Autoren Komfort und begrenzte Unterstützung von Browsern erschweren das Problem.

HTTP ein garantiertes „8-bit clean“ Protokoll ist, können Sie sicher 8-Bit- oder Multibyte-codierte Zeichen aussenden, die in den verschiedenen Codierungen, die von den Browsern unterstützt werden.

A. HTML 2.0 / 3.2 (Latin-1)

Inzwischen scheint es keinen überzeugenden Grund -entityname zu wählen; versus - # Zahl ;, so verwenden je nachdem, was bequem ist.

Wenn Sie sicher 8-Bit-codierte Zeichen verarbeiten kann, ist dies auch in Ordnung, wahrscheinlich bevorzugt für das Schreiben stark akzentuierte Sprachen. Achten Sie darauf, wenn Authoring auf Nicht-ISO-8859-basierten Plattformen wie Mac, Psion, IBM Mainframe etc., die Upload-Technik ein richtig codiert Dokument an den Server übermittelt. Mit vermeidet --representations solche Probleme.

B. Eine einzelne Repertoire andere als Latin-1

In einem solchen Codierungen wie ISO-8859-7 Griechisch, koi8-r Russisch Kyrillisch und Chinesisch, Japanisch und Koreanisch (CJK) Codierungen, die Verwendung von codierten Zeichen ist die am häufigsten unterstützte und verwendete Technik.

Obwohl es nicht 3.2 von HTML gedeckt, hat Browser nun schon seit einiger Zeit den ziemlich weit unterstützt; es ist eine gültige Option innerhalb der HTML 4 Spezifikationen - ein Validator verwenden wie der WDG HTML Validator oder dem W3C HTML Validation Service, die HTML unterstützt 4 und versteht verschiedene Zeichencodierungen.

„Add-in“ Programme haben in der Vergangenheit numerische Verweise auf 15-Bit- oder 16-Bit-Code-Protokolle wie Chinese Big5 oder chinesische GB2312 zu unterstützen verwendet.

C. Internationalisierung pro HTML 4

Aktuelle Versionen der gängigen Browser haben die Unterstützung für einige dieser Funktionen, aber zum Zeitpunkt des Schreibens scheint es nicht ratsam, auf diese zu verlassen, wenn für ein allgemeines Publikum Authoring.

Beachten Sie, dass einige Attributwerte Groß- und Kleinschreibung. Beispielsweise,

    und
      gleich sind, aber
        unterscheidet sich von einer von ihnen. (Für eine klarere Kommunikation, es lohnt sich die Terminologie richtig hinzubekommen. In diesem Beispiel OL ist das Element, TYPE ist der Attributname und A oder a ist der Attributwert. Der Tag ist
          .)

          Entity Namen wie -nbsp; manchmal fälschlicherweise als Tags bezeichnet. Sie sind alle Groß- und Kleinschreibung. Zum Beispiel -Eacute; und -eacute; Einheiten sind zwei verschiedene und gültig ist, und während -nbsp; ist eine gültige Einheit, -NBSP; ist ungültig.

          Beachten Sie, dass XHTML alle Element erfordert und Attributnamen in Kleinbuchstaben zu sein.

          HTML hängt nicht von Bildschirmgröße. Normalerweise wird der Text durch den Browser eingewickelt werden, wenn das Ende seiner Anzeigefläche angetroffen wird. (Beachten Sie, dass grafische Browser sind oft mit Fenstern, die kleiner als die gesamte Fläche des Bildschirms sind.)

          Vorformatierten Linien (Text innerhalb 

           Elemente) sollen nicht mehr als je 70 Zeichen nur, wenn die Art des Inhalts es unvermeidlich macht. Längere Linien hässliche Zeilenumbrüche auf Textmodus-Browser verursachen und horizontales Scrollen auf grafischen Browser zwingen werden. Leser stark horizontales Scrollen nicht mögen, es sei denn, sie erkennen können, dass die Art des Inhalts es unvermeidlich gemacht.
          

          Bilder können nicht eingewickelt werden, so muss man mit ihnen vorsichtig sein. Es scheint, daß 600 Pixel ist eine vernünftige Breite; etwas breiter wird ein gewisser Anteil der Nutzer bedeuten, das Bit ganz rechts scrollen müssen, um zu sehen. Dieser Anteil erhöht sich mit Ihrem Bildbreite. (Beachten Sie, dass nicht jeder nutzt Vollbild-Browser-Fenster!)
          

          MSN TV (ehemals WebTV) Benutzer haben keine Möglichkeit, horizontal zu scrollen, so etwas über 544 Pixel wird durch den Browser komprimiert werden. Andere Geräte (insbesondere tragbare Geräte) sind noch begrenzt.
          

          Die Verwendung von Tabellen für das Layout. vor allem, wenn mit fester Breite Zellen verwendet werden, ist der gebräuchlichste Einzelfaktor, die Seiten von der Anpassung an verschiedenen Fensterbreiten verhindert.
          

          Es gibt mehrere Möglichkeiten.
          

          Viertens haben Sie haben einen Browser Fehler aufgetreten. Zum Beispiel behandeln viele gängige Browser CSS besser, wenn HTML-Dokumente optional schließenden Tags enthalten wie 
          . . und .
          

          Eine weitere Möglichkeit ist, verschiedene Benutzeroptionseinstellungen in den Browsern.
          

          Wenn Microsoft Internet Explorer zeigt das Dokument normal, aber anderer Browser Ihre einfache HTML-Quelle anzuzeigen, dann am ehesten Ihr Web-Server das Dokument mit dem MIME-Typ „text / plain“ sendet. Ihr Webserver muss so konfiguriert werden, dass die Dateinamen senden mit dem MIME-Typ „text / html“. Oft ist mit der Dateinamenerweiterung „.html“ oder „.htm“ alles, was notwendig ist.
          

          Dies ist ein „Feature“ von Frames verwenden: Der Browser zeigt die URL des Frameset-Dokuments, anstatt dass die gerahmten Dokumente.
          

          Ein üblicher Weg, dies zu tun, ist eine zweispaltige Tabelle mit Links in der linken Spalte und Ihre Inhalten in der rechten Spalte zu verwenden. Dies ist oft mit einem Hintergrundbild kombiniert, die auf der linken Seite hinter den Links einen farbigen Streifen erzeugt. Das Hintergrundbild kann tile vertikal, aber horizontal tiling zu vermeiden, sollte das Bild extrem breit sein (zum Beispiel 1600 Punkte).
          

          Eine Variation dieser Technik (die einige der Probleme bei der Verwendung von Tabellen für das Layout minimiert) verwendet eine Einzelzellentabelle mit ALIGN = „left“. Nur gehen die Links in der Tabelle, die nach links schwimmt. Inhalt des Dokuments hüllt den Raum zu füllen rechts von und unter dem Tisch bleiben. Hier ist ein Beispiel:
          



           
           
           
          

          Layout-Tabellen können vollständig vermieden werden, indem man mit Hilfe von CSS. Die Navigations-Links und die wesentlichen Inhalte der Seite sind in separaten DIV-Elementen gelegt, und dann wird CSS verwendet, um diese DIV-Elemente relativ zueinander zu positionieren. Das Stylesheet kann eine kleinere Hintergrundbild, das vertikal wiederholt und wird entlang der linken Seite, beispielsweise ausgerichtet ist:
          

          Schließlich kann eine Navigationsleiste auf der linken Seite mit Rahmen realisiert werden. Allerdings einführen Frames Probleme, die am besten vermieden werden, wenn möglich.
          

          Wenn Sie andere wollen, um Ihre Web-Seite mit bestimmten Farben zu sehen, die am besten geeignete Weg, um die Farben mit einem Stylesheet suggerieren. Cascading Style Sheets verwenden, um die Farbe und Hintergrund-Farbeigenschaften Text und Hintergrundfarben zu spezifizieren. Um zu vermeiden, Konflikte zwischen der Standardfarben des Lesers und den vom Autor vorgeschlagen, diese beiden Eigenschaften sollten immer zusammen verwendet werden.
          

          Beachten Sie, dass diese Attribute von HTML sind veraltet 4. Auch, wenn eines dieser Attribute verwendet wird, dann sollten alle von ihnen verwendet werden, um sicherzustellen, dass die Standardfarben des Lesers nicht mit denen des Autors vorgeschlagen stören. Hier ist ein Beispiel:
          

          

          Autoren sollten nicht auf den angegebenen Farben verlassen, da Browser erlauben ihren Nutzern Dokument angegebenen Farben außer Kraft zu setzen.
          

          Wenn nach dieser CSS ruleset angezeigt, wird der Text hervorgehoben in dem folgende HTML-Beispiel in grün angezeigt werden:
          

          normaler Text betonter Text normaler Text
          

          Mit HTML kann das FONT-Element auch vorschlagen Farben verwendet werden. Beachten Sie, dass das FONT-Element von HTML ist veraltet 4. Auch die Verwendung des FONT-Element bringt zahlreiche Benutzerfreundlichkeit und Zugänglichkeit Probleme.
          

          In Internet Explorer 5.5 hat Microsoft proprietäre CSS-Eigenschaften für Scrollbar Farben. Seitdem andere Browser (z KDE Konqueror, Opera) haben ihre Unterstützung für diese Eigenschaften hinzugefügt. Diese Eigenschaften sind: Scrollbar-3dlight-Farbe. Scrollbar-Pfeil-Farbe. scrollbar-base-Farbe. Scrollbar-Darkshadow-Farbe. Scrollbar-face-Farbe. Scrollbar-Highlight-Farbe. und Scrollbar-Schatten-Farbe.
          

          Wenn Sie andere wollen, um Ihre Web-Seite mit einer bestimmten Schriftart zu sehen, die am besten geeignete Weg, um die Schrift zu deuten darauf hin, mit einem Stylesheet zu machen. Cascading Style Sheets verwenden, um die Eigenschaft font-family zu Schrift Gesichtern angeben.
          

          Mit HTML kann das BASEFONT-Element verwendet werden, um bestimmte Schriftarten für das gesamte Dokument vor.
          

          Mit HTML kann das FONT-Element auch vorschlagen bestimmte Schriftarten verwendet werden. Das FONT Element muss in jedem Blockelement wiederholt werden, da es nur inline (Text-Ebene) Elemente enthalten kann. Die Verwendung des FONT-Element bringt zahlreiche Benutzerfreundlichkeit und Zugänglichkeit Probleme.
          

          Internet Explorer unterstützt eingebettete Schriftarten mit Microsofts Web Embedding Fonts-Tool (TRESSEN).
          



          In Verbindung stehende Artikel
Zurück ◈ Weiter