Een eenvoudige persoonlijke bestemmingspagina maken met Adobe Muse

Er zijn twee hoofdfasen betrokken bij het ontwerpproces van de website. De eerste is het uiterlijk van de pagina's ontwerpen en de tweede is het vertalen van het ontwerp naar het daadwerkelijke product - de webpagina's. De eerste fase vereist ontwerpvaardigheid terwijl de tweede fase codeerervaring vereist. Het probleem is dat het vinden van een persoon met beide vaardigheden moeilijk is.

Voor diegenen die een betere blik hebben voor ontwerp (en geen interesse hebben in codering), is er Muse van Adobe. Het bedrijf beweert dat deze multi-platform AIR-toepassing iedereen kan helpen bij het ontwerpen en publiceren van HTML-websites zonder enige code te hoeven schrijven.

Begin met het plannen van uw persoonlijke bestemmingspagina

Eén vraag voordat we beginnen. Waarom zou iemand een webbouwtool zoals Muse gebruiken wanneer u WordPress en de bijbehorende thema's kunt gebruiken? Het antwoord is “maatwerk”. Hoewel er letterlijk duizenden WordPress-thema's beschikbaar zijn, is het aanpassen van het thema aan werkelijk geschikt voor onze behoeften is moeilijk. Een andere reden is dat het gebruik van een geavanceerd databasesysteem van WordPress voor een eenvoudige en lineaire site te ingewikkeld zou zijn.

Je kunt Muse downloaden van de website. Het is gratis beschikbaar tot de release v.1.0 begin 2012. De applicatie werkt onder Windows en Mac, maar het vereist dat je systeem AIR heeft geïnstalleerd.

Om beter te begrijpen hoe Muse werkt, laten we het gebruiken om een ​​eenvoudige persoonlijke bestemmingspagina te maken. Vijf tips om een ​​coole persoonlijke bestemmingspagina te maken Vijf tips om een ​​coole persoonlijke bestemmingspagina te maken Meer lezen, iets in de trant van Flavours.me Flavorsme - Maak uw eigen gratis gepersonaliseerde webpagina Flavorsme - Maak uw eigen gratis gepersonaliseerde webpagina Lees meer of About.me. Begin met kiezen “Maak een nieuwe site” vanuit het startvenster of vanuit het menu Bestand.

• Vervolgens wordt u gevraagd om uw site aan te passen door de paginabreedte, het aantal kolommen, marges, enzovoort te kiezen.

• De eerste stap bij het bouwen van een website is het bepalen van hoeveel pagina's het zal hebben en wat de relatie tussen de pagina's is. U kunt eenvoudig pagina's toevoegen, verwijderen en herschikken in de “Plan” venster.

• Klik op de “+ (plus)” knop om toe te voegen, en de “X” knop om te sluiten. Klik op de paginanaam om te hernoemen en versleep vervolgens om te herschikken.

• Onder aan de pagina ziet u de A-Master-pagina. Dit is de sjabloon die op uw site wordt gebruikt. Dus als er elementen zijn die u op al uw pagina's wilt behouden, zou het zoveel gemakkelijker zijn als u de elementen bij A-Master definieert in plaats van ze steeds opnieuw te herhalen.

Begin met bouwen

• Als u dubbelklikt op een van de pagina's, wordt deze geopend in een nieuw tabblad. U kunt beginnen met het bouwen en ontwerpen van de pagina's met behulp van de tools op de bovenste werkbalk.

• Andere hulpmiddelen die u zullen helpen bij het ontwerpproces zijn de “panels” aan de rechterkant. U kunt deze panelen weergeven of verbergen via het menu Venster.

• Als u onze persoonlijke bestemmingspagina wilt maken, kunnen we de achtergrond wijzigen door een afbeelding in te voegen. U kunt de afbeelding aanpassen door de schaal en positie te wijzigen.

• Laten we vervolgens een navigatiemenu toevoegen door het te kiezen in het Widget-venster en het vervolgens naar de webpagina te slepen en neer te zetten.

• U kunt het navigatiemenu aanpassen met behulp van de “opties“. Klik op de kleine blauwe pijl om het venster Opties te openen.

• U kunt het uiterlijk van de tekst (type, kleur, grootte) ook wijzigen met de “Tekst” tab in de juiste panelen.

• Vervolgens kunt u teksten en rechthoeken toevoegen met behulp van de hulpmiddelen op de werkbalk. Sleep deze elementen naar de gewenste positie en pas ze aan via de juiste panelen. Om externe links (of andere HTML-elementen) toe te voegen, gebruikt u de “Voeg HTML in” menu onder “Voorwerp“.

• Noteer de HTML-code van de links in het pop-upvenster en klik op OK om deze toe te voegen aan de site.

• Net als de andere elementen is de ingevoegde HTML-code zeer aanpasbaar. Helaas kunnen we de linkkleur nog steeds niet wijzigen. Hopelijk verschijnt deze functie in een toekomstige versie van de app.

• Nadat alles is ingesteld, kunt u het resultaat zien door op te klikken “Voorbeeld” link.

De laatste stap

• Nadat alles is ingesteld, bent u klaar om uw site op internet te zetten. Gebruik hiervoor de “exporteren als HTML” menu onder “het dossier“.

• Bepaal de locatie om het project op te slaan en klik op “Exporteren” .

• Als u uw persoonlijke bestemmingspagina wilt koppelen aan een URL die u al bezit, gebruik dan een fatsoenlijke FTP-client De 3 beste gratis FTP-clients voor Windows De 3 beste gratis FTP-clients voor Windows FTP is een handige manier om bestanden te delen en de go-to-methode voor het uploaden van bestanden naar een webhost. Hier zijn de beste FTP-clients die je gratis kunt pakken. Meer lezen om alles in de map naar uw webhostingaccount te uploaden. Aangezien verschillende hostingproviders verschillende instellingen gebruiken, raadpleegt u hierover uw hostingprovider.

Dit korte experiment heeft ons laten zien dat het maken van een persoonlijke bestemmingspagina met Muse net zo eenvoudig is als het toevoegen en aanpassen van elementen. Maar Muse is ook in staat om meer gecompliceerde sites met meerdere pagina's te maken. Er zijn veel voorbeelden van websites die laten zien wat Muse op hun kan doen “vitrine” pagina. Als u meer wilt weten over Muse, kunt u hun bezoeken “Leren” pagina.

Wat denk je van Muse? Zal je deze tool proberen om je te helpen bij het bouwen van je website? Deel uw mening in de reacties hieronder.

Ontdek meer over: Adobe Air, Webdesign, Webontwikkeling, Webmasterhulpprogramma's.