Poklicni spletni oblikovalci razvijajo predloge spletnih strani, običajno v zmogljivih grafičnih urejevalnikih, kot je Adobe Photoshop. Rezultat dela je datoteka s sliko, ki je v tej obliki zagotovljena kupcu. Če želite uporabiti že pripravljeno zasnovo, to je postaviti spletno stran, morate izrezati predlogo.
Potrebno
urejevalnik rasterske grafike Adobe Photoshop -
Navodila
Korak 1
Odprite datoteko s predlogo v grafičnem urejevalniku Adobe Photoshop. V meniju izberite Datoteka in Odpri ali pritisnite kombinacijo tipk Ctrl + O. V pogovornem oknu, ki se odpre za tem, pojdite v imenik z datoteko, jo izberite na seznamu in kliknite gumb "Odpri".
2. korak
Izberite priročno lestvico za ogled slike predloge. Uporabite orodje za povečavo ali elemente kontekstnega menija. Izberite lestvico, ki vam omogoča natančno namestitev kurzorja. To je potrebno za natančno nastavitev referenčnih črt.
3. korak
Nad sliko predloge oblikujte niz referenčnih vrstic. Vklopite prikaz ravnil v oknih dokumentov, če ta še ni vklopljen. Če želite to narediti, pritisnite Ctrl + R ali v meniju izberite Pogled in ravnila.
4. korak
Premaknite kazalec miške nad zgornje ravnilo, da dodate vodoravno referenčno črto. Pritisnite in držite levo tipko. Premaknite kazalec miške navzdol na območje slike. Prav tako lahko z desnim ravnilom dodate vodoravne črte.
5. korak
Dodajte zahtevano število referenčnih črt in jih postavite vzdolž meja delitve regij predloge. Črte naj gredo skozi vsa mesta, kjer želite izrezati predlogo. Omejiti bi morali vse slike in logična področja (logotip, glavo spletnega mesta, vodoravne in navpične menije itd.), Ki bodo predstavljeni na spletni strani.
6. korak
Aktivirajte orodje za rezanje. Njegov gumb je v navpični orodni vrstici.
7. korak
Z orodjem za rezanje ustvarite zahtevano število rezalnih površin. Izberite priročno lestvico za prikaz predloge. Z miško nastavite meje območij. Smernice, dodane v tretjem koraku, bodo natančno pozicionirale meje predmetov, ki jih ustvarite. Po potrebi prilagodite obstoječa območja z orodjem za izbiro rezin.
8. korak
Po potrebi spremenite lastnosti rezalnih območij. Aktivirajte orodje za rezanje rezin. Z desno miškino tipko kliknite želeno območje. V kontekstnem meniju izberite element Urejanje možnosti rezine. V pogovornem oknu Možnosti rezanja izberite vrsto območja (slika, prazno območje, tabela), način zapolnitve ozadja, po potrebi navedite ime, ciljni URL, vsebino atributa alt="Slika" in druge vrednosti. Kliknite V redu.
9. korak
Izrežite predlogo. V meniju izberite Datoteka in Shrani za splet in naprave ali pritisnite Shift + Ctrl + Alt + S. V pogovornem oknu Shrani za splet in naprave določite obliko in parametre stiskanja slik, v katere bo predloga izrezana. Kliknite gumb Shrani. Prikaže se pogovorno okno Shrani optimizirano kot.
10. korak
Na spustnem seznamu Vrsta datoteke izberite HTML in slike (*.html), v polje Ime datoteke pa vnesite ime datoteke, kamor bo postavljena oznaka HTML predloge. Na seznamu Rezine izberite Vse rezine. Določite imenik za izhod in kliknite gumb "Shrani".
11. korak
Datoteka HTML bo postavljena v ciljni imenik, ki je v resnici že pripravljena predloga spletne strani. Podimenik slik bo vseboval nabor slik, v katere je bila izrezana izvirna predloga.
