Închide anunțul

Săptămâna trecută, în episodul pilot al seriei Cum să creezi un site web simplu, am abordat elementele de bază. Am analizat înregistrarea pentru serviciul Sayweb.page, am ales un șablon și am modificat primul text, împreună cu imaginile. În a doua parte de astăzi, vom reveni la imagini pentru o clipă - vom discuta despre cât de mari ar trebui să fie și, de asemenea, despre cum pot fi utilizate în mediul Sayweb.page Apoi vom analiza posibilitatea de a schimba designul altor elemente, cum ar fi texte, butoane etc. Așadar, să trecem direct la subiect.

Editarea imaginilor

Rareori se întâmplă ca o imagine pe care o faci sau, poate, descărcată de undeva, să îndeplinească imediat toate cerințele tale. În cele mai multe cazuri, trebuie să utilizați un editor grafic pentru a edita imagini - de exemplu, decupați, reduceți sau modificați culorile acestora. Deși s-ar putea să nu pară așa la prima vedere, imaginile sunt una dintre părțile cele mai laborioase ale site-urilor web. Înainte să-l găsești adesea pe cel potrivit și înainte să-l găseștionec, poate dura o veșnicie. Dacă ești unul dintre acei utilizatori care nu lucrează la calculator pentru a-și câștiga existența, atunci cel mai probabil nu ai niciun editor grafic. Totuși, în cazul Saywebpage nicio problemă, deoarece poți edita cu ușurință imagini direct în mediul său.

Dacă doriți să editați o imagine, faceți clic pe ea în mediul site-ului web. Apoi, în meniul din dreapta, selectați opțiunea Editare imagine. După ce faceți clic pe această opțiune, veți apărea imediat într-un mediu simplu unde puteți, de exemplu, să decupați, să rotiți, să oglindiți sau să ajustați culorile imaginii selectate. Dacă doriți să faceți una dintre aceste ajustări, comutați la o secțiune specifică din stânga. Dacă selectați opțiunea Decupare, puteți alege dintre mai multe formate de decupare sau puteți decupa imaginea după cum doriți - fără proporție. În secțiunea Rotire și oglindire, puteți roti imaginea la stânga sau la dreapta sau o puteți oglindi pe verticală sau pe orizontală. În secțiunea Editare culori, puteți seta luminozitatea, contrastul, nuanța, saturația, sepia, estomparea sau suprapunerea culorilor. Dacă trebuie să obțineți un contrast mai mare între imagine și text, instrumentul de suprapunere culori este ideal - acesta va îmbunătăți lizibilitatea textului. După ce ați terminat editările, atingeți Confirmare editări în colțul din stânga sus.

Ce imagini sa incarci?

Înainte de a încărca o imagine, există câteva lucruri pe care trebuie să le știi și să le respecți. Este important de reținut că fiecare utilizator care accesează site-ul tău web trebuie mai întâi să descarce tot conținutul acestuia. Cu cât conținutul paginii este descărcat mai repede, cu atât utilizatorul este mai fericit. Poți asigura o viteză mare de încărcare încărcând pe site-ul tău web imagini care nu sunt foarte mari. În același timp, însă, este necesar ca imaginile să fie de bună calitate - altfel, acestea ar putea descuraja utilizatorii. În cazul Sayweb...page Totuși, practic toate aceste probleme și complexități sunt lăsate deoparte. Dacă intrați în interfața Saywebpage Când încărcați o fotografie, sistemul se va asigura că aceasta este afișată la dimensiunea ideală – atât pe computer, tabletă sau dispozitiv mobil. Mai exact, serviciul Saywebpage nu recomandă încărcarea imaginilor mai mari de 8 MB. În ceea ce privește dimensiunea pixelilor, imaginile nu ar trebui să depășească 2000 de pixeli – mediul Saywebpage Orice imagine cu pixeli mai mari va fi „micșorată”, deci aceasta este cea mai mare dimensiune posibilă.

saywebpage
Sursa: editori Letem svetem Applem

Dacă imaginile sunt în carouri

În cazul în care vă aflați în interfața Saywebpage Dacă ați încărcat o imagine și ați constatat că nu se afișează așa cum doriți, există practic o singură posibilitate în care s-ar fi putut produce o eroare. Imaginea pe care ați încărcat-o are o calitate sau o rezoluție scăzută. După cum am menționat mai sus, nu vă fie teamă să intrați în mediul Sayweb.page Încărcați o fotografie mai mare. În orice caz, aparatul se va asigura că imaginea este ideal redusă sau adaptată pentru fiecare dispozitiv în parte. Așadar, dacă imaginea apare în carouri, încercați să o încărcați din nou la o calitate și o rezoluție mai mari.

Caracteristici Aspect

Puteți seta un aspect special pentru diverse elemente de text, cum ar fi titluri sau subtitluri. În acest caz, acestea includ umbre de text, schimbări de culoare și multe altele. Dacă doriți să schimbați aspectul acestor elemente, trebuie doar să faceți clic pe unul dintre ele, apoi să treceți la secțiunea numită Aspect din panoul din dreapta. Aici puteți seta un efect vizual special sub formă de umbre sau decorațiuni de text. Dacă reușiți să setați aspectul elementelor, rezultatul poate arăta cu adevărat interesant. În același mod, puteți „condimenta” alte elemente de pe pagină, cum ar fi butoane, componente de formular și multe altele. Și în aceste cazuri, trebuie doar să faceți clic pe elementul pe care doriți să îl editați, apoi să selectați secțiunea Aspect din meniul din dreapta. Pe lângă umbră și decorațiuni, puteți seta, de exemplu, culori (text sau fundal), decorațiuni, umbră sau dimensiunea bordurii pentru buton.

Concluzie

Asta e tot din a doua parte a seriei Cum să creezi un site simplu pentru astăzi. După această parte, ar trebui să poți lucra cu imaginile de pe site-ul tău și, de asemenea, nu ar trebui să ai nicio problemă cu personalizarea aspectului anumitor elemente găsite pe pagina ta. În cea de-a treia parte, care va apărea din nou în revista noastră peste o săptămână, vom analiza cum să adăugați noi secțiuni în pagină, formularul de contact, cum să setați numărul de coloane din secțiune sau, poate, cum să adăugați o altă secțiune. pagina către site-ul web. Așa că cu siguranță continuă să urmărești revista noastră, pentru a nu rata următoarea parte.

Citește mai departe

Mai multe din categoria Serii

Cel mai citit de azi

.