HTML și design

impenetrabil

¢ ў Cent. SUA

· · Punct central mic

Й Ё kjtpont (umlaut)

»» Perioada de timp internă (sfârșit)

«« Timestamp intern (începător)

Dacă doriți să introduceți ceva conform codului, trebuie să introduceți un semn # după semnul &, apoi codul în mod zecimal și în același mod ca; trebuie închis cu alte semne speciale.

Referința la imagini este deja cunoscută din cele de mai sus:

Dar poate fi legat și:

Referințe similare la sunete:

O imagine vine cu o mie de cuvinte, spune zicala. Așa este creierul nostru, îi place să vadă lucrurile mai bine. De asemenea, am cunoscut dezvoltatorii de HTML, așa că avem ocazia să ne „aruncăm” pagina cu un „efect de șoc” vizual. Fără o pagină web (acum) funcționează destul de prost. În plus, dacă imaginea este încă în mișcare, pagina poate fi mai vizibilă. Desigur, nu mă înțelege greșit! Dacă toate lucrurile de pe o pagină web se mișcă, poate exista suficientă confuzie. Ca să nu mai vorbim de lățimea de bandă în general scăzută și mai ales de traficul din rețea, care este mult crescut de multe imagini, sunete, animații și videoclipuri, încetinind descărcarea unei pagini.

Pentru un exemplu pozitiv, consultați adresa URL http://www.jpte.hu.

Imaginea nu trebuie să fie prea mare pentru stocare sau aspect. Majoritatea vizualizatorilor funcționează cu o fereastră de până la 800x600 pixeli în dimensiune (adică aproximativ dimensiunea unui monitor SVGA, cu atât mai îngust) care arată ceea ce vă uitați în Windows, chiar mai puțin. Imaginea trebuie proiectată, reducerea va duce la degradarea calității.

Imaginea terminată ar trebui așezată pe foaie cumva și undeva. Desigur doar în portbagaj. Atenţie! Imaginea nu face parte din document, nu o vom pune, indică doar că va fi acolo. Amplasarea și afișarea sunt responsabilitatea jucătorului. Există o consecință neplăcută a acestui fapt: dacă vrem să salvăm o pagină, împreună cu sursa acesteia și imaginile și alte obiecte de pe ea (de ce să nu o facem, deoarece aceasta este gratuită, deoarece proprietarul ei nu o interzice), aveți pentru a-și trimite imaginile. În Netscape, puteți face acest lucru făcând clic dreapta pe imagine. Există diverse utilitare care pot salva toate articolele împreună.

Pe pagină, imaginea este marcată cu numele. Desigur, acesta este doar cel mai simplu caz, aici imaginea este în același loc cu pagina (pentru că poate fi într-o altă bibliotecă, dar și în alt mod!) Și nu avem alte nevoi.

Puteți muta imaginea la stânga (implicit) sau la dreapta. Puteți alinia textul la marginea de sus, jos sau centru. Acest lucru este important, deoarece imaginea este o linie de text înaltă conform logicii jucătorului. Nu este posibil să scrieți mai multe rânduri lângă imagine pentru prima rundă! (De aceea există o soluție.)

Puteți da imaginii o dimensiune diferită de cea reală, fie în pixeli (va avea întotdeauna aceeași dimensiune), fie în procente (în funcție de dimensiunea ferestrei). Puteți da imaginii un cadru subțire sau gros, tastând border =. Dimensiunea cadrului este dată în pixeli, 10 m lățime. Puteți modifica ieșirea tastând alt =, care apare când accesați imaginea sau.

Aici imaginea nu va fi undeva pe pagină, ci va fi „hârtia” paginii, despre asta vom vorbi. Ca

un tapet. Nu este recomandabil dacă imaginea de fundal este prea clară sau contrastantă. În acest caz, literele vorbitorilor devin ușor ilizibile. Aveți imaginea sau întunecată și scrieți pe ea cu litere albe sau pastelate sau fiți ușoare pe cerneala întunecată. Trebuie testat.

Fundalul imaginii de fundal poate fi de mai multe tipuri: fie o imagine foto încețoșată, fie o imagine care poate fi absorbită (de exemplu, bule cu bule, notebook în carouri, model de machetă). Browserul ia această imagine și o pune una lângă alta și una sub cealaltă ori de câte ori celelalte materiale de pe pagină (imagini, text) necesită:

