Photoshop is een grafisch ontwerp en fotobewerking applicatie ontwikkeld door Adobe . Het is de marktleider in digitale beeldbewerking software . Zijn mogelijkheden omvatten de mogelijkheid om te creëren en te manipuleren graphics voor print en web gebruik. Het bevat ook vele mogelijkheden om gebruikers te helpen in website design en codering . Niet alleen kan de software optimaliseren van afbeeldingen voor het gebruik van internet , het kan ook het genereren van cascading style sheets en de HTML die nodig zijn om graphics in webpagina's bevatten . Wat je nodig hebt
HTML -editing software
Toon Meer Aanwijzingen
1 Maak uw imago . Als u klaar bent , gebruik functie " Slice " Photoshop om uw afbeelding te verdelen in secties . Gebruik de functie " Slice Select" om elke sectie te hernoemen met namen die overeenkomen met de organisatie van uw website . Bijvoorbeeld , als uw afbeelding bevat website navigatieknoppen , naam secties in dat gebied " nav . " Deze secties zullen corresponderen met ' div ' tags in je CSS-code . Kopen van 2 In de menubalk klikt u op " File " en kies " Opslaan voor web en apparaten . " Kies " 2 - Up" of " 4 - Up" van de tabbladen boven het beeldgebied voor een selectie van previews . Kies de gewenste opties voor uw afbeelding in de "Preset sectie . " Selecteer het voorbeeld van de afbeelding die het best past bij uw visuele specificaties . Klik op 'Opslaan'.
Type 3 de naam van het bestand in het veld " File Name " . Selecteer " HTML en afbeeldingen" in het veld " Opslaan als type " . Selecteer " Andere " in het veld Instellingen . Een dialoogvenster " Output Settings " wordt weergegeven . In de vervolgkeuzelijst Instellingen optie "Aangepast . " Selecteer de knop "Volgende " totdat u het gedeelte ' Slice Output " . Selecteer de " Genereer CSS " radioknop .
4 Kies het output formaat van de CSS in het Referenced menu . Voor een externe stylesheet , selecteer " Door ID " of " Door Class . " Uw CSS wordt georganiseerd door welk element je kiest . Als u wilt dat uw CSS te zijn inline (die aan de bovenkant van uw HTML-pagina ) selecteer " Inline . "
5 Compleet selecteren van andere opties in Output Settings . Als u klaar bent , klikt u op " OK . " In het veld Segmenten selecteren wat plakjes u wilt worden opgenomen in de CSS -uitgang . Zorg ervoor dat u bent genavigeerd naar de plaats waar u wilt dat het bestand moet worden gevestigd in de " Save Optimized As" bestandsbeheer gebied . Klik op 'Opslaan'.
6 Open het HTML- bestand dat u zojuist hebt gemaakt in uw HTML bewerkingsprogramma . Uw HTML -code , compleet met CSS , zal zijn waar u het op uw computer opgeslagen en klaar om ofwel invoegen in een webpagina die u maakt of als een standalone webpagina . Wijzig de code , indien nodig , naar uw wens .
7 Open het bestand in uw web browser naar keuze om het bestand te bekijken om te controleren op eventuele problemen en om te controleren of het overeenkomt met het beeld dat u creëerde in photoshop .
|
