Hoe maak je een website voor vrij te maken, als je niet weet hoe je programma
Web Services / / December 24, 2019
Lisa Platonov
Auteur Layfhakera.
Waarom moet ik site als visitekaartje
Alle cool kids hebben een website. Hij is als een portfolio: je vertellen wat je kunt doen, en toont een voorbeeld van het vullen van uw prijs.
Site-kaart helpt om een eigen merk te creëren en dient als gratis reclame. Wanneer een nieuw project voor u te herinneren in de eerste plaats. Dit motiveert de ontwikkeling: wilt grote werk te doen en voorbeelden om de site toe te voegen.
Daarnaast verzamelen op een pagina van het project waarin u heeft deelgenomen, ziet u het resultaat - het is niet het gevoel van eigenwaarde te geven vallen door de vloer en helpt om te gaan met de oplichterssyndroom (als het lijkt erop dat u niet in staat niets Je weet wel).
Dus heb ik besloten dat ik behoefte aan een website en maken het op dezelfde dag.
Stap 1. kies een platform
Ik schiep de site zelf, zonder dat de ontwikkelaar en ontwerper. Om dit te doen, er zijn veel online platforms die het mogelijk maken te assembleren een pagina uit kant-en-klare sjablonen. ik gebruikte
Ontwerper "Tinkoff Zakelijk». In het, kunt u sites voor gratis te maken, zelfs als u geen klant van de bank, en geen noodzaak om een hosting te kopen - ook hij is gratis.Stap 2. Kies Template
In de aannemer, zijn er templates voor verschillende bedrijven: coffeeshops, centrum voor kinderen, groothandel, boren van waterputten, de bouw van huizen. template geschikt voor mijn kleine website was niet, dus ik een lege pagina koos en besloot om zich te verzamelen.
Stap 3. komen met een structuur
Wanneer u een site te maken, wil je direct naar het praktische gedeelte: select units templates proberen om ze te plaatsen in een andere volgorde, experimenteren met fonts en achtergronden. Ik deed dat, als gevolg van wat meer dan een uur had doorgebracht. Het was niet verstandig creatie van de site, en de langdurige game designer. Toen besefte ik mijn fout: er is geen punt toevoegen van verschillende elementen en herschikken ze van plaats tot plaats. Men moet eerst begrijpen wat er gaande is op de site.
Dus vergeet niet, wie het eerst komt met de structuur en vul de site, en dan werken aan het ontwerp.
Structuur - is onderdelen van de site. Ik wilde laten zien dat ik kan doen als schrijver, en geven voorbeelden van hun werk. Gedraaide semantische blokken "Games", "Special Projects", "Test" en "artikelen". Ik heb meer dekking en een sectie met contacten - dat wil zeggen een totaal van zes eenheden.
Secties die je komen met, dan u kunt maken in een hoed (het bovenste deel van de site). Dit zal de navigatie te vereenvoudigen: de gebruiker kan direct naar het gewenste blok, niet de pagina naar beneden te scrollen.
Als je niet kan komen met de structuur, kijk naar de sites van een klein volk van uw beroep. nuttig voor mij website hoofdredacteur Lyudmila Sarychev en portefeuille Vladimir Lebedev editor. on "Exchange Glavred"Geassembleerd een portefeuille van auteurs, tekstschrijvers, redacteuren en correctoren - peep ideeën kan er sprake zijn.
Stap 4. make deksel
Cover - is het eerste wat een bezoeker aan deze website ziet. Het vormt een indruk over u, dus probeer om het te laten afkoelen.
Kies een sjabloon
De site builder "Tinkoff Zakelijk" heeft zeven skins template. Als u een online winkel te creëren, is geschikt formaat met een foto op de pagina. Hij geeft een goed begrip van wat de website: over chocolade, handgemaakte tassen of bruiloft boeketten.
Ik creëer content. Ik heb niets op de voorpagina te zetten, maar zelf, maar over het hele scherm, zodat het beeld is niet mis. Dus ik koos voor een sjabloon met tekst en een foto naar links naar rechts:
Configureren van de sjabloon voor zichzelf
Elk blokstructuur kunnen worden gewijzigd door het toevoegen of verwijderen van overbodige elementen. Zo hoefde ik niet nadzagolovok, een van de knoppen en links naar sociale netwerken, dus ik had ze verwijderd.
Voeg foto
Selfie en foto's van vakantie zal niet werken, iets wat moet je minder ontspannen. Ik heb niet gevonden een geschikte foto, maar het was een favoriet van de sticker Telegram. Om te beginnen, heb ik besloten om het te gebruiken, en dan vervangen door uw foto's. Als u wilt, kunt u gaan zonder dat het: het is belangrijk om te laten zien niet hoe mooi je bent, en dat je weet hoe dat te doen in hun beroep.
Schrijf over jezelf
Wie ben je en wat doe je? Het moet in staat zijn om in het kort, informatief en saai. Het is wenselijk oprecht te zijn en laten zien wat je sterk bent. Ik heb dit:
Kijk naar wat er gebeurde
Gebruik de trailer door het schakelen van de pictogrammen boven het paneel Editor. Zo zie je maar hoe het op de cover van de desktop-scherm zal verschijnen, smartphones en tablets.
Stap 5. Voeg semantische eenheden
Wanneer het deksel gereed, gaat het semantische eenheden. Je komt met hen op de eerste stap, en nu wil je om het te verplaatsen naar de pagina. Hier zullen nuttig designer templates. De "Tinkoff Zakelijk" zijn er ongeveer 150 "over het bedrijf", "producten en diensten", "Fasen en stappen", "Foto's", "prestaties" en anderen.
Ik heb alle opties bestudeerd en afgerekend op drie blokken:
- "Tekst" - om het project te beschrijven.
- "Slider" - voor visual storytelling.
- "Contact" - in contact met mij te krijgen.
Pas elke matrijs zelf door het toevoegen of verwijderen van overbodige elementen. Bijvoorbeeld, in het blok "Slider" Ik heb geen behoefte aan de titel en beschrijving - ik heb ze afgesneden, zodat alleen het beeld.
Kopieer repetitieve elementen
Designer kunt u de blokken die u hebt toegevoegd aan de site te kopiëren. Voor mij is deze functie komt goed van pas: ik breng het aan elementen van de "Tekst" en "schuif" en plaats ze in de juiste volgorde.
Stap 6. volledige secties
Schrijf tekst voor de semantische eenheden
Elke sectie moet de titel, ondertitel en beschrijving. Niet een wijs en gewoon schrijven. Ik deed precies dat: in de titel van het project maakte een naam in de ondertitel - korte beschrijving, zoals in de hoofdtekst toont het aantal views en clicks.
U kunt een tekst voor te bereiden op voorhand, maar ik schreef onmiddellijk naar de site - de ontwerper onthoudt de wijzigingen automatisch. Eén keer dat ik per ongeluk een pagina vernieuwd en klaar voor het feit dat de wijzigingen niet worden opgeslagen was. Maar alles was op zijn plaats, en ik heb niet steeds opnieuw hoeft te bewerken het blok.
Voeg foto
Ik moest screenshots toe te voegen van hun projecten. Ik probeerde verschillende sjablonen, en koos slider: zodat ik kan laten zien zag eruit als een project in de desktop- en mobiele versies. Zoomen en roteren afbeeldingen kunnen direct in de aannemer zijn bij het laden van foto's.
Stap 7. aanpassen navigatie
Je maakte het deksel en opvulgebieden - site is bijna klaar. Nu moet je het opzetten van de navigatie die de bezoeker direct naar de gewenste blok.
- Selecteer een van de sjablonen "Pagina Menu". Ik voegde een eenvoudig blok zonder logo, sociale netwerken en adressen.
- Verander de tekst en het aantal knoppen. Ik heb vijf, "Games", "Special Projects", "Test", "artikelen" en "Contact."
- Links toevoegen. Knoppen kunnen leiden tot delen van de pagina (zoals ik), om individuele pagina's op uw site of rechtstreeks de lezer naar een andere site.
Designer kunt u een aantal vrije pagina's en sites te maken: U kunt aparte pagina's voor verschillende projecten te maken, start een blog en maken het allemaal in een hoed.
Stap 8. Kies fonts en achtergronden
Als je klaar bent, ga dan naar de registratie site. Eenvoudiger en sneller tot stand te brengen alle eenheden naar een gemeenschappelijke stijl in een keer, dan om te bewerken elk afzonderlijk.
Selecteer een achtergrond voor de blokken
In de aannemer, er is een bibliotheek van achtergronden: illustratie, verlopen, patronen en kleuren. U kunt downloaden en je achtergrond. Ik koos voor een donkergrijze voor de koptekst op de cover van de site en een knop - het wordt gecombineerd met een sticker, die me een foto vervangt. De overige blokken zijn wit gelaten.
Om een lettertype te selecteren, moet u om te gaan van de redactie van de belangrijkste ontwerper van de pagina en ga naar de instellingen.
In de instellingen zijn er vier lettertypen om uit te kiezen. In eerste instantie lijkt het erop dat dit niet genoeg is, maar dan mentaal bedanken ontwikkelaars: als er meer opties waren, zou ik ze vingers tot 's avonds. En ik heb geprobeerd alle vier en stopte bij het eerste.
Stap 9. aanpassen website
De laatste instelling, en de site kan worden gepubliceerd:
- Denk aan het adres of sluit uw domein.
- Koppel de site met je account "Yandex" naar statistieken bekijken.
- Voeg een site om "Yandex. Webmaster", zodat het zal verschijnen in de zoekopdracht.
- Chat toevoegen aan de website - u kunt schrijven naar een van de pagina's.
- Download favicon - het pictogram site die in het tabblad van de browser verschijnt.
Dan weer naar de pagina editor en klik op de grote gele knop "Publiceren" in de linkerbovenhoek van het scherm. Klaar! Nu heb je je eigen online visitekaartje.
Met als gevolg dat
Website Builder "Tinkoff Zakelijk" schoon en eenvoudig. Als u tekst en afbeeldingen klaar om pagina te verzamelen in 15 minuten. Ik draag met het langer: experimenteren met achtergronden, kon niet komen met een duidelijke structuur en een lange selecteert een sjabloon.
Aanvankelijk het stoort me dat het apparaat niet de elementen kan bewegen om de lettergrootte te veranderen en de afstand tussen de blokken te verminderen. Maar dat is designer plus: bewegende componenten kunnen voor altijd, het controleren van elke millimeter. Kant-en-klare sjablonen te elimineren de lijdensweg van keuze - een goede optie op dit moment.
Creëer je eigen website