Optie 1 - Laat Claude bouwen in de website builder

Kloot aan het werk zetten om het framework van jouw website te bouwen in Fulluit Suite op basis van de handleiding die hij in de vorige video heeft gemaakt.

En dat doet hij gewoon in de website-beelder van Fulluit Suite.

Je ziet hier de originele site en hieronder heb ik dan een Chrome-venster.

Die heb ik even los uit mijn venster gesleept waar ik in werk.

Dus daar klik ik nu op.

En hier zie je dat Chrome aan het werk is en allemaal blokken erin bouwt.

Je houdt dan een site over die je zelf kan aanpassen met je eigen teksten, lettertypes en foto's.

En Claude zet de eerste framework neer op basis van jouw huidige site.

Nou, wat je hiervoor klaar moet hebben natuurlijk: je handleiding, die je hebt gekregen uit de vorige video, de map met foto's in voluit suite.

Die kun je gewoon in één keer uploaden in de Mediabibliotheek.

Je ziet hem hier staan, Janneke de Boer, en daar zitten alle foto's in van de website.

En dat doe je gewoon door te zeggen uploaden en dan map uploaden.

Dan kun je zo die map selecteren die je ook weer uit de vorige video hebt gehaald, die die voor jou van de website heeft gehaald.

En natuurlijk de Chrome Cloud extensie, zodat Cloud in jouw Chrome website kan werken.

Prompt hieronder invoert, vraagt Claude of je even wil inloggen in Voluid Suite.

Claude logt nooit zelf in.

En zodra hij aan het werk gaat, moet je computer aan blijven staan.

Dus je moet je screensaver uitzetten en zorgen dat je scherm niet in slaap gaat, want dan stopt hij ook gewoon met werken.

De prompt zie je hier.

Het is weer een hele lange prompt.

Ik zet hem onder de video.

Jij vult weer alleen het eerste stuk in.

Dus naam van je account in Voluid Suite, naam van je eigen.

Nieuwe website, welke pagina die eerst moet gaan bouwen, de naam van de map met de foto's in de mediabibliotheek en zet dan ook gelijk weer je website handleiding uit de vorige video in deze chat.

Dus als je dan in een nieuwe chat begint, heeft hij gelijk weer alle informatie over je website.

Verander niks aan de rest van de prompt.

Daarin staat hoe kloot de beelder in voluit ziet bediend, welke fouten die moet vermijden.

Nou, dit kan wel even duren.

Dus zet dit bijvoorbeeld aan voor je naar bed gaat.

Of als je echt twee uur in vergadering gaat en niet achter je computer hoeft te zitten.

Zodat je er eigenlijk zo weinig mogelijk last van hebt.

En laat Claude dan in de achtergrond doorwerken.

Je kan ook wel zelf gewoon doorwerken.

Dan moet je Claude even in een apart browserwindow zetten zoals ik heb gedaan.

Je kunt dat gewoon doen door op het Claude tapje te slepen naar R.

Anders uit je browser en dan krijg je een nieuwe browser window met alleen de Claude tapjes die hij heeft.

En dan gaat hij in de achtergrond al die blokken maken die jij nu op je website hebt en dan kun je ze daarna lekker zelf gaan aanpassen.

En het mooie is, hij heeft de handleiding natuurlijk in de vorige video gemaakt, dus hij weet exact welke hexcodes, welke fonds, de tekst kan hij gewoon van de website afhalen, dus hij weet alles.

De kleuren komen als globale kleuren in je account, die kies je dan.

Later met één klik.

Je ziet hier alle kleuren, die heeft hij allemaal van de huidige website afgehaald.

Daar heb ik niks aan gedaan.

En hij heeft overal Janneke bijgezet, zodat ik weet bij welke website die kleuren horen.

Nou, dat is super handig.

Je ziet hier dat hij alle voetersonderdelen die hij heeft gemaakt, slaat hij ook meteen op als een universele sectie.

En dat is super handig.

Want dan kun je hem dus op elke pagina opnieuw gebruiken.

Hoef je maar op één plek aan te passen.

Je ziet dat er echt nog wel werk aan de winkel is in de mobiele weergave.

Daar zitten nog wel wat foutjes.

Hier zit een zwarte balk achter.

Hier mist ook een foto.

Maar dat is een wat moeilijker designding: twee foto's die elkaar overlappen en dan mobiel responsive maken.

Dus dat zijn van die dingen die Claude bewust.

Simpel bouwt zodat je wel een startpunt hebt.

En dan kun je bijvoorbeeld die kleine stukjes nog door een designer laten doen.

De voeter ziet er al goed uit, maar ik weet niet hoe de voeter er op de website uitziet.

Dus al met al, en dit logo is natuurlijk helemaal uitvergroot, maar het is wel een heel fijn begin wat je niet zelf hoeft te maken.

Oh, hier gaat ook iets niet goed.

Je kunt nu natuurlijk zeggen: Ik laat Claude dit ook allemaal corrigeren.

Dan ben je wel weer langer bezig.

Dus ik zou zeggen: Gebruik dit als een begin en ga dan zelf verder met de opties aan de rechterkant.

Zorg dat het allemaal goed eruit ziet.

Maar je hebt hier een heel mooi begin.

Claude geeft dan aan het eind ook door wat hij allemaal heeft gedaan, wat hij heeft moeten aanpassen.

Hier heeft hij bijvoorbeeld ook een typefoutje gecorrigeerd.

Waar hij andere beslissingen moest maken.

De originele social media-icoontjes waren lichtgeel met donkerrood.

Nou, die hebben we niet in voluitstweet.

Dat zou je dan bijvoorbeeld met CSS moeten doen.

Maar misschien is dit ook wel gewoon prima.

Dus je kunt nu gaan kijken: hé, wat wil ik echt wel nog helemaal.

Customizen op mijn manier.

En dat is eigenlijk gewoon prima.

Wat er nou allemaal natuurlijk nog niet in zit, zijn de goede links.

Want dit is de eerste pagina van je website.

Dus je kan nog niet heel goed naar andere pagina's linken omdat die er niet zijn.

Dus alle links moet je nalopen.

De menus, alles moet je gewoon wel heel goed nalopen.

In de volgende video laat ik een tweede manier zien.

Er zijn er drie.

Hoe Claude de hele middenpagina bouwt in HTML.

Dat is een stuk sneller, waarschijnlijk ook veel meer conform het originele design, maar je past de pagina daarna minder makkelijk zelf aan.

En wat ik daarmee bedoel is: nu kun je dus hier elk element makkelijk zo even.

Aanpassen, iets anders intypen, heen en weer slepen, noem het maar op.

Maar als je één blok HTML hebt, dan moet je dat in de HTML gaan zoeken.

En dan kan je eigenlijk alleen maar tekstjes minimaal aanpassen.

Want als je in de code iets gaat aanpassen, dan ziet je hele design er anders uit.

Of je moet die hele HTML weer aan Claude geven en zeggen: Dit is wat ik wil veranderen.

Kun je dat doen?

Dan krijg je weer een nieuw blok HTML van Claude terug, wat je er dan weer in kan.

Dus dat gaan we nu doen.

Tot de volgende video!