Wenn es zum Entwerfen einer Web site kommt, gibt es einige moderne Programmierung Techniken, die die Aufgabe des Entwerfers viel einfacher bilden können. Einmal wird der Inhalt und der Fokus der Web site, Plan sollten der Fokus der Entwicklung werden entschieden. Welche Schriftkegel werden für die verschiedenen Verbindungen und den Text benutzt? Welche Farbe wird verwendet, um bestimmte Verbindungen vorstehender zu bilden als andere? Am wichtigsten, wie stellt der Entwerfer die gesamte Web site hat ein isometrisches Aussehen sicher? Wenn es richtig verwendet wird, kann CSS jene Aufgaben vollenden, beim Verringern Bandbreite der andincreasing Seitelast timeframes.

WAS IST CSS UND WIE KÖNNEN ES VERWENDET WERDEN?

CSS ist eine Abkürzung für kaskadierenart-Blatt. Er kann einigen Linien des Textes, um zufriedenes Aussehen innerhalb einer Webseite zu steuern oder aus mehrfachen Seiten innerhalb einer Web site bestehen. Es gibt zwei allgemeine Möglichkeiten, daß ein Art-Blatt benutzt werden kann. Zuerst kann es hinzugefügt werden, „Kopf,“ jeder einzelnen Webseite. Eine leistungsfähigere Weise, ein Art-Blatt einzuführen, ist, die Akte in ein Verzeichnis auf einer Web site zu hochladen und verwendet einen einschliessenumbau.

Die Eintragung des Artblattes innerhalb des Kopfes jeder Seite erhöht die Menge der Bandbreite verwendet und beeinflußt etwas die Downloadgeschwindigkeit der Seiten. Dieses ist von der Größe eines bestimmten Aufstellungsortes und von der Zahl den Arten abhängig, die auf dem CSS eingeschlossen sind. Wenn eine Ändern-vonart auf zukünftig entschieden wird, erfordert jede einzelne Webseite das Redigieren, zum der gesamten Web site zu beeinflussen. Z.B. wenn ein Entwerfer ein Feiertagthema um Weihnachten anwenden möchte, würden er oder sie den CSS auf jeder Seite für die änderung am Nehmen redigieren müssen beeinflussen.

Demgegenüber kann eine CSS Akte auf einen Wirt gehochladen werden. Sobald gehochladen worden, kann ein Entwerfer ein einfaches verwenden mit.einschließen Umbau, um um das Artblatt zu ersuchen. Dieses Methode-von-verwenden kann die Menge der Bandbreite verringern verwendet und Geschwindigkeit Zeiten erhöhen, da einige Besucher den CSS gespeichert auf ihren Computern haben, die der ersten Seite Last folgen. Zusätzlich nimmt sie Artänderungen viel einfacher vor, wie nur eine Akte die änderungen sein muß, zum aller relevanten Seiten innerhalb einer gegebenen Web site zu beeinflussen.

ENTWICKELN EINES ART-BLATTES

Jeden möglichen Textherausgeber mit einer Leerseite öffnen. Außer der Seite wie, something.css“. Wenn es entschieden wurde, um die Akte für Gebrauch zu hochladen, ist dieses die tatsächliche gehochladene Akte. Zusätzlich kann ein Entwerfer von dieser Akte kopieren und kleben, wenn sie innerhalb des Kopfes jeder Webseite eingeschlossen werden soll.

Vor dem Beginn, tatsächliche Umbauten zu addieren, betrachten wie Verbindungen, apppear wenn und die verschiedenen Abschnitte der Web site oder der Webseiten. Wenn ein Art-Blatt nachlässig wird, bildet es den Job des Entwerfers schwierig. Folglich einfaches beginnen und den CSS sauber halten. Das Art-Blatt sollte mit der einfachen Gruppierung anfangen. Z.B. können alle Seiten eine identische überschrift und ein linkes Menü verwenden. Wenn die Textarten unterschiedlich sein werden, könnte diese sein sind erste zwei einfache Gruppen, zusammen mit Verbindung formatiert.

HANDHABENDE HYPERTEXT-LINKS MIT CSS

Mit unseren ersten zwei Gruppen können wir fünf Linien dem Artblatt hinzufügen. Diese sind (alphabetisiertes) A: VERBINDUNG, A: SCHWEBEFLUG, A: BESUCHT, .head und .leftmenu. Mit diesen fünf Linien können wir das Aussehen der Verbindungen, der besuchten Verbindungen, der Maus-overs auf Verbindungen, der überschrift aller Seiten und des linken Menüs steuern.