Și în acest caz imaginea este ascunsă lângă pagina noastră în același director, dar poate fi și o altă imagine. Textul = culoarea textului, linkul = punctele de conexiune dacă nu au fost încă vizualizate, vlink = dacă au fost deja vizualizate și alink = când tocmai am făcut clic. Puteți specifica culoarea în ordine roșu-verde-verde (RGB) cu numere de cifre hexazecimale. Fundalul unei pagini poate fi unul, deci este la începutul portbagajului, această pereche este un indicator al expansiunii corpului. Fundalul poate fi de o singură culoare, introduceți bgcolor = în același loc, de asemenea, în cod RGB. Acesta poate fi folosit în loc de background =, dar și lângă el! În acest din urmă caz, va apărea pe fundalul specificat, iar apoi imaginea va fi afișată la sosirea imaginii.

Negru # 000000 Gri deschis # 545454

Alb # 0000A8 Lumina slabă # 5454FF

Verde # 00A800 Halványzцld # 54FF54

Articol # 00A8A8 Halvnnyciбn # 54FFFF

Roșu # A80000 Hârtie scăzută # FF5454

Violet # A800A8 Halva # FF54FF

Maro # A85400 Sбrga # FFFF54

Gri deschis # A8A8A8 Alb #FFFFFF

Este ușor să amestecați alte culori de aici. Cu toate acestea, unele afișaje nu sunt capabile să rezolve culoarea pe 24 de biți și vor converti valorile rezultate în 16, 8 sau 4 biți.

Aveți grijă să nu faceți o astfel de conversie ilizibilă! (Uitați-vă la un monitor 256 culori (VGA) sau în tonuri de gri (monoVGA)!)

După semnul #, ne referim la o anumită parte a unei pagini HTML, care trebuie marcată cu semnul HTML corespunzător în fața paginii. Vii dintr-o lungă listă tematică. LA? și apoi jucătorul dă un parametru.

Există, de asemenea, câteva zeci de formate de imagine, din fericire o puteți vedea aici. Cele două standarde de stocare cele mai comune (și, apropo, suficientă) sunt acceptate în lumea HTML: GIF și JP (E) G. (Datorită UNIX, xbm este, de asemenea, dar este irelevant.)

GIF este mai vechi. Tot ce trebuie să știți este că procesul de compresie este fără pierderi, adică nu există erori în linia de conversie din imagine. Rezultă, desigur, că există limite pentru densitate. O altă greșeală este că știe doar 256 de culori. Puteți selecta aceasta dintr-o paletă mai mare, dar chiar și atunci puteți avea doar atât de multe culori deasupra - și asta poate fi puțin cu o schemă de culori subtilă. Este excelent pentru desene și desene.

JPEG este special conceput pentru fotografii. Folosește compresia cu pierderi, nu exact aceeași imagine pe care i-am dat-o. Aceasta deoarece ochiul uman pur și simplu nu a observat anumite defecte, acestea pot fi urmărite. Schimbul JPEG oferă o reproducere a culorilor de dimensiuni reduse și pe 24 de biți. JPEG nu se potrivește cu desenele, face multe greșeli și îl compară ușor cu dimensiunea fișierului (poate chiar îl mărește).

GIF-urile animate sunt genul de opțiuni de afișare a imaginii atunci când imaginea se mișcă. GIF89 știe acest lucru prin împletirea mai multor imagini pentru a crea o „animație” multifazică, cu o singură alergare, posibil într-un ciclu nesfârșit (după care unii dintre jucători se vor prăbuși în timp).

Există, de asemenea, un GIF întrețesut, ceea ce înseamnă că numai fiecare a doua linie a imaginii este afișată mai întâi, apoi este rafinată în continuare. Dacă ne grăbim, putem decide și din „conturul” dur dacă merită să așteptăm poza.

O opțiune interesantă și adesea utilizată este să umpleți GIF transparent, adică fundalul fundalului. Dacă convertiți fundalul neutru și solid într-o imagine transparentă, imaginea va fi chiar mai mult dintr-o parte a paginii, iar cadrul nu vă va păcăli. Posibilitățile descrise pot fi implementate de diferite utilitare (de ex. PhotoShop, Paint Shop Pro etc.).

Există programe care facilitează editarea, dar lasă totuși un fișier ASCII în același mod. Puteți crea cu ușurință pagini mai simple cu un editor de text. Aceasta are avantajul că pagina face exact ceea ce am vrut să facă și întreaga descriere este completă. Este important să știm că aspectul unei pagini citite pe web depinde nu numai de autorul paginii, ci și de configurarea propriului browser.

Structura unei pagini HTML arată astfel în conformitate cu regulile limbajului HTML: