Professionaalsed veebidisainerid töötavad välja veebisaidimallid, tavaliselt võimsates graafikatoimetajates, näiteks Adobe Photoshop. Töö tulemuseks on pildiga fail, mis sellisel kujul antakse kliendile. Valmis kujunduse kasutamiseks, see tähendab veebisaidi paigutamiseks, peate malli lõikama.
Vajalik
rastergraafika redaktor Adobe Photoshop
Juhised
Samm 1
Avage mallifail graafikatoimetuses Adobe Photoshop. Valige menüüst Fail ja Ava või vajutage klahvikombinatsiooni Ctrl + O. Pärast seda ilmuvas dialoogis minge failiga kataloogi, valige see loendist ja klõpsake nuppu "Ava".
2. samm
Valige malli pildi vaatamiseks mugav skaala. Kasutage suumimise tööriista või kontekstimenüü üksusi. Valige skaala, mis võimaldab teil kursori pikslitäpsusega paigutada. See on vajalik võrdlusjoonte täpseks seadmiseks.
3. samm
Moodutage mallipildi kohale viitejoonte komplekt. Lülitage joonlaudade kuvamine dokumendiakendesse sisse, kui see pole veel sisse lülitatud. Selleks vajutage klahvikombinatsiooni Ctrl + R või valige menüüst Kuva ja joonlauad.
4. samm
Horisontaalse võrdlusjoone lisamiseks liigutage hiirekursor ülemise joonlaua kohale. Hoidke vasakut klahvi all. Liigutage hiirekursor pildialale alla. Samamoodi saate õige joonlaua abil lisada horisontaaljooni.
5. samm
Lisage vajalik arv võrdlusjooni ja asetage need malli mallide piirkondade jagamise piiridesse. Ridad peaksid läbima kõik kohad, kuhu soovite malli lõigata. Need peaksid piirama kõiki pilte ja loogilisi alasid (logo, saidi päis, horisontaalsed ja vertikaalsed menüüd jne), mida veebisaidil esitatakse.
6. samm
Aktiveerige viilutööriist. Selle nupp asub vertikaalsel tööriistaribal.
7. samm
Looge Slice Tooliga vajalik arv lõikealasid. Valige malli kuvamiseks mugav skaala. Kasutage alade piiride määramiseks hiirt. Kolmandas etapis lisatud juhised pakuvad teie loodud objektide piiride täpset positsioneerimist. Vajadusel kohandage olemasolevaid alasid, kasutades viilu valimise tööriista.
8. samm
Muutke lõikepiirkondade omadusi vastavalt vajadusele. Aktiveerige viilu valimise tööriist. Paremklõpsake soovitud alal. Valige kontekstimenüüs üksus Redigeeri viilu valikuid. Ilmuvas dialoogis Viiluvalikud valige ala tüüp (pilt, tühi ala, tabel), tausta täitmise režiim, määrake vajadusel nimi, siht-URL, atribuudi alt="Pilt" sisu ja muud väärtused. Klõpsake nuppu OK.
9. samm
Lõigake mall. Valige menüüst Fail ja Salvesta veebi ja seadmete jaoks või vajutage tõstuklahvi + Ctrl + Alt + S. Dialoogis Salvesta veebi ja seadmete jaoks määrake vorming ja pildi tihendamise parameetrid, millesse mall lõigatakse. Klõpsake nuppu Salvesta. Kuvatakse dialoog Salvesta optimeeritud nimega.
10. samm
Valige rippmenüüst Failitüüp HTML ja pildid (*.html) ning sisestage väljale Faili nimi faili nimi, kuhu malli HTML-i märgistus paigutatakse. Valige loendis Viilud kõik viilud. Määrake väljundi kataloog ja klõpsake nuppu "Salvesta".
11. samm
Sihtkataloogi paigutatakse HTML-fail, mis on tegelikult valmis veebilehe mall. Piltide alamkataloog sisaldab pildikomplekti, millesse algne mall lõigati.
