Dieses Tutorial beschreibt, eine Website mit HTML und CSS, die alle Phasen: Erstellung der Website,
Erstellen eines Benutzerkontos auf einem kostenlosen Hosting und schließlich Hochladen von Dateien, dass unsere Website-Hosting, kostenlose Hosting ein schneller Weg, um ein paar Minuten in unserem Online-Website zu stellen, ist der Nachteil dieser Methode, dass wir einige Anzeigen in der gesamten angezeigt haben in der oben (Oberseite der Header).
Wer eine Website zu öffnen, müssen Sie HTML und CSS wissen will, ist es nicht notwendig, ein Experte in HTML sein (Hyper Text MArkupe LSprache), aber einige Code-Informationen sind unbedingt erforderlich, um zu verstehen, wie diese Dinge funktionieren.
Auch wenn Sie eine Website zu bauen, alles, was Sie wissen müssen, was durch diese Dateien gehen, werden Sie benötigen eine regelmäßige Korrektur von Fehlern und die Erreichung Veränderung.
Viele Leute laufen vor Code davon, viele vergleichen Code mit Hieroglyphen, es ist überhaupt nicht so, jemand hat einmal gesagt: "CODE IST POESIE", er hatte Recht, wenn man sieht, dass etwas aus einer Reihe von Codezeilen geboren wird, fühlt man sich wunderbar, man baut eine virtuelle Welt nur mit Tastatur und Maus.
Wir haben lange Zeit Anwendungen von Softwareunternehmen verwendet, wir haben nur Computer betrieben, es ist Zeit für die Programmierung, tatsächlich ist es keine Programmiersprache, es ist eine "Auszeichnungssprache", aber wir werden darauf verweisen Es ist wie eine Programmiersprache, weil es ziemlich seltsam "Markup-Sprache" klingt. HTML ist eine der einfachsten Programmiersprachen (Markup), die heutzutage verwendet werden. Wir sehen HTML auf jeder Site, in der viele Software enthalten ist Diese Programmiersprache ist überall, es ist Zeit, sie zu lernen.
Das erste Mal kann ein wenig entmutigend sein, aber wenn man weniger vorsichtig sind, werden Sie sofort verstehen, dass alles, was es so schwer ist, die Dinge einfach und schön sind, wir schaffen etwas mit unseren Händen, das ist das Wichtigste.
Wir werden Ihnen die Grundlagen, dann werden wir lernen, wie man Text in einer Web-Seite einzufügen, dann ordnen wir und Farbe, Text, verwenden wir einen CSS-Stil-Seite (Cascading Style Sheets), mit denen wir alle Elemente einer Seite zu platzieren wird HTML überhaupt so, dass Sie auf unserer Seite zu platzieren, um, wie es aussehen wird, aus einem Stück gefertigt.
Sie lernen einfache Techniken der grundlegenden HTML und CSS, obwohl diese grundlegenden Dinge in HTML und CSS sind, erstellen Sie einen schönen Überblick.
Für dieses Tutorial Sie sorgfältig mit Geduld sollte bewaffnet, ist dieses Tutorial eine, die wir leisten können, etwas zu tragen, wenn Sie ein paar Sekunden zurückspulen können Sie etwas sehr Wichtiges zu verpassen, und Sie werden sehen, nachdem die nicht nehmen würde Wirkung, die Konzentration Die Information ist extrem hoch und das ist, warum ich Sie sehr, sehr vorsichtig zu fragen.
Nach diesem Tutorial, ich würde sogar sagen, Intensivkurs, haben Sie eine bessere Vorstellung von dem, was HTML und CSS, können Sie den Code auch steuern Sie voll und ganz verstehen, ein HTML-Dokument HTML Gefühl, das nicht nur eine Reihe von heroglife ist zerstreuen wird, wissen Sie, was es, wenn Sie an einem Dokument oder einer HTML CSS sehen.
Wir freuen uns über die Tags (Etiketten) zu lernen, haben wir hier einige Beispiele von Tags (Etiketten), die Sie in einem HTML-Dokument verwenden können, keine Sorge, keine Notwendigkeit, sie alle zu speichern, müssen nur die Grundlagen in der ersten Tabelle lernen der Rest kann hier auf der Seite oder auf dem Internet gefunden werden, wenn Sie sie benötigen.
Auch die Tische sind diese Tags bestellt, werden mit HTML.
Grundlegende Elemente (Tags).
| Definieren Sie ein Dateiformat Web | |
| Dokument-Header | |
| Tilul Dokument | |
| Der Körper der HTML-Seite | |
| BGCOLOR = Farbe | Die Hintergrundfarbe der Seite |
| TEXT =Farbe | Farbe Textseite |
| LINK =Farbe | Unvisited Linkfarbe der Seite |
| Vlink =Farbe | Besucht Linkfarbe der Seite |
| ALINK =Farbe | Linkfarbe beim Klick exacutat Benutzer |
| HINTERGRUND = URL | Hintergrundbild für die Seite |
| Absatz | |
| <Hn> <Hn> | Niveau Untertitel des Dokuments (n = 1-6) |
| Gibt die Attribute des Textes gerahmt | |
| SIZE =n | Die Textgröße ist 1-7 |
| Face ="A, b" | Legt die Schriftart: aFalls vorhanden, oder b |
| COLOR =s | Schriftfarbe: entweder ein Farbname oder RGB-Wert |
| Newline | |
| Informationen vorformatiert | |
| HTML Comenatriu | |
| Material kreuzt die Seite | |
| Linealleiste | |
| SIZE =x | Ruler Höhe in Pixel |
| WIDTH =x | Ruler Breite in Pixel oder Prozent |
| NOSHADE | Deaktivieren Schatten Display horizontalen Lineal |
| ALIGN =x | Richten horizontalen Lineal auf der Seite (links, Mitte, rechts) |
| COLOR =x | Die Farbe der horizontalen Lineal (nur IE) |
| Anchor Marke | |
| HREF =URL | Hypertext Reference |
| HREF =# Name | Der Verweis auf eine interne Anker |
| Name =Name | Definition von internen Anker |
Elements Listen .
| Beschreibung Definition | |
| Liste Typdefinition | |
| Begriffserklärung | |
| Feature-Liste | |
| <OL | Geordnete Liste (nummeriert) |
| TYPE =Tip | Geben Nummerierung. Mögliche Werte: A, a, i, i, 1 |
| START =x | Startnummer der Liste bestellt |
| <UL | Ungeordnete Liste (n) |
| TYPE =Form | Form der Kennzeichnung. Mögliche Werte: Kreis, Quadrat, Scheibe. |
Zeichenformatierung Elemente .
| Einfügen von Text in Fettschrift | |
| Einfügen von Text in Kursivschrift | |
| Fügen Sie markierten Text | |
| Text Schrift Minivan | |
| Zitat bibliogarfica | |
| Programm Listing | |
| Stil Hervorhebung logischen | |
| Text von der Tastatur | |
| Markieren Sie leistungsstarke Logik | |
| Programm oder variable | |
| <BASISSCHRIFT SIZE = n> | Gibt die Standard-Schriftgröße auf der Seite |
Elemente für Rahmen .
| Definieren des Schreibens Seite | |
| COLS =x | Die Anzahl und die relative Größe der Spalten |
| Reihen =x | Die Anzahl und die relative Größe der Linien |
| BORDER =x | Gibt den Status "Ein" oder "Aus" für den FRAMESET-Frame an (1 oder 0). |
| Frameborder = x | Gibt die Größe des Rahmens |
| FRAMESPACING = x | Der Abstand zwischen zwei benachbarten Rahmen |
| Die Definition eines bestimmten Rahmens | |
| SRC =URL | URL-Source-Framework |
| Name =Name | Rahmenname (wird in Verbindung mit TARGET = Name als Teil der Ankermarke verwendet |
| Scrolling =SCRL | Definieren Option möglich derulare.Valori bar: on (aktiviert), off (deaktiviert), Auto (automatische) |
| Frameborder =x | Border um die Baugröße |
| Marginheight =x | Extra-Raum oberhalb und unterhalb einer bestimmten Rahmen |
| Marginwidth =x | Weitere Raumeinheit nach links und rechts von einer gegebenen Rahmen |
| Abschnitt angezeigten Seite für Benutzer, die nicht sehen können, den Rahmen | |
| Internal Frame (für (IE) | |
| SRC =URL | -Source-Framework |
| Name =s | Fenster Name (nützlich für TARGET) |
| HEIGHT =x | Höhe von Embedded |
| WIDTH =x | Embedded Rahmenbreite |
Artikel für Tabellen .
| HTML Tabelle | |
| BORDER =x | Box Tisch |
| CellPadding =x | Zusätzlicher Platz in Tabellenzellen |
| CellSpacing =x | Extra viel Platz zwischen Tabellenzellen |
| WIDTH =x | Breite auferlegt Tisch |
| FRAME =wert | Feineinstellung der Tabelle |
| REGELN =wert | Feineinstellung der Tabelle Herrscher |
| BorderColor = Farbe | Gibt die Rahmenfarbe Tisch |
| BORDERCOLORLIGHT = Farbe | Die hellere Farbe der beiden Farben angegeben |
| BORDERCOLORDARK = Farbe | Die dunklere Farbe der beiden Farben angegeben |
| ALIGN =links | Richten Sie in der Tabelle am linken Rand der Seite und der Text fließt rechts |
| ALIGN =Recht | Richten Sie in der Tabelle auf der rechten Seite der Seite, und der Text fließt links |
| Hspace =x | Zusätzliche Einheit horizontalen Raum um den Tisch |
| Vspace =x | Zusätzliche Einheit vertikalen Raum um den Tisch |
| COLS =x | Gibt die Anzahl der Spalten einer Tabelle |
| Definiert eine Reihe von Spaltendefinitionen mithilfe von Markup | |
| <COL WIDTH =x> | Definieren Sie eine Spaltenbreite in Pixel |
| Legt den Titel der Tabelle | |
| Definiert die Tabelle Körper | |
| Tabelle Line | |
| BGCOLOR =Farbe | Legt die Hintergrundfarbe für die gesamte Linie |
| ALIGN =Ausrichtung | Richten Sie Zellen in der aktuellen Zeile (links, Mitte, rechts) |
| Die Zelle der Tabellendaten | |
| BGCOLOR =Farbe | Legt die Hintergrundfarbe für die Zelle Daten |
| Colspan =x | Anzahl der Spalten, die die aktuelle Zelle Daten überspannt |
| Rowspan =x | Anzahl der Zeilen von Daten überspannt die aktuelle Zelle |
| ALIGN =Ausrichtung | Ausrichten des Stoffes der möglichen date.Valori Zelle (links, rechts, Mitte) |
| Valign =Ausrichtung | Vertikale Ausrichtung des Zellmaterial date.Valori möglich: (oben, unten, Mitte) |
| HINTERGRUND =URL | Geben Sie das Hintergrundbild für Tabellenzelle |
| NOWRAP | Lassen Sie keine Trennung Textzeilen innerhalb einer Zelle |
| ALIGN =Baseline | Richten Zellen mit Baseline-Daten zu benachbarten Text |
| ALIGN =Zeichen | Richtet eine Spalte an einem bestimmten Zeichen aus (das Standardzeichen ist ".") |
| ALIGN =rechtfertigen | Sodass es an der linken und rechten Kante des Textes |
In Bildelemente.
| <IMG | Kennzeichnung Eingabebilder |
| SRC =URL | Die Quelle Grafik-Datei |
| ALT =Text | Alternativer Text angezeigt werden, wenn nötig |
| ALIGN =Ausrichtung | Bildausrichtung auf der Seite. Mögliche Werte: top (oben), Mitte (Mitte), unten (unten), links (links), rechts (rechts) |
| HEIGHT =x | Bildhöhe (in Pixel) |
| WIDTH =x | Bildbreite |
| BORDER =x | Der Rahmen um das Bild, wenn es als Hyperlink verwendet wird |
| Hspace =x | Zusätzliche horizontalen Raum um das Bild (in Pixeln) |
| Vspace =x | Zusätzlicher vertikaler Abstand um das Bild (in Pixeln) |
Elements Formen.
| HTML-Formular aktiv | |
| ACTION =URL | CGI-Programm auf dem Server, der die Daten empfängt |
| METHOD =Verfahren | Wie Daten werden an den Server gesendet (GET oder POST) |
| <EINGABE | Textfeld oder einem anderen Eingabegerät |
| TYPE =Wahl | Eingabefeldtyp . Mögliche Werte: Text, Passwort, Kontrollkästchen, versteckt, Datei, Radio, Senden-, Zurücksetzen Bild. |
| Name =Name | Der symbolische Name des Wertes Feld |
| VALUE =wert | Standard Inhalt des Textfeld |
| Checked = Wahl | Button / Kästchen Standard |
| SIZE =x | Anzahl der Zeichen in einem Textfeld |
| SIZE =x | Die maximale Anzahl der zulässigen Zeichen |
| Gruppe Kontrollkästchen | |
| Name =Name | Der symbolische Name des Wertes Feld |
| SIZE =x | Die Anzahl der Menüpunkte, die einmal angezeigt werden (default = 1) |
| MULTIPLE =x | Ermöglicht die Auswahl der verschiedenen Menüpunkte |
| <OPTION | Besondere Wahl in einem Bereich |
| VALUE =wert | Der resultierende Wert der Auswahlen auf dem Menü |
| Verstärkung Camp Text über mehrere Zeilen | |
| Name =Name | Der symbolische Name des Wertes Feld |
| Reihen =x | Anzahl der Zeilen in das Textfeld ein |
| COLS =x | Anzahl der Spalten (Zeichen) pro Zeile Textfeld |
| Teilen Form in logische Teile | |
| Namen verbunden Reihe von Feldern (fieldset) | |
| ALIGN =s | Gibt die Ausrichtung der Legende (Erklärung) angezeigt (oben, unten, links, rechts) |
| Tabindex =x | Gibt die Reihenfolge der Elemente, wenn der Benutzer die Tabulatortaste drückt |
| ACCESKEY =c | Gibt an, dass bietet Tastenkombination auf der Tastatur eines bestimmten Elements |
| GESPERRT | Element inaktiv ist, aber auf dem Bildschirm angezeigt |
| Readonly | Artikel wird auf dem Bildschirm angezeigt, können aber nicht bearbeitet werden |
Erweiterte Elemente.
| Spezifische Informationen über das Modell Arten | |
| TYPE =Welle | Die Art des Stilmodells. Normalerweise "text / css" |
| Normalerweise enthält ein JavaScript-Skript in die Homepage | |
| LANGUAGE =Sprache | Die verwendete Sprache |
| EVENT =Ereignis | Ereignis, das die Ausführung von Skripts löst |
| FÜR =numeobiect | Object Name der Seite, auf der das Skript funktioniert |
Wenn Sie überprüfen ausgefertigt in Tutorial wollen, können Sie auf diese Adresse: http://www.videotutorial.150m.com.
Wir empfehlen Ihnen, die angehängte Datei entpacken und studieren die drei HTML-Dateien oder CSS-Datei mit Notepad + + oder ein anderes Programm, um Webseiten in dieser Art und Weise Sie Änderungen vornehmen können cau bearbeiten können sogar Notizen machen während sie lernen Sie, ohne Ihre html Konto.
Ich wünsche Ihnen einen angenehmen und begrüßen Sie auf den folgenden Tutorials in dieser Serie und darüber hinaus.
Kommentare (333)
Very nice, Unmengen an Informationen in diesem Tutorial.
Dieses Tutorial aufgerufen werden kann: Infusion HTML und CSS.
Vielleicht haben Sie nicht bekommen, um in ein paar Monaten erfahren Sie hier in einer Stunde oder so zu lernen, habe ich sie alle, bevor sie geschrieben gesehen, und ich kann sagen, dass mich beeindruckt Kursinformationen können in einem Tutorial passen.
An einem Punkt, den ich die Notwendigkeit, Wasser zu trinken fühlte, obwohl ich gerade das Tutorial, noch wollte ich denke, trank Zitat Dan Wasser danach.
Es ist etwas nicht in HTML und / oder CSS nach diesem Tutorial lernen.
Aoleu, was ich seit ungefähr 3 Monaten zu lernen versuche, anscheinend habe ich keine Zeit ...
Thanks a lot, sehe ich es sorgfältig!
Ja, Sie haben Recht, Cristi, aber ich bin enttäuscht, weil ich dachte, Sie würden das Tutorial machen :( aber trotzdem bravo dan sehr gutes Tutorial
Es ist nicht schön, was Sie gesagt haben, und ich sage Ihnen ehrlich, dieser Mann hat ungefähr anderthalb Stunden lang gekämpft, um Ihnen beizubringen, wie man eine Site von Grund auf neu erstellt, und Sie sagen, Sie sind enttäuscht, weil er es nicht geschafft hat? Können Sie sich vorstellen, wie viel Arbeit der Mensch investiert hat und wie viel Zeit er verloren hat, um uns die Grundlagen von HTML und CSS beizubringen? Denken Sie, bevor Sie den Mund aufmachen, dass es nicht für Sie geeignet wäre, Arbeit einzureichen, und hinterlassen Sie dann andere unnötige Kommentare wie du bist enttäuscht, dass er nicht gesetzt hat, jemand anderes hat dieses Tutorial erstellt, danke, dass du wo zu lernen hast;)
Was denkst du, dass die Serie über "Wie man eine Seite macht" vorbei ist.
Im nächsten Tutorial werde ich mir sein.
Denn das, was die nächsten Tutorial werde ich brauchen, um sein beobachtete dieses Tutorial von Dan gemacht.
Was ich präsentieren unterscheidet sich von dem Tutorial habe ich realisiert Aza Dan, aber die darin enthaltenen Informationen sind wesentlich für das Verständnis der Dinge.
Es gibt mehrere Möglichkeiten, Inhalte im Web zu veröffentlichen, aber alle haben einen gemeinsamen Nenner, HTML und CSS, ohne sie kann nichts tun.
Hallo Cristi, schuld ich eine Reihe von php oder js?
Wir reden über alles, aber auch PHP und JS Website bindet an HTML ohne HTML nicht kann.
PHP wird eher zum Extrahieren von Daten aus Datenbanken verwendet. Die Webseiten sind immer noch in HTML, egal ob es sich um dynamische Sites (PHP, HTML, ASP, JSP, CF) oder um eine statische Site handelt Verwenden Sie HTML, ohne es können Sie nichts tun.
Viele Leute machen einen großen Fehler "Ich möchte keine HTML-Site mehr, ich möchte eine dynamische PHP-Site", es ist ein großer Fehler, HTML wird fast überall verwendet, egal ob es sich um dynamische Sites oder statische Sites handelt.
JS (java script) ist nicht das gleiche mit JSP (Java Server Pages), die auf einem Server hängt, JS Websites für bestimmte Skripte, keine Notwendigkeit für jeden Server verwendet werden, kann JS Script in jedem Browser ohne die Notwendigkeit laufen Server-Komponente, und in diesem Tutorial, Dan eine Reihe von Skripten, JS (Fotogalerie) verwendet für off Sachen verwendet JS gibt es ganze Websites mit JS statt voll sind Websites mit Java Server Pages das ist etwas anderes, obwohl sie die gleichen zu sein scheinen.
Ich weiß, dass Sie vor langer Zeit angefangen haben, den "Code" zu studieren. Dieses Tutorial ist eine hervorragende Hilfe. Dan hat eine außergewöhnliche Sache mit diesem Tutorial gemacht. Sie wissen nicht einmal, wie wertvoll dieses Tutorial ist. Unter dem Tutorial haben Sie fast alle Tags ) in HTML verwendet, können Sie sie verwenden, zumal jeder eine Beschreibung hat.
Lassen Sie sich nicht Ihre ALEX, brechen Sie den Code, basiert es.
Vertrauen Sie mir, verpassen Sie potentielle NO!
Wow, viele sehr gut strukturierte Informationen, die jeder verstehen kann. Ich habe mir das Tutorial persönlich angesehen, um etwas Neues herauszufinden, und im Verlauf des Tutorials war ich erstaunt, wie einfach eine Site gemacht werden kann, nicht auch geladen und sehr angenehm anzusehen. Herzlichen Glückwunsch zu diesem Tutorial, aber auch zu allen anderen. Ich freue mich auf die nächste "Infusion" (Cristis Worte) mit Informationen.
Herzliche Glückwünsche!! Sehr schönes Tutorial, es wird ein Rumänien voller Webdesigner sein :) (hoffentlich !!)
wenn es ein Tutorial Dreamweaver? Oder verwenden Sie keine Dreamweaver dc in Ihrem Tutorials?
Herzlichen Glückwunsch zu allen Tutorials ... du bist der Stärkste;)
Hallo ... das Tutorial ist wirklich großartig, es gibt "Unmengen" an Informationen ... und ich denke, ich musste das grundlegende HTML auf der Titelseite 98 lernen, indem ich Dutzende von Tests aus Büchern in der Bibliothek durchführte, weil ich keine hatte net zu dieser Zeit und jetzt kann ich mir ein Tutorial ansehen, das alles erklärt, was ich wissen muss. Es ist klar, dass ich mich weiterentwickelt habe :))). Mir hat die Tatsache gefallen, dass es Schritt für Schritt erklärt wurde und dass sie gestellt wurden Auf der Website alle grundlegenden Befehle + ein Beispiel, an dem gearbeitet werden kann. Es ist klar, dass Sie wissen, was Sie tun. Sie sind echte Lehrer!
Allerdings Mehrheit derjenigen, die in Web-Design mit Programmen, die automatisch Bestellungen vornehmen und meine Frage ist, wird ein Tutorial zu tun, ein solches Programm?
Ich weiß, dass Sie dieses Tutorial zum Verständnis der Befehle und damit zum besseren Verständnis von Webdesign-Programmen erstellt haben ... aber ich bin immer noch gespannt, wie Sie mit dieser Reihe von Tutorials fortfahren werden, da zu diesem Thema viel geredet wird, auch wenn einige darüber nachdenken langweilig, wenn es um Tutorials wie das von Dan geht, dem ich zu diesem Anlass zum Tutorial gratuliere ...