Voor een grafisch aantrekkelijke webpagina , veel ontwerpers vinden het gemakkelijker om een ontwerp met behulp van Photoshop en vervolgens omzetten van het ontwerp naar html voor FrontPage . Photoshop CS3 of hoger heeft de functionaliteit die nodig is om webpagina sjablonen van psd -bestanden te creëren . Met Photoshop sjablonen , is het mogelijk om ontwerpen kun je niet bereiken met html alleen creëren . Wat je nodig hebt
Photoshop CS3 of hoger versie software
FrontPage software
Toon Meer Aanwijzingen
1 Open een leeg beeldbestand . Als het klaar is , zal dit beeldbestand uw Photoshop webpagina sjabloon geworden . Noem het bestand en eigenschappen om de afbeelding hoogte, breedte en resolutie opgeven . Kopen van 2 Selecteer een achtergrondkleur en toepassen op uw psd template -bestand .
3 Sleep een digitaal beeld naar de gewenste locatie op uw template psd-bestand . Resize het digitale beeld als gewenst .
4 In andere design elementen van keuze . Aanwijzen navigatieknop locaties met behulp van de Rechthoekige Marquee Tool . Klik op de tool , plaats vervolgens het gereedschap op de gewenste locatie op de afbeelding . Klik en sleep tot je de gewenste grootte te verkrijgen . Kop-en voetteksten toe te voegen , indien gewenst , op dezelfde manier .
5 Visualiseer je template als een groep van rechthoeken .
Slice 6 uw psd webpagina sjabloon in rechthoeken met behulp van de Photoshop- slice tool. Selecteer Slice Tool en punt op de hoek van de eerste rechthoek die u wilt maken . Klik en sleep totdat u het gewenste gedeelte schetsen . Ga op deze manier totdat alle delen van de website template zijn gemaakt in secties .
7 Klik op Slice Select Tool en wijzen op een schijfje . Klik rechts op de muis , zodat de eigenschappen doos zal opduiken . U zult elke plak als een nieuw beeld te behandelen nadat u uw psd -bestand converteren naar een sjabloon , dus het is belangrijk dat u de naam van elk segment op een manier die u gemakkelijk zal herkennen wanneer u uw html bewerken . Als u van plan bent de slice om een navigatieknop te worden, geeft u de URL van de webpagina waarop u deze knop koppelen .
8 de psd-bestand te exporteren ImageReady . Optimaliseren van bestanden voor het snel laden snelheid . Opslaan effen kleuren als gif of png -bestanden voor een snelle laadtijd . Opslaan van digitale foto's als jpeg -bestanden voor scherpte .
9 Sla uw geoptimaliseerd psd als html . Wanneer u " opslaan geoptimaliseerd als , " een doos zal pop-up waarin u uw HTML- sjabloon op te slaan op uw computer . Als u wilt, kunt u kiezen voor " Ga naar " en ga direct naar FrontPage voor het bewerken en op te slaan op uw website .
|