Jetzt werden wir etwas grundlegende Veränderungen dem Text hinzufügen. Nach, A: VERBINDUNG und A: BESUCHT,“ einen Raum dann addieren, „{Farbe: #004080}“. Beachten, daß keine Schriftkegelattribute addiert worden sind. Dieses ist, weil wir unterschiedliche Schriftkegel innerhalb der anderen Umbauten verwenden werden. Die einzige Sache, die auf verbundenem Text geändert wird, ist die Farbe. Die Farbe ändern, um das gewünschte Aussehen zu reflektieren. Merken, dieses kann auf persönliche Präferenz justiert werden.

HINZUFÜGEN DER ÜBERSCHRIFT UND DES MENÜ-TEXTES DEM ART-BLATT

Sobald die gewünschten Verbindung Farben entschieden werden, können die Schriftkegelattribute zur überschrift und zum linken Menü verbunden sein. Nach dem .head und dem .leftmenu einen Raum dann hinzufügen, „{Schriftkegelfamilie: Arial, Helvetica, GROTESK; Schriftkegelgröße: 11pt; Schriftkegelgewicht: normal; Text-umwandeln: gross schreiben;}“. Um zu erklären, spezifizieren wir irgendeinen Bereich des Textes mit der .head Art benutzen einen Schriftkegel (Schriftkegelfamilie), sind eine konstante Größe (Schriftkegelgröße), haben ein konstantes Gewicht (Schriftkegelgewicht) und unabhängig davon das Schreiben werden umgewandelt zu den Kapitalien (Text-umwandeln). Eine geänderte Version sollte dem linken Menü hinzugefügt werden.

Ist hier, wie der CSS z.Z. erscheinen sollte:

A: Verbindung {Farbe: #004080}
A: besucht {Farbe: #004080}
A: Schwebeflug {Farbe: ff3300}
.head „{Schriftkegelfamilie: Arial, Helvetica, GROTESK; Schriftkegelgröße: 11pt;
Schriftkegelgewicht: normal; Text-umwandeln: gross schreiben;}
.leftmenu „{Schriftkegelfamilie: Arial, Helvetica, GROTESK; Schriftkegelgröße: 11pt; Schriftkegelgewicht: normal; Text-umwandeln: gross schreiben;}

EINFÜHREN DES ART-BLATTES

Wenn es zu letztem das Artblatt auf jede Seite entschieden wurde, hinzufügen:

<STYLE TYPE= " Text/css " ><! -
A: Verbindung {Farbe: #004080}
A: besucht {Farbe: #004080}
A: Schwebeflug {Farbe: ff3300}
.head {Schriftkegelfamilie: Arial, Helvetica, GROTESK; Schriftkegelgröße: 11pt;
Schriftkegelgewicht: normal; Text-umwandeln: gross schreiben;}
.leftmenu {Schriftkegelfamilie: Arial, Helvetica, GROTESK; Schriftkegelgröße: 11pt;
Schriftkegelgewicht: normal; Text-umwandeln: gross schreiben;}
--></STYLE>

- zu jeder Seite des Aufstellungsortes, der das Art-Blatt verwendet. Das Artblatt sollte zwischen das <head> und die </head> Umbauten des Dokumentes gesetzt werden.

Wenn es entschieden wurde, um das Blatt zu hochladen und um die Akte auf jeder Seite zu ersuchen, hinzufügen, „<LINK href= " http://links.mjmls.com/ Name der Akte“ type=text/css rel=stylesheet>“. Noch einmal sollte dieses zwischen das <head> und die </head> Umbauten gesetzt werden. Ändern die Verbindung Position zu, der das Artblatt auf dem Netz-Wirt ist.

BENENNEN DES ART-BLATTES AUF WEBSEITEN

Es gibt eine Vielzahl von Weisen, um die unterschiedlichen Textattribute zu ersuchen. Dieses hängt weit vom Aufstellungsortplan ab. Wenn der Aufstellungsort mit Tabellen entworfen ist, können wir die Art für jede Zelle, anstatt jedes Wort einfach spezifizieren. Z.B. konnte der Tabelle Code wie erscheinen:

<table width=“ 100%“ >
<tr>
<td CLASS=“ KOPF“ ><a href=“ http://links.mjmls.com“ >Home</a></td>
<td CLASS=“ KOPF“ >Next link</td> ETC…
</tr>
</table>

Wie eine alleinstehende Verbindung, innerhalb der gegebenen Webseite, wir den Kategorie Umbau dem Hypertext-Link hinzufügen kann:

<a href=“ http://links.mjmls.com“ class=“ Kopf“ >Home</a>

Um eine gesamte Gruppe alleinstehenden Text zu ändern, konnte der CSS Umbau dem Punktumbau hinzugefügt werden:

<p class=“ Kopf“ >The gesamter Punkt des Textes ist affected</p>

Es könnte daß, werden experimentiert Art benennend, die Umbauten mit, vor dem Ändern einer gesamten Web site vorgeschlagen werden. Indem er class=“ Kopf“ oder class=“ leftmenu“ verschiedenen Umbauten hinzufügt, erlernt ein neuer Entwerfer, wie die Artumbauten arbeiten, die Größe einer Webseite, außer Bandbreite verringern, und ein konstantes Aussehen überall in einer Web site zur Verfügung stellen können.

In Teil zwei, demonstrieren wir einige andere Attribute, die unterschiedlichen Umbauten und Zutreffen CSS Tabellen hinzugefügt werden konnten.

Article Source: http://www.articleset.com