Wie eine kostenlose Website zu machen, wenn Sie nicht wissen, wie man Programm
Web Services / / December 24, 2019
Lisa Platonov
Autor Layfhakera.
Warum benötige ich Visitenkarten-Website
Alle coolen Kinder haben eine Website. Er ist wie ein Portfolio: Sie sagen, was Sie tun können, und zeigt ein Beispiel Ihr Preis stopfen.
Site-Karte hilft, eine persönliche Marke und dient als kostenlose Werbung zu schaffen. Wenn ein neues Projekt für Sie an erster Stelle wieder zu verwenden. Dies motiviert die Entwicklung: wollen große Arbeit zu tun, und Beispiele auf der Website hinzuzufügen.
Darüber hinaus werden auf einer Seite des Projekts zu sammeln, in dem Sie teilgenommen haben, sehen Sie das Ergebnis - es ist nicht das Selbstwertgefühl nicht geben fallen durch den Boden und hilft bei der Betrüger-Syndrom zu bewältigen (wenn es scheint, dass Sie nicht in der Lage sind nichts Sie wissen schon).
So entschied ich, dass ich eine Website brauchen, und es noch am selben Tag zu machen.
Schritt 1. wählen Plattform
Ich habe die Seite selbst, ohne den Entwickler und Designer. Dazu gibt es viele Online-Plattformen, die eine Seite aus vorgefertigten Vorlagen ermöglichen montieren. Früher habe ich
Designer „Tinkoff Geschäft». In ihm können Sie Websites kostenlos erstellen, auch wenn Sie noch kein Kunde der Bank sind, und keine Notwendigkeit, ein Hosting zu kaufen - auch er frei ist.Schritt 2. Vorlage auswählen
Im Konstruktor gibt es Vorlagen für verschiedene Unternehmen: Cafés, Kinderzentrum, Großhandel, Bohren von Brunnen, Bau von Häusern. Vorlage für meine kleine Website war nicht, so dass ich eine leere Seite entschieden und beschlossen, sich zu sammeln.
Schritt 3. kommt mit einer Struktur
Wenn Sie eine Website erstellen, mögen Sie gerade zum praktischen Teil gehen: select Einheiten Vorlagen versuchen, sie in einer anderen Reihenfolge zu platzieren, experimentiert mit Schriften und Hintergründen. Ich tat es, weil von dem, was mehr als eine Stunde verbracht hatte. Es war nicht sinnvoll Schaffung der Stelle, und die langwierigen Spieldesigner. Dann erkannte ich meinen Fehler: es keinen Sinn, das Hinzufügen disparaten Elemente und ordnen sie von Ort zu Ort. Man muss zuerst verstehen, was auf der Website geht.
Also denken Sie daran, zuerst mit der Struktur kommen und die Seite füllen, und dann auf das Design arbeiten.
Struktur - ist Abschnitt der Website. Ich wollte zeigen, dass ich als Schriftsteller tun kann, und geben Beispiele ihrer Arbeit. Turned semantische Blöcke "Games", "Special Projects", "Test" und "Artikel". Ich brauche mehr Abdeckung und einen Abschnitt mit Kontakten - insgesamt sechs Einheiten bedeutet.
Abschnitte, die Sie kommen mit, dann können Sie in einen Hut machen (der oberste Teil der Website). Dadurch wird die Navigation vereinfachen: Der Benutzer gehen kann direkt auf den gewünschten Block, nicht die Seite nach unten zu scrollen.
Wenn Sie nicht mit der Struktur kommen können, Blick auf den Websites eines kleinen Menschen Ihres eigenen Berufs. nützlich für mich Webseite Chefredakteur Lyudmila Sarychev und Mappe Vladimir Lebedev Editor. auf "Austausch Glavred„Assembled ein Portfolio von Autoren, Texter, Lektoren und Korrektoren - Peep Ideen können da sein.
Schritt 4. Make-Abdeckung
Cover - ist das erste, was ein Benutzer auf die Website sieht den Besuch. Es bildet einen Eindruck über Sie, so versuchen Sie es abkühlen zu lassen.
Wählen Sie eine Vorlage
Die Site Builder „Tinkoff Business“ hat sieben Häute Vorlage. Wenn Sie einen Online-Shop zu erstellen, ist geeignetes Format mit einem Foto auf der Seite. Er gibt ein Verständnis von dem, was die Website: über Schokolade, handgemachte Taschen oder Brautsträuße.
Ich Inhalte erstellen. Ich habe nichts auf der Titelseite zu setzen, aber selbst, sondern auf dem ganzen Bildschirm so das Bild ist nicht übel. Also habe ich auf der rechten Seite eine Vorlage mit Text und ein Foto nach links gewählt:
Konfigurieren Sie die Vorlage für sich
Jede Blockstruktur kann durch Hinzufügen oder Entfernen unnötigen Elemente geändert werden. Zum Beispiel brauchte ich nicht nadzagolovok, eine der Schaltflächen und Links zu sozialen Netzwerken, also musste ich sie entfernt.
Bild hinzufügen
Selfie und Bilder aus dem Urlaub wird nicht funktionieren, müssen Sie etwas weniger entspannt. Ich habe kein passendes Foto gefunden, aber es war ein Liebling des Aufklebers Telegramm. Um zu beginnen, entschied ich mich, es zu benutzen, und dann durch Ihre Fotos ersetzt. Wenn Sie möchten, können Sie, ohne es zu gehen: es ist wichtig, nicht zu zeigen, wie schön Sie sind, und dass Sie wissen, wie in ihrem Beruf zu tun.
Schreiben Sie über sich selbst
Wer sind Sie und was tun Sie? Es sollte kurz und bündig, informativ und langweilig Lage sein. Es ist wünschenswert, aufrichtig zu sein und zeigen, was Sie stark sind. Ich habe dies:
Schauen Sie, was passiert ist
Verwenden Sie die Vorschau, indem Sie die Symbole über dem Editor-Panel wechseln. Sie sehen also, wie es auf dem Cover des Desktop-Bildschirm angezeigt wird, Smartphones und Tablets.
Schritt 5. In semantische Einheiten
Wenn die Abdeckung fertig ist, fahren Sie mit den semantischen Einheiten. Sie kommen mit ihnen auf den ersten Schritt, und jetzt wollen Sie es auf die Seite wechseln. Hier werden nützliche Designer-Vorlagen sein. Die „Tinkoff Business“ gibt es etwa 150 „über das Unternehmen“, „Produkte und Dienstleistungen“, „Phasen und Schritte“, „Fotos“, „Vorteile“ und andere.
Ich habe alle Optionen untersucht und ließ sich auf drei Blöcke:
- „Text“ - das Projekt zu beschreiben.
- „Slider“ - für visuelles Erzählen.
- „Kontakt“ - zu erhalten, mit mir in Kontakt.
Passen Sie jede Vorlage von selbst durch das Hinzufügen oder unnötigen Elemente zu entfernen. Zum Beispiel im Block „Slider“ brauchte ich nicht den Titel und Beschreibung - ich habe sie abgeschnitten, nur das Bild zu verlassen.
Kopieren Sie sich wiederholende Elemente
Designer können Sie die Blöcke kopieren, dass Sie auf der Website hinzugefügt haben. Für mich kommt diese Funktion praktisch: Ich es auf Elemente der „Text“ und „Schieber“ und sie in der richtigen Reihenfolge.
Schritt 6. komplette Abschnitte
Text schreiben für die semantischen Einheiten
Jeder Abschnitt sollte der Titel, Untertitel und Beschreibung sein. Nicht eine kluge und einfach zu schreiben. Ich habe nur das: im Titel des Projekts einen Namen im Untertitel gemacht - Kurzbeschreibung, wie sie in den Haupttext zeigt die Anzahl der Views und Klicks.
Sie können einen Text im Voraus vorbereiten, aber ich schrieb sofort an den Ort - der Designer die Änderungen automatisch erinnert. Einmal habe ich aktualisiert versehentlich eine Seite und war bereit für die Tatsache, dass die Änderungen nicht gespeichert werden. Aber alles war an seinem Platz, und ich habe nicht zu einer Neuauflage des Blocks.
Bild hinzufügen
Ich brauchte Screenshots ihrer Projekte hinzuzufügen. Ich habe versucht, verschiedene Vorlagen und wählte Schieber: so dass ich wie ein Projekt in der Desktop-und mobilen Versionen sah zeigen. Zoomen und drehen Bilder können direkt im Konstruktor sein, wenn Fotos geladen werden.
Schritt 7. Navigation anpassen
Sie machte die Abdeckung und Füllbereiche - Website ist fast fertig. Nun müssen Sie die Navigation einrichten, dass der Besucher direkt auf den gewünschten Block gehen.
- Wählen Sie eine der Vorlagen „Seite-Menü“. Ich habe einen einfachen Block ohne Logo, soziale Netzwerke und Adressen.
- Ändern Sie den Text und die Anzahl der Tasten. Ich habe fünf, "Spiele", "Special Projects", "Test", "Artikel" und "Kontakt".
- Links hinzufügen. Buttons können auf Teile der Seite (wie ich) führen, auf einzelne Seiten auf Ihrer Website oder den Leser auf eine andere Website lenken.
Designer ermöglicht es Ihnen, eine beliebige Anzahl von freien Seiten und Sites zu erstellen: Sie können einzelne Seiten für verschiedene Projekte machen, starten Sie ein Blog und machen es alle in einen Hut.
Schritt 8. Wählen Sie Schriftarten und Hintergründe
Wenn Sie fertig sind, gehen Sie auf die Registrierungsseite. Einfacher und schneller alle Einheiten mit einem gemeinsamen Stil auf einmal zu bringen, als jeweils einzeln zu bearbeiten.
Wählen Sie einen Hintergrund für die Blöcke
Im Konstruktor gibt es eine Bibliothek von Hintergründen: illustration, Verläufen, Mustern und Farben. Sie können herunterladen und Ihren Hintergrund. Ich wählte für den Header ein dunkelgrau auf dem Cover der Website und einem Knopf - es wird mit einem Aufkleber kombiniert, die mir ein Foto ersetzt. Die übrigen Blöcke bleiben weiß.
Um eine Schriftart zu wählen, müssen Sie aus dem Editor in dem Hauptdesigner der Seite gehen und zu den Einstellungen gehen.
In den Einstellungen gibt es vier Schriftarten zur Auswahl. Zunächst scheint es, dass dies nicht genug ist, dann aber geistig Entwickler danken: wenn es mehr Optionen wären, würde ich sie bis zum Abend gefingert hat. Und ich versuchte, alle vier und hielt an der ersten.
Schritt 9. customize Website
Die letzte Einstellung, und die Website veröffentlicht werden können:
- Denken Sie an Adresse oder schließen Sie Ihre Domain.
- Verknüpfen Sie die Website mit Ihrem Konto „Yandex“, um Statistiken einsehen.
- Fügen Sie eine Website zu „Yandex. Webmaster“, so dass es in der Suche angezeigt.
- In Chat auf der Website - Sie schreiben können auf jede seiner Seiten.
- Herunterladen Favicons - das Site-Symbol, das in dem Browser-Tab angezeigt.
Dann gehen Sie wieder auf den Seiteneditor und klicken Sie auf der große gelbe Schaltfläche „Veröffentlichen“ in der oberen linken Ecke des Bildschirms. Fertig! Jetzt haben Sie Ihre eigene Online-Visitenkarte.
Mit dem Ergebnis, dass
Website Builder "Tinkoff Business" sauber und einfach. Wenn Sie Text und Bilder BEREIT in 15 Minuten zu sammeln. Ich trage damit mehr: mit Hintergründen zu experimentieren, nicht mit einer klaren Struktur und eine langen wählt eine Vorlage einfiel.
Zunächst stört es mir, dass das Gerät nicht die Elemente bewegen kann, um die Größe der Schrift zu ändern und den Abstand zwischen den Blöcken zu reduzieren. Aber das Designer-Plus: bewegliche Bauteile können für immer sein, jeden Millimeter zu überprüfen. Fertige Vorlagen beseitigen die Qual der Wahl - eine gute Option zu diesem Zeitpunkt.
Erstellen Sie Ihre Website