Introducere în aspectul web

Cuprins
Aspectul este legat de distribuirea elementelor într-un spațiu dat de pe pagină, în timp ce designul editorial include alte elemente care variază de la proiectul grafic la procesele de producție numite și pregătire pentru tipărire. Cu toate acestea acest proces este cunoscut sub numele de aspect.
Pentru a începe proiectarea unui site web Este necesar să aveți 3 programe precum PhotoShop, Fireworks și Dreamweaver. La rândul său, este esențial să aveți cunoștințe prealabile despre codul HTML. HTML descrie structura și conținutul unui site sub formă de text. Elementele din HTML sunt formate dintr-o etichetă inițială și o etichetă finală, între ele este plasat un conținut.

Când conținutul multimedia a început să fie utilizat masiv pe web, acesta a apărut în codul HMTL 5 pentru a facilita această includere. HTML5 are următoarele caracteristici.
  • Nu fi din mâini private
  • Flexibil
  • Standarde utilizate
Înainte de a începe să lucreze cu aspectul, proiectantul trebuie să fi lucrat cu un proiect în care să reflecte nevoile clienților săi:

Apoi, programul PhotoShop (PSD) se va deschide pentru a vizualiza proiectul:

Apoi, vom începe să analizăm elementele comune, adică să organizăm pagina ca grupuri.
Se poate observa că corpul paginii va fi totalul proiectului în care diferitele elemente vor începe apoi să fie grupate, de exemplu: în conținut, cele două sigle care se află în partea superioară:

Odată ce proiectul de bază a fost analizat în PhotoShop, va începe lucrul cu Fireworks:
Deschideți proiectul cu Fireworks:

Cu instrumentul de diviziune Fireworks, fiecare dintre elementele designului va începe să fie încadrat:

După divizarea elementelor, acestea sunt selectate împreună și exportate ca HTML și imagini. În acest fel, vor fi generate fișiere pentru fiecare dintre divizii.

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave