Veebisaidi malle on tohutult palju, kuid neil on üks puudus - need pole ainulaadsed. Kui saidi omanik ei soovi, et tema saidi kujundust korratakse mujal, saab ta tellida malli professionaalselt disainerilt või proovida seda ise luua.
See on vajalik
Adobe Photoshopi programm
Juhised
Samm 1
Oma malli loomine pole nii keeruline ülesanne, kui see võib esmapilgul tunduda. Töötamiseks on vaja Adobe Photoshopi - loomulikult peab teil olema vähemalt põhiline arusaam sellega töötamisest. Kuid enne programmi käivitamist ja loomise alustamist peate tulevase kujunduse eelnevalt läbi mõtlema. Kõige mugavam viis selleks on kõigepealt tutvuda vähemalt saja valmis malliga, hinnata nende eeliseid ja puudusi. Pöörake tähelepanu teatud kujunduselementide edukatele lahendustele. See ei tähenda, et te neid kopeerite, kuid on üsna mõistlik võtta aluseks ilusad ja mugavad lahendused.
2. samm
Teiste mallide analüüsi ja teie enda loovuse põhjal peaksite saama aimu, kuidas teie sait välja näeb. Parim on teha tulevase kujunduse töötlemata visandid värviliste pliiatsidega tavalistel A4-lehtedel. Photoshopiga peaksite alustama koostööd alles siis, kui teil on selge ettekujutus sellest, mida täpselt joonistate.
3. samm
Käivitage Photoshop, looge uus 1200x1600 projekt, määrake läbipaistev taust. Lülitage tööriist Joonlaud sisse, kui see pole veel sisse lülitatud, selleks vajutage klahvikombinatsiooni Ctrl + R. Luba klõpsatus: vaade - klõpsatus.
4. samm
Nüüd peame malli jagama juhenditega, mis näitavad selle elementide piire - külgi, veerge jne. Näiteks soovite malli jagada nii, et vasakul on kitsas veerg, paremal lai lai parem kui mall ja üleval on ruumi päise jaoks. See tähendab, et vajate kolme vertikaalset joont (malli vasak äär, parem ja nende vaheline joon) ja horisontaalset, mis näitab päise alumist piiri. Vertikaalse joone määramiseks liigutage kursor vasakule vasakule joonlauale, vajutage V ja lohistage klahvi all hoides joon soovitud kohta. Tehke sama ülejäänud kahe vertikaalse joonega. Horisontaalsed ehitatakse samamoodi, kasutatakse ainult ülemist joonlauda.
5. samm
Leidke oma malli jaoks taust, see peaks olema väike korduv muster. Avage see Photoshopis, valige, kopeerige. Seejärel kleepige malli nii mitu korda, kui vajate selle taustaga täita. Kleepimine toimub järgmiselt: "Muuda" - "Kleebi" ja lohistage seejärel taustapiirkond soovitud kohta. Veelgi kiirem on pildi sisestamine käsuga Ctrl + V. Lisage samamoodi saidi päise taust. Tausta loomiseks võite kasutada erinevaid gradienttäiteid.
6. samm
Joonistage tööriista Pliiats abil malli piirid, keskendudes juba tõmmatud joontele (see tähendab nende peale). Olete saanud kõige lihtsama malli aluse, nüüd peate seda täiendama vajalike üksikasjadega - navigeerimisnupud, menüü read, erinevad kaunistuselemendid jne. Nuppude ja muude elementide loomise kohta lisateabe saamiseks lugege vastavaid artikleid Adobe Photoshopiga töötamise kohta.
7. samm
Mall on loodud, nüüd peate selle tükkideks lõikama, et need HTML-lehele lisada. Lõikamiseks kasutage viilutööriista. Selle leidmiseks paremklõpsake tööriista Frame ja valige avanevast menüüst Cutout. Nüüd saate malli vastavalt soovile pesitseda ja seejärel salvestada: "File" - "Save for Web". Valige avanevas aknas failitüüp: HTML & images, määrake faili nimi: index.htm ja salvestage see. Teil on fail index.htm ja piltide kaust viilutatud piltidega.
