În această lecție veți învăța cum să creați mesaje frumoase folosind CSS. În plus, veți afla, de asemenea, cum să le utilizați în mod corect.
Să începem cu tipurile de mesaje
1. Mesaje de informare
Scopul acestor mesaje este de a informa utilizatorul. Astfel de mesaje ar trebui să fie albastre, deoarece oamenii asociază această culoare cu informațiile. Poate fi orice informație care poate fi utilă utilizatorului.
2. Mesaje de succes
Mesajele de succes ar trebui afișate după ce utilizatorul a efectuat cu succes orice operație. Succes - înseamnă complet și fără erori. De obicei, astfel de mesaje sunt verde.
Astfel de mesaje ar trebui să fie afișate utilizatorului în cazul în care operațiunea nu poate fi finalizată. De obicei, acestea sunt galbene.
4. Mesaje de eroare
Mesajele de eroare ar trebui afișate numai dacă operațiunea nu poate fi efectuată. Roșu este culoarea perfectă pentru acest lucru, deoarece mulți asociază această culoare cu anxietatea :)
5. Mesaje de verificare
Un alt tip de mesaj. Am preferat o culoare portocalie pentru ei. Astfel de mesaje indică utilizatorului erorile sale (de exemplu, la completarea formularelor).
Acum, să vedem cum sunt create astfel de mesaje
Avem nevoie de următorul cod CSS:
Acest cod poate fi inserat fie în același fișier, fie redat într-o foaie de stil.
Acum este suficient pentru noi să creăm un strat cu clasa cerută în corpul documentului:
Mesajele sunt un element foarte important al oricărei interfețe. Foarte des, ele nu sunt deloc folosite. Nu repetați această eroare și folosiți mesaje similare! Și doresc utilizatorilor dvs. cât mai puține erori posibil. )
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!