- Web design
Aspect de pagini web este crearea de HTML-cod, prin care diversele elemente (imagini, text, formulare) vor fi afișate în document, în conformitate cu structura de proiectare elaborate anterior. Acest lucru ia în considerare toate constrângerile care impun tehnologii HTML și CSS, ținând cont de particularitățile diferitelor browsere.
Astfel, coder își bazează activitatea pe baza unui set de desene care reprezintă modele de pagini individuale.
După analiza imaginilor, designer de aspect decide cum să pună în aplicare toate acestea pe pagina web. De obicei, că munca suplimentară a fost convenabilă, aspectul original este împărțit în blocuri separate. În mod normal, astfel de blocuri mari sunt alocate ca „capac“, conținutul paginii principale și „subsol“ (care poate fi omisă). În plus, fiecare dintre aceste blocuri pot fi împărțite în blocuri mai mici.
Să presupunem că, în conformitate cu ideile designerului în partea de sus a site-ului ar trebui să fie colorate și dungi albe. Ei trebuie să arate titlul site-ului și un set de pictograme aliniate în centru. Poziția pictogramelor relative între ele trebuie să rămână aceeași, iar fiecare imagine este o trimitere la secțiunea relevantă.
Codor poate alege una din următoarele variante de realizare în codul HTML aceste caracteristici:
- pentru a forma o singură imagine și de a face un card de imagine
- taie imaginea în fragmente separate, și să le aducă împreună cu ajutorul mesei, ceea ce face fiecare bucată de link-ul de la secțiunea relevantă a site-ului,
- pozitsianirovav fiecare element în mod corespunzător.
În acest coder ar trebui să țină cont de faptul că în timp ce toate aceste metode conduc la rezultatul dorit, dar fiecare dintre ele are dezavantajele sale. Și ar trebui să fie luate în considerare, de asemenea, aceste neajunsuri.
Atunci când un „capac“ este terminat, iar acesta va fi concretizată în veniturile HTML-cod coder pentru a lucra la blocul următor. Acum, să spunem, va bloca conținutul principal al paginii. Aici textul este prezent. Prin urmare, format de fișier stiluri CSS, în care vor fi luate în considerare următorii factori:
- diferite culori (fundal, text, link-uri, antete)
- Setul cu cască și dimensiunea fontului și font principal antet
- dimensiunea textului diferitelor module (bloc de știri, materiale noi, anunțuri și articole, și așa mai departe. d.),
- Parametrii de diferite linii și cadre.
Apoi, ca rezultat CSS-fișier conectat la document și a format codul HTML final al paginii principale.
Cu toate acestea, acest lucru nu se termină coder. La urma urmei, designerii sunt, de obicei, de asemenea, aspecte pregătesc și alte secțiuni ale site-ului, nu doar pagina de start. Aceste modele au, de obicei, unele diferențe față de cele făcute deja pagina principală. Astfel, este necesar să se modifice prin corectarea elementelor variabile. De asemenea, luat în considerare faptul că articolul poate fi diferit în mărime, și este în nici un fel nu ar trebui să afecteze forma paginii web extern. Și acest lucru se face cu fiecare secțiune.
La fiecare etapă, layout-ul este verificat, în cursul căreia apare
- În cazul în care modul în care codul este afișat în principalele browsere
- rămâne dacă integritatea datelor, în cazul în care dimensiunea fontului în browser-ul se va schimba într-o direcție sau alta,
- convenabil de a lucra cu un site cu imagini oprit,
- modul în care aspectul paginilor afectate de schimbarea rezoluției ecranului.
În cazul în care nu a identificat vreodată orice erori, corecțiile necesare sunt incluse în codul șablonului. Și așa mai departe până când numărul de erori nu vor fi minime.
De obicei, problema nu este de a crea un absolut coder toate paginile site-ului. El face numai documentele standard pentru a fi utilizate ca șabloane. În viitor, pagina web va fi generat pe baza acestor template-uri sau dinamic, cu ajutorul unui sistem de gestiune a conținutului de pe server sau manual umple cu text și salvate în fișiere separate.
Desigur, toate de proiectare de mai sus și calitatea materialelor site-ului nu sunt legate de aspectul, dar totul altceva programatorul ar putea influența. Și, în timp ce se codor ascuns în codul documentului și este, așa cum au fost în fundal, care depinde de acesta este afișarea corectă a paginilor web și viteza de download.
Un alt domeniu asociat direct cu layout-ul, este tipografie. Cu toate acestea, aceasta se numește arta tipografic. Și trebuie să spunem că este cu adevărat o artă, care combină caracteristicile de design și aspect. Este o artă bazată pe cunoștințe de fonturi și cum să le folosească, modul în care acestea sunt percepute, în sensul de stil și așa mai departe. D. La urma urmei, este esențial să se alege un font care textul este ușor de citit și ușor de perceput de către orice modificare a dimensiunii sale. La pregătirea materialelor de imprimare, proiectantul este responsabil pentru acest lucru. Cu toate acestea, în etapa de creare a site-ului și coder este conectat la această lucrare.
Toate acestea se datorează faptului că inițial HTML are limitări serioase atunci când se ocupă cu fonturi. Adevărul este, că poate fi garantată pentru a lucra cu mai multe seturi de căști, care sunt considerate universale și sunt prezente pe toate sistemele de operare. Desigur, puteți conecta orice font în prezent pe computer, și totul va fi afișat corect. Dar cine poate garanta că același font va fi prezent pe calculatoarele viitorilor utilizatori ai site-ului.
Tehnologia CSS este extins în mod serios posibilitatea originala de HTML, dar aceste caracteristici este în continuare inferior programului de creare a materialelor de imprimare. Astfel, este necesar să aibă o idee clară a atributelor CSS asociate cu managementul textului în care acestea sunt utilizate, ceea ce limitările sunt și modul în care aceste restricții pot fi eludate. Și aparține deja în sfera de activitate coder.