In deze videoserie laten we u zien hoe u een gestroomlijnd, professioneel webontwerp kunt maken voor een bedrijfswebsite. Dit is deel 4 van een reeks van 4 delen - we zullen ook de ondersteuningspagina's afwerken en het hele ding coderen in HTML / CSS!
Adi Purdila gaat ons een heel project begeleiden - van ontwerp tot codering - allemaal hier op Webdesigntuts deze week! Op dag 1 heeft hij ons laten zien hoe we het basisraamwerk voor het ontwerp kunnen instellen en hoe we de startpagina kunnen inrichten. Op dag 2 liet hij ons zien hoe we de verschillende ondersteuningspagina's konden maken (contact, galerij, enz.). In dag 3 begon hij met het coderingsproces door ons te laten zien hoe het volledige Photoshop-ontwerp in een volledig werkende HTML / CSS-site kon worden omgezet. Vandaag is het dag 4, dus we zullen het project afronden en de laatste glans toevoegen!
Om je een algemene routekaart voor de codering te geven, hier is de basisbeschrijving van wat we deze laatste 2 dagen zullen doen:
Ik wil ook enkele links delen voor enkele bronnen die ik vandaag ga gebruiken:
Laten we beginnen!
In deze volgende reeks video's loopt Adi door het conversieproces van PSD naar HTML / CSS. Zorg ervoor dat je naar HD-weergave switcht als je de bandbreedte hebt!
"Of het nu websites, logo's of gedrukte materialen zijn, mijn werkfilosofie is hetzelfde: neem nooit snelkoppelingen en zet altijd mijn hart en ziel in elk project, want uiteindelijk zijn het de kleine details die tellen en hoe meer moeite ik in een project stop. project, hoe beter het mijzelf als persoon en ontwerper vertegenwoordigt en tegelijkertijd vertegenwoordigt het mijn cliënt op een manier die bij zijn behoeften past.
Als u geïnteresseerd bent in de HTML-sjablonen en bestemmingspagina's die ik aan het ontwikkelen ben, kunt u ze bekijken op mijn portfolio-pagina op ThemeForest. "- Adi