Proiectarea site-urilor este foarte importantă pentru modul în care sunt percepute în cele din urmă de către vizitatori. Oamenii ar trebui să experimenteze plăcerea estetică în timp ce se află pe paginile site-ului, precum și aceste pagini ar trebui să le fie convenabile și funcționale. Niciun site nu este complet fără butoane de navigare, iar site-ul dvs. va arăta funcțional și frumos în același timp dacă faceți aceste butoane animate.
Instrucțiuni
Pasul 1
Butoanele grafice, spre deosebire de butoanele text, sunt vizibile pe pagini și sunt ușor de reținut de cititori. Utilizați Corel Draw pentru a crea butoane animate. Creați un document nou și desenați un spațiu liber pe care butonul va fi afișat în mai multe vizualizări, atât în starea apăsată, cât și în cea apăsată.
Pasul 2
Pentru a desena un buton, selectați instrumentul corespunzător din caseta de instrumente și desenați un dreptunghi rotunjit. Umpleți dreptunghiul cu negru, apoi copiați-l și mutați copia la stânga și în sus. Umpleți al doilea dreptunghi cu alb.
Pasul 3
Pe butonul gol, scrieți-i numele, adăugând un contur negru textului. Faceți textul alb. Acum deschideți meniul Efecte de trecere prin evidențierea butonului și făcând clic pe opțiunea Creare trecere. Veți vedea Normal pe bara de stare Rollover.
Pasul 4
Acum, pentru a schimba imaginea unui buton, faceți clic dreapta pe acesta și selectați opțiunea Edit Rollover din meniul contextual. Se va deschide o nouă bară de instrumente Internet. Desenați poziții suplimentare de butoane, care se vor schimba apoi una după alta, creând un efect de animație.
Pasul 5
În partea stângă a panoului Internet, faceți clic pe butonul Peste și editați butonul pentru a elimina conturul textului. Umpleți textul cu negru pentru a crea o a doua versiune a acestuia în animație. Acum apăsați butonul Jos și desenați ultima versiune a butonului pe măsură ce este apăsat.
Pasul 6
Mutați textul și dreptunghiul alb în jos spre dreapta și glisați dreptunghiul negru în sus spre stânga. Acum faceți clic pe butonul Finish Editing Rollover.
Pasul 7
Salvați butonul împreună cu codul pe care îl puteți utiliza pentru a schimba aspectul obiectelor de pe pagina web. În acest fel, puteți desena orice tip de buton cu orice design.
