Website is gemaakt met enkel gebruik van MAGIX Web Designer, en geen andere afbeeldingen of software-gereedschappen. Eerst lezen Dit is een kleine tutorial, en een websitedocument waarmee u kunt experimenteren. Wanneer u dit leest in Web Designer, dan kunt u ook de functies van dit programma verkennen en uitproberen. Wanneer u dit als een website leest, dan is dit een voorbeeld van wat u kunt produceren met MAGIX Web Designer. Zo maakt u een fantastische website in 6 eenvoudige stappen, m.b.v. MAGIX Web Designer. 1) Open de ontwerpgalerie en selecteer een ontwerp Ok, dit hebben we niet echt nodig omdat dit document al open is. Het is gebaseerd op het sjabloonontwerp genaamd 'Beta'. U kunt alle sjablonen zien door met de muis te bewegen over de 'ontwerpgalerie' aan de rechter kant van het venster. Bekijk uw website: selecteer Bestand -> Preview website of klik op dit icoon op de bovenste balk. Deze knop heeft een uitklapmenu dat twee opties toont. De eerste geeft een preview van alleen de huidige pagina (snelst), de andere van de hele website. Probeer het nu om te zien hoe de website er uitziet in een internetbrowser. In het preview-venster probeer de knoppen bovenaan uit en beweeg over de verschillende objecten, zoals de foto rechts boven, of klik links zoals de foto meteen hieronder om de verschillende laageffecten te zien. 2) Bewerk het thema kleuren Klik om meer te weten te komen over de kleureneditor. Verplaats de muiscursor over de linkerkant van de kleurlijn onderaan het scherm en klik op een van de vierkante kleurpatches. Selecteer 'Bewerken' om de kleuren-editor weer te geven en u kunt nu verschillende kleuren selecteren. Voor de beste resultaten raden we aan de themakleuren 1 en 2 hetzelfde of passend te maken. Dit zijn themakleuren voor alle belangrijke ontwerpelementen van dit ontwerp. Kleurschema's. Om het bewerken van kleuren nog gemakkelijker te maken geven wij kleurschema's die u met drag 'n drop naar de pagina kunt slepen. Open de ontwerpgalerie, ga naar Voorbeelden -> Voorbeeld websjablonen map en scrol naar de bodem en u zult vele kleurschema-thumbnails zien. Sleep er een naar deze pagina en alle websitekleuren veranderen direct. 3) Bewerk de tekst op uw website Klik op het grote T-icoon aan de linkerkant van de gereedschappen (het tekst gereedschap). Klik nu op een stuk tekst en begin met bewerken. Klik op de titel en vervang deze door uw eigen titel. Met behulp van het tekstgereedschap, de balk bovenaan, kunt u het lettertype, grootte etc. aanpassen. Het ABC-icoon aan het einde is een spellingcontrole. Tekst bewerken werkt hetzelfde zoals in elke woordprocessor, zoals slepen om tekst te selecteren. U kunt de knoptekst op dezelfde manier veranderen. Sommige knoppen zijn 'rekbaar' en kunnen worden aangepast aan elk tekstlabel. Probeer deze knop aan de rechterkant. Gebruik het tekstgereedschap, klik op de 'stretchknop' tekst en bewerk deze en u zult zien dat de knop verandert. 4) Deel uw objecten opnieuw in Laten we nu proberen een object te verplaatsen en van formaat te wijzigen. Kies het selectiegereedschap (de grote pijl bovenaan) en sleep op de foto aan de rechterkant van deze pagina. Kijk hoe de tekst er omheen beweegt. Probeer op titels of de 'Stretch-knop' bovenaan te slepen en bekijk uw website opnieuw in een preview. Wat u in de Web Designer ziet is precies wat u op de website zult zien. Om een object van formaat te veranderen sleep aan een van de hoekhendels die rond het geselecteerde object worden getoond. Probeer dit bij dit matte bloemsymbool onder de tekst. Klik hierop met de selectiepijl en sleep aan een hoekhendel. Deze bloem is bijzonder omdat het een herhaald object is en verschijnt op dezelfde positie als op uw website. Er is meer informatie over herhaalde objecten op de geavanceerde pagina. Om een object te draaien, klik hierop opnieuw zodat de hoekhendels voor het roteren verschijnen. Sleep hieraan om het object te roteren. Probeer het met de bloembladvorm of een titel. Zo kunt u eenvoudig alles op deze pagina verplaatsen, van formaat veranderen en roteren. Stap 5 gaat verder op de volgende pagina: