Kā Izveidot Fona Attēlu Vietnē

Satura rādītājs:

Kā Izveidot Fona Attēlu Vietnē
Kā Izveidot Fona Attēlu Vietnē

Video: Kā Izveidot Fona Attēlu Vietnē

Video: Kā Izveidot Fona Attēlu Vietnē
Video: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, Novembris
Anonim

Vietnes veidošanas pamatus varat apgūt patstāvīgi; internetā un grāmatās ir pietiekami daudz informācijas par šo tēmu. Tomēr sākotnējā posmā bieži rodas grūtības izmantot vienu vai otru tagu. Patiešām, visizplatītākās sastāvdaļas vislabāk tiek atcerētas, jo tās ir būtiskas, rakstot jebkuru vietni.

Kā izveidot fona attēlu vietnē
Kā izveidot fona attēlu vietnē

Instrukcijas

1. solis

Atlasiet attēlu, kuru vēlaties izmantot kā fona attēlu. Ja jūs plānojat ievietot tekstu virs ilustrācijas, tad šajā gadījumā ieteicams aprobežoties ar opcijām bez pārmērīgas raibas, kurās tiek izmantotas vairākas krāsas, kurām ir tuvs raksturs. Principā, lai novērstu viļņošanos, varat izveidot satura "fonu" - un problēma tiks veiksmīgi atrisināta.

2. solis

Labojiet attēlu, izmantojot Adobe Photoshop. Kad esat pabeidzis, izvēlnē Fails izvēlieties komandu Saglabāt tīmeklim un atlasiet vajadzīgo mapi. Ja šis ir pirmais vietnei izmantotais attēls, automātiski tiek izveidota mape "Attēli".

3. solis

Tagā ierakstiet atribūtu background = "path to image". Ieraksta piemērs: vai. Tajā pašā laikā paturiet prātā, ka tagam kodā jāparādās tikai vienu reizi, to nedrīkst pavairot.

4. solis

Saglabājiet izmaiņas bloknotā, pārlūkprogrammā noklikšķiniet uz pogas "Atsvaidzināt". Ekrānā parādīsies fona attēls. Ja attēla izmēri ir mazāki par tīmekļa lapas parametriem, attēls tiks dublēts tik reižu, cik nepieciešams, lai aizpildītu visu vietu. Ir divi veidi, kā novērst šo trūkumu:

• izmantojot Adobe Photoshop programmu, iestatiet nepieciešamos attēla parametrus pikseļos ("Image" - "Image size");

• HTML kodā iestatiet vajadzīgos izmērus.

Piemēram, ja platums ir 1250 pikseļi un augstums 650 pikseļi, tad jāpievieno nepieciešamie atribūti tabulas šūnai, kurā tiks ievietots attēls.

Tagā nevar iestatīt izmēru - attēls vienmēr tiks parādīts pilnā izmērā.

5. solis

Kopiju analogs fona attēla ievietošanai:

fona attēls

BODY {

fona attēls: url (images / bg.jpg);

}

Atribūts "background-image: url (images / bg.jpg)" ir ceļš uz fona attēlu.

Ieteicams: