Webdesign zonder code met Elementor en Wordpress

Webdesign zonder code met Elementor en Wordpress

“ Nu gaan we de belangrijkste fasen van de ontwikkeling van uw website bekijken, zodat u uw project kunt presenteren aan de Domestika-gemeenschap. Ik zou graag willen dat u in het kort uitlegt wat u bij elk ervan hebt gedaan en de uitleg begeleidt met een of meer afbeeldingen. Concept en referenties Begin met het ontwikkelen van het volledige concept van uw website. Om dit te doen, verzamelt u eerst visuele referenties die u inspireren en slaat u deze op in een map of bladwijzers. Oh! En vergeet niet dat je door alles kunt worden geïnspireerd, niet alleen door webpagina's, maar door elk object om je heen, muziek, je stad, een landschap... Wat dan ook!

Plattegrond van uw website Ten tweede, teken een websiteplattegrond waar u de pagina's definieert die de navigatie van uw site vormen en hoe de gebruiker er doorheen zal navigeren. Stijlgids Verzamel vervolgens alle algemene elementen en stijlen die u voor uw website wilt: logo, lettertypeset, kleurenpalet en, optioneel, grafische elementen. Maak met dit alles een stijlgids. Ontwerpvoorstel Nu ga je werken aan het ontwerpvoorstel, wat een van de meest opwindende onderdelen van het hele proces is. Hiervoor kunt u werken met het ontwerpprogramma dat u wilt. Gebruik alle elementen van uw stijlgids en ontwerp elk van de secties waaruit uw website bestaat en die u eerder in de sitemap hebt gedefinieerd. Onthoud dat als u niet weet welke inhoud of structuur u in elk van deze secties moet gebruiken, u altijd nog eens naar de visuele referenties kunt kijken voor inspiratie. Het belangrijkste aan het ontwerpvoorstel is dat het u helpt te visualiseren hoe uw site eruit zal zien als u later met Elementor werkt. Ontwerp in WordPress en Elementor Installeer en configureer de tools waarmee u in deze cursus zult werken om uw volledige site te maken. Om dit te doen, moet je eerst zorgen dat je een hosting en domein hebt waar je WordPress kunt installeren. Wanneer u het hebt geïnstalleerd, configureert u het en maakt u de pagina's en navigatiemenu's van uw website. De volgende stap is het installeren van de Elementor-plug-in en het thema dat je als basis gaat gebruiken: "Hello Theme". Nu hoef je alleen maar Elementor Pro te downloaden en te installeren, dat geweldige functies bevat om je hele website-ontwerp te bouwen. Het is tijd om het hele webontwerpvoorstel over te zetten naar een 100% echte en functionele site, hiervoor werk je met Elementor, de standaardkit, de themabouwer en sjabloonopties. Onthoud dat u op dit punt te allen tijde rekening moet houden met het webontwerpvoorstel dat u eerder hebt opgesteld. Begin met het maken van de kop- en voettekst. Ga door met het ontwerpen van de startpagina en vergeet niet om animatie-effecten toe te voegen om deze veel visueler en aantrekkelijker te maken. Maak nu de projectsjabloon en de startpagina van de portfolio. En klik ook op de secties "Over" en "Contact". Oh! Vergeet niet om de afbeeldingen op uw website te optimaliseren zodat ze niet te zwaar wegen en snel laden, en vergeet niet om deze afbeeldingen te begeleiden met teksten die uw werk bijdragen, contextualiseren en vermenselijken. Werk ten slotte ook aan het ontwerp van de secundaire onderdelen van uw website, zoals de pagina met het privacybeleid, de pagina "Error 404" en de onderhoudspagina. Testen en vrijgeven Je hebt nog maar heel weinig over om af te maken! Het is de beurt om het web in verschillende browsers en apparaten te testen, aangezien een web er in sommige ervan soms iets anders uitziet. Schrijf alle details op die niet werken of worden weergegeven zoals verwacht en corrigeer ze later in Elementor. Als je alles hebt gecorrigeerd, is alles klaar om je website door de hele wereld te laten zien! Vergeet het na het starten niet up-to-date te houden. Ah! En vergeet niet om een back-up te maken voordat u elke update uitvoert. Het is tijd om je afstudeerproject met de gemeenschap te delen door te klikken op "Maak je project aan". Vergeet niet om de link te delen om de website te zien die je hebt ontworpen en vertel ons ook het hele creatieve proces dat je er naartoe heeft geleid. Als u de website op enig moment in de onderhoudsmodus heeft gezet, deactiveer deze dan zodat wij uw website in zijn geheel kunnen zien. Het is zeker geweldig :). Ik kijk ernaar uit om je project te zien en je feedback te geven. Hoewel ik om je geduld vraag, zal ik proberen zoveel mogelijk toegang te krijgen tot het forum en wat mijn professionele projecten mij toestaan. Tot slot wil ik je uitnodigen om actief deel te nemen aan het forum, niet alleen om je vorderingen te delen, maar ook om advies te geven en te proberen de rest van de gemeenschap te helpen. Tot ziens op het forum! ”

Gedeeltelijke transcriptie van de video

“Laatste project Nu is jouw tijd gekomen. Ik zal enkele essentiële stappen met u doornemen voor u om uw eigen website te maken. De waarheid is dat het veel nieuwe informatie was, dus voel me super trots dat ik zo ver ben gekomen en de angst voor webdesign te hebben verloren. Denk er altijd aan om te beginnen enkele visuele referenties verzamelen die u inspireren. Je kunt ze bewaren in een map of er een moodboard mee maken. Teken vervolgens een kaart van uw site, inclusief alle secties die u voor uw website wilt. Onthoud hier dat er geen sectielimiet is Geen van beide zijn verplichte secties....”

Deze transcriptie wordt automatisch gegenereerd en er kunnen typefouten in staan.

Samenvatting van de cursus: Webdesign zonder code met Elementor en Wordpress

• Niveau: Beginner
• 98% positieve beoordelingen (236)
• 13265 studenten
• 4 didactische onderdelen
• 20 lessen (3u 28m)
• 5 aanvullende bronnen

• Categorie

  Web- en app-ontwerp

• Domeinen

  App-ontwerp, Digitaal productontwerp, Portfoliobeheer, Webdesign