Gewusst wie: erweitern den Index in HTML

July 9

Wenn Sie besitzen und betreiben Ihre eigene Website, den Index Inhalten ist entscheidend für leitende Besucher der Website zu anderen Seiten, Ihr Menü und auf welchen Details müssen sie über Produkte und Dienstleistungen. Kodierung in HTML weiterhin nützlich sein, wie es ganz einfach ist zu schreiben und anzupassen, und finden Sie auch zahlreiche Vorlagen, die Sie anpassen können, um Ihre eigenen Zwecke anzupassen. Wenn Sie weg von einem einfachen Index verschieben möchten, die nur eine grundlegende Einführung oder eine Grafik mit wenig Informationen hat, können Sie auf der Website erheblich verbessern, indem Sie voller Code hinzufügen. Dies hilft auch mit Suchmaschinen-Optimierung (SEO), noch mehr Menschen auf Ihre Website leiten.

Anweisungen

1 Ihre grundlegende index.html-Webseite zu achten, dass es zeigt die Tags anzeigen <! DOCTYPE >< HTML > ganz oben, und < / HTML > am unteren Rand der Seite. Das ist ein Standardsortiment an der Spitze der modernsten HTML-Seiten: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional / / EN" >

2 Fügen Sie innerhalb der HTML-Code Head-Tags wie Titel, META-Tags, Schlüsselwörter, Autor der Seite und So weiter. Diese sind standard und aussehen: < Titel > Fred Freelance Filmemachen < / title >. META-Tags werden mit geschrieben < META Name = "Description" Content = "Fred Fillmore teilt seine Filmemachen Erfahrung und Know-how durch online-Artikel und Klassen." > Wenn Sie Meta Name Keywords ändern, wird der Inhalt eine Liste der tatsächlichen Schlüsselwörter für Ihre Website relevant sein. Schließen Sie den Kopfbereich mit < / head > nach alles, was die Elemente vorhanden sind.

3 Fügen Sie < Body >-Elemente--wie < Hintergrund Körper = "schwarz" Link = "" Vlink = "" > Ihre Farben mit Ihrer Codierung Programm oder Farbe Schlüsseln Grafik-Programme zuweisen. Fügen Sie die Schriftart sowie die Größe und Farbe. Zum Beispiel: < Schriftart = "Arial, Helvetica, sans-Serif" Size = "2" Color = "#FFFFFF" >

4 Geben Sie den Code für beliebige Tabellen breiten, Tabellenzeilen und Tabellendaten festgelegt. Dies wird häufig als: < Tabelle ausrichten = "Center" Border = 1 Bordercolor = "schwarz" Cellspacing = 0 Cellpadding = 0 Spalten = 1 WIDTH = "900" > Experiment mit unterschiedlichen Attributen um zu bestimmen, wie Ihre Seite aussehen wird. Die Zeilen < tr > und < td > Daten bei Bedarf durch nachfolgende Zeilen hinzufügen: < tr Breite = "900" Bgcolor = "000000" >< td >< p > Alles über Fred... </p >< / >< / tr > TD

5 Bauen Sie Ihr Menü für die verschiedenen Unterseiten. In unserem Beispiel haben Fred eine Seite mit seiner Bio (bio.html), seine video-Clips (videos.html), Informationen über Klassen und Workshops (classes.html) und wie kann ich bezahlen, die Klasse zu nehmen. Der gleiche Indexvorlage können zur Anpassung an jede Seite index.html kopieren und speichern es unter einem neuen Namen (payhere.html). Das Menü wird jeder Seitenlinks auflisten, sodass Besucher Ihrer Website, die sie finden können.

6 Erweitern Sie den Code zum Header, Subheaders, Block-Zitate, Grafiken usw. enthalten. Jede davon hat grundlegende Codierung, die Sie oft direkt in Ihre Codierung Software finden. Typischen Nachrichtenkopf sind < H1 > < H5 > und erfordern immer ein schließendes < / H5 > oder < / H1 >. Bilder verwenden den Standard < IMG ALIGN = "left" SRC="/images/fredonset1.jpg" > aber Sie können die Höhe, Breite und andere Details zu addieren. Stellen Sie sicher, dass Sie die Bilder hochladen, die Sie Code oder sie auf der Webseite nicht angezeigt.

7 Fügen Sie alle anderen Elemente wie eingebettete Videos, Hintergrund-Bilder und Links, die nicht auf Ihrem Haupt-Menü hinzu. Behalten Sie im Hinterkopf, aber, Sie wollen eine professionell aussehende Webseite--übertreiben Sie nicht die erste Seite. Halten Sie es sauber, einfach und direkt mit hervorragenden Navigation zu anderen Seiten der Website.

8 Stellen Sie sicher, dass alle Ihre Endtag werden am Ende jeder Öffner sowie am Ende jeder Seite. Beispielsweise sollten die unten auf jeder Seite haben </td >< / tr >< / Tabelle > wo die Tabelle tatsächlich endet, sowie < / body > und < / html > am Ende der Seite.

Tipps & Warnungen

  • Schreiben vorab Ihre Inhalte wird Ihre Web-Arbeit deutlich vereinfachen. Beispielsweise schreiben Sie Ihre Biografie dann geschnitten Sie und fügen Sie ihn in die Paragrapheneinteilung Code < p >< / p > oder Teilen Sie es in mehrere Absätze.
  • Wenn Sie eine Vorlage entworfen von jemand anderem verwenden, stellen Sie sicher, dass es dient, alle Funktionen und Zwecke, die Sie für Ihre eigene Website, bevor Sie Ihre gesamte Website entwickeln möchten.
  • Testen Sie jede Version von Ihren Index, indem es hochladen und anzeigen es für Sichtanklang sowie Funktionalität. Testen Sie alle Unterseiten und jeden Link auf Ihrer Website, um sicherzustellen, dass alles korrekt funktioniert.
  • Betrachten Sie die Bilder ganz zu vermeiden--diese sind praktisch gegenstandslos geworden und gelten als ein Ärgernis für die meisten Website-Besucher und Benutzer und sind nicht mehr sehr Modern-Browser freundlich.

SIE KÖNNEN AUCH GERNE