HTML-Codes betrügen Blatt

Erstellen von Basis-Website-Layout mit HTML-CSS

Dies wird ein kurzes und grundlegendes Tutorial sein, das speziell fr Anfnger bedeutet. Wir erstellen ein grundlegendes Website-Layout mit HTML-CSS. Fast jede Website besteht aus diesem Grundlayout, das einen Header, eine Seitenleiste, einen Inhaltsbereich und eine FuŸzeile enthlt.

Wir werden das HTML-DIV-Tag verwenden, da dies ein Div-basiertes Design ist, und wir verwenden nur HTML- und CSS. DIV-basierte Designs sind viel effizient und fhrt zu viel sauberer Code im Vergleich zu Tabellen-basierten Designs. In tabellbasierten Designs verwenden wir Tag und seine Spalten / Zeilen, um das Layout aufzubauen, das berhaupt nicht als ordnungsgemŸe Weise angesehen wird.

Lass uns loslegen

Da ist dies nur ein leeres Demo-Design, also gibt es nur vier Abschnitte. Natrlich hat ein komplettes Design-Design mehr Abschnitte und sobald Sie gelernt haben, dieses grundlegende Layout zu erstellen, knnen Sie weitere Abschnitte einfach erstellen.

Kopfabschnitt

In diesem Abschnitt haben wir einen Seitentitel "Demo-Layout" auf diese Seite und verknpft eine Stylesheet-Datei style.css im CSS-Verzeichnis. Wenn Sie diese Grundlagen nicht kennen, knnen Sie hier mehr darber erfahren.

Krperabschnitt

Wie Sie sehen, verwenden wir DIV-Tags und haben jedem von ihnen den Klassen zugewiesen. Wir werden diese Klassen spter in der Datei Stylesheet verwenden, indem wir die Namen jeder zugewiesenen Klasse anrufen. Wir haben auch denselben Namen in jeder zugewiesenen Klasse nach jedem Abschluss div hinzugefgt. Hinzufgen von Kommentaren, die als gute Praxis betrachtet werden, und dies macht auch den Code benutzerfreundlich fr andere Benutzer, die mglicherweise Ihren Code bearbeiten oder lesen.

CSS

Bevor Sie jeden Abschnitt stylenieren, mssen Sie Messungen wie Breite und Hhe jedes Abschnitts kennen. Diese Messungen unterscheiden sich natrlich vom Design bis zum Design. Ich benutze das Tool "Mineer" in Adobe Photoshop, um die Messungen zu erhalten, indem ich von einem Punkt auf einen anderen auf einen anderen Ziehen klicke. Messungen fr dieses Grundlayout sind im obigen Designbild zu sehen. Sie knnen auch das beigefgte leere PSD-Design herunterladen.

so prominent mit dem Namen ".wrap", wird dies als Wrapping Div bezeichnet, der alle anderen Divs enthlt. Sie knnen offensichtlich einen anderen Namen wie einen Wrapper, einen Behlter oder einen Main_Div usw. zuweisen, aber ich ziehe es vor, es zu nennen. Wrap erscheint sauber und kurz.

51 Beste Image Hosting Services

HTML-Codes betrgen Blatt

Allgemeine Kommentare: Formulare werden verwendet, um Informationen von Personen durch eine Reihe von Textfeldern, Liste und Schaltflchen zu sammeln. Sobald ein Formular ausgefllt und an den Server bermittelt (bertragen), kann ein Skript (wie eine PHP-Seite) diese Informationen verarbeiten und alle mglichen Dinge tun. Wie speichern Sie die Informationen in einer Datenbank oder senden Sie ihn an jemanden.

Kommentar: Erlaubt Benutzern, eine Datei auszuwhlen, um mit dem Formular hochzuladen. Sie bentigen immer noch ein serverseitiges Skript, um das Formular zu verarbeiten und die Datei "ergreifen". Ich wrde vorschlagen, eine der folgenden serverseitigen Skriptoptionen zu verwenden: PHP, JSP, ASP, Kaltfusion und nicht zuletzt CGI.

œber CGI: CGI war der erste Weg, um Formatendaten im Internet zu verarbeiten. Es hatte seinen Tag, aber sein Tag hat lange bestanden. Wenn Sie Dinge mit CGI tun (normalerweise mit der Perl-Skriptsprache), werden Sie in eine Welt der Schmerzen springen! CGI ist alt, langweilig, langsam und viel schwieriger, mit einem der modernen Sprachen wie PHP und JSP zu arbeiten.

Vorteile der Webentwicklung fr Marketing-Techno-Punkte

Holen Sie sich alle Arten von Webentwicklungsdiensten fr Ihr kleines Geschft und erhalten Sie das gewnschte Wachstum.

Vorteile der Webentwicklung fr Marketing-Techno-Punkte
Wir verwenden Cookies
Wir verwenden Cookies, um sicherzustellen, dass wir Ihnen die beste Erfahrung auf unserer Website geben. Durch die Nutzung der Website stimmen Sie der Verwendung von Cookies zu.
Cookies zulassen