Ndryshimi i sfondit të faqes në html. Sfondi i tejdukshëm duke përdorur css

Shfletuesit modernë ju lejon të shtoni në një element numër arbitrar imazhet e sfondit, duke renditur parametrat e çdo sfondi të ndara me presje. Mjafton të përdoret pronë universale sfond dhe specifikoni një sfond për të së pari dhe një të dytë të ndarë me presje.

Si të zgjasni sfondin në gjerësinë e plotë të dritares?

Për të shkallëzuar sfondin, përdorni veçorinë e madhësisë së sfondit, vendosni vlerën e saj në 100%, atëherë sfondi do të zërë të gjithë gjerësinë e dritares së shfletuesit. Për versionet më të vjetra të shfletuesve, duhet të përdorni veçori specifike me parashtesa, siç tregohet në shembullin 1.

Si të shtoni një imazh të sfondit në një faqe në internet?

Për të shtuar një imazh të sfondit në një faqe interneti, vendosni shtegun për imazhin brenda vlerës së url-së së veçorisë së stilit të sfondit, e cila nga ana tjetër shtohet në përzgjedhësin e trupit.

A është e mundur të krijoni një sfond të animuar?

Animacioni është një teknikë mjaft e fuqishme që mund të sjellë në jetë çdo dokument, kështu që nuk është për t'u habitur që teknologjia Flash, e cila shton karikaturat në faqet e internetit, dhe ndërkaq ato interaktive, është bërë jashtëzakonisht e popullarizuar. Format grafik GIF gjithashtu mbështet animacion i thjeshtë nga ndryshimi sekuencial i kornizave. Pra, duke përdorur një imazh në këtë format, është e mundur të animohen jo vetëm imazhe individuale, por edhe sfondi i një faqeje në internet ose një elementi specifik.

Së pari ju duhet të krijoni një foto të animuar në Formati GIF për çfarë mund ta përdorni programin Adobe Photoshop ose të tjera të përshtatshme për këtë qëllim. Ekzistojnë gjithashtu biblioteka me skedarë të gatshëm të animuar që mund të përdoren si imazh sfondi. Më pas, imazhi shtohet si sfond duke përdorur veçorinë e stilit të sfondit, siç tregohet në Shembullin 1.

Si të vendosni një imazh të sfondit në këndin e poshtëm të djathtë të faqes?

Për kontrollin e pozicionit foto sfondi Faqja përdor veçorinë e stilit të pozitës së sfondit, ajo cakton njëkohësisht koordinatat horizontale dhe vertikale të figurës. Për të anuluar përsëritjen e një imazhi të sfondit, përdorni veçorinë e pozicionit të sfondit me vlerën pa përsëritje.

Si ta bëni sfondin të mos përsëritet?

Si parazgjedhje, imazhi i sfondit përsëritet horizontalisht dhe vertikalisht, duke formuar një mozaik në të gjithë fushën e faqes së internetit. Megjithatë, kjo sjellje e sfondit nuk kërkohet gjithmonë, veçanërisht kur vendosni një imazh të vetëm, kështu që shtimi i një vlere pa përsëritje në vetinë e stilit të sfondit do të ndihmojë.

Si mund ta bëj që sfondi të përsëritet vetëm vertikalisht?

Përsëritja e sfondit zakonisht kërkohet për të krijuar linja dekorative ose gradientë që lidhen me lartësinë e një elementi ose dritareje të faqes së internetit. Në raste të tilla, përsëritja e sfondit vertikalisht siguron një pamje të qëndrueshme, pavarësisht nga madhësia e elementeve. Vetëm së pari duhet të shqetësoheni imazhi i sfondit përsëritet pa dështuar.

Për të krijuar një faqe interneti, një pyetje e rëndësishme është se si të krijoni një sfond në html. Kjo procedurë përfshin përdorimin e etiketave të caktuara - fjalë kodike dhe letra Falë tyre, ju mund të vendosni sfond të ndryshëm, bëjeni monokromatike - plotësoni ose vendosni ndonjë fotografi në vend të sfondit. Veprime të tilla do të jenë shumë të dobishme për të gjithë dizajnerët e paraqitjes, dhe për ata që vendosin të "vishen" vetë faqen e tyre të internetit.

Krijimi i sfondit

Përpara se të bëni sfondin e faqes në internet html, duhet ta hapni atë redaktori i tekstit kodi faqet html. Duhet të mbani mend se etiketat në faqe janë vendosur vertikalisht. Pastaj, midis etiketave … , ju duhet të vendosni një etiketë- këto etiketa janë të nevojshme për të qartësuar stilin e elementeve të një faqeje të caktuar ueb. Aktiv vendi i tre duhet të shkruhen pikat - trupi (background:) . Ky është një parametër që ju lejon të vendosni stile të ndryshme për sfondin e faqes. Mund ta kryeni funksionin e vendosjes së ngjyrave në dy mënyra. Së pari:

Trupi (sfondi:#000000) – sfondi i faqes tani duhet të jetë i zi.

Kjo metodë është gjithashtu e përshtatshme për vendosjen e ngjyrës dhe imazhit të sfondit. Është pas dy pikave që mund të vendosni ose një kod ngjyre ose një lidhje me figurën. Ose mund të përdorni një metodë që nënkupton vetëm vendosjen e një ngjyre - një mbushje specifike për faqen. Pas dy pikave duhet të shkruani të ashtuquajturin parametër - ngjyra. Dhe pas saj, vendosni kodin e vetë ngjyrës. Kjo metodë është e mirë nëse e përdorni si shabllon. Shkruani dhe ruajeni, dhe kur është e nevojshme, vendosni një ngjyrë dhe vendoseni në faqe.

Ju mund të vendosni në vend sfond i thjeshtë, Foto. Nëse duhet të zbuloni: në html, si të bëni një fotografi si sfond, atëherë duhet të bëhen operacione të ngjashme. Shkruani etiketa, vendosni trupin (sfondi: lidhja me foton). Duhet të kujtojmë se vetë fotografia mund të jetë kudo. Dhe në një faqe interneti në internet, por është më mirë të krijoni një dosje në rrënjën e dokumentit. Në dosjen në të cilën do të ruhen të gjitha informacionet në lidhje me faqen e faqes, duhet të krijoni një tjetër - për fotografi. Operacioni do të duket si ky:

Tani fotografia që keni zgjedhur do të jetë sfondi i të gjithë faqes së faqes. Shpresojmë që të kuptoni se si të krijoni një sfond në html. Thjesht provoni dhe gjithçka patjetër do të funksionojë!

Vendosja e një ngjyre sfondi dhe/ose imazhi për një faqe ose elementin e saj individual është mjaft i thjeshtë. Gjëja kryesore është të dini se ku dhe si ta bëni këtë, si dhe të keni një kod ngjyrash dhe/ose imazh të sfondit. Është e mundur që ju të mësoni shumë gjëra të reja nga ky artikull, por unë e krijova atë posaçërisht për fillestarët. Prandaj, gjithçka do të jetë sa më e shkurtër dhe e detajuar në të njëjtën kohë. Gjëja kryesore është që ju do të merrni jo vetëm ide e pergjithshme Dhe shembuj të gatshëm, por edhe një kuptim se si të krijoni një sfond në HTML.

Për të vendosur sfondin në HTML përdorni DOCTYPE të ndërmjetme

Dhe do të filloj me faktin se në HTML5 nuk është e mundur të vendoset. U vendos që kjo veçori të shtohej në CSS. Prandaj, nëse planifikoni të përdorni sa vijon dhe dëshironi të merrni kodin e vlefshëm (të saktë), duhet të zgjidhni llojin e dokumentit kalimtar. Për ta bërë këtë, faqja juaj e internetit duhet të fillojë me rreshtin e mëposhtëm:

Kalimtare//EN" "http://www.w3.org/TR/html4/loose.dtd">

Me këtë jashtë rrugës, le të kalojmë për të kuptuar se si krijohet sfondi. Dhe gjëja e parë që duhet vënë re këtu është ndryshimi midis ngjyrë e sfondit Dhe foto sfondi. Në fillim shkon ngjyrë e sfondit, që vërshon gjithçka hapësirë ​​në dispozicion faqe ose elementi i saj. Mbivendosur mbi të është një përsëritje foto sfondi. Vizualisht kjo mund të përshkruhet si më poshtë:

Sfondi i një dokumenti HTML dhe elementet e tij

Gjëja e dytë që duhet të dini është ndryshimi midis trupi i dokumentit Dhe element dokumenti. Trupi i dokumentit tregohet në kodin HTML të një faqe interneti nga etiketa BODY, e cila përfshin të gjithë përmbajtjen e faqes së internetit. Natyrisht, sfondi i trupit të dokumentit nuk mund të jetë transparent. Nëse sfondi i trupit të dokumentit nuk është specifikuar, përdoret vlera e paracaktuar e specifikuar në cilësimet e shfletuesit.

Elementet e faqes janë brenda etiketës BODY. Vlen të përmendet se mund të vendosni ngjyrën dhe/ose imazhin e sfondit duke përdorur HTML Kjo nuk është e mundur për të gjithë elementët e dokumentit. Për shembull, një imazh i sfondit mund të specifikohet vetëm për tabela. Si parazgjedhje, ato zakonisht kanë një sfond transparent.

Atributi bgcolor për të krijuar një ngjyrë të sfondit

Te pyesesh ngjyrë e sfondit dokumenti ose elementet e tij përdorin atributin bgcolor, për shembull:

NË në këtë rast vendosim ngjyrën e sfondit për faqen në tërësi. Dhe këtu është një shembull se si të vendosni ngjyrën e sfondit për një tabelë në etiketën TABLE:

Vlen të përmendet se ngjyra e sfondit në tabelë mund të specifikohet për të dy rreshtat në etiketën TR dhe për qelizat e tyre në etiketën TD.

Si të zbuloni kodin e ngjyrave?

Ju ndoshta e keni vënë re tashmë se ngjyra në HTML është vendosur në një të veçantë kodi, për shembull: #ec008c . Për të gjetur kodin e ngjyrës që ju nevojitet, mund të përdorni një nga redaktuesit grafik. Për shembull, në Photoshop mund të përdorni " Mjet për pikakë sysh» (Pietë) për të marrë ngjyrë nga një pikë në figurë. Më pas, duhet të klikoni ngjyrën që rezulton në shiritin e veglave dhe në dritaren që hapet " Zgjedhësi i ngjyrave» (Zgjedhja e ngjyrave) kopjoni kodin e ngjyrës.

Ju lutemi vini re se ky kod nuk do të ketë një shenjë paund (#) në fillim, kjo shenjë do të duhet të shtohet manualisht.

Ju gjithashtu mund të përdorni të shumta shërbimet online, Për shembull:

• etj.

Parimi i tyre i funksionimit është edhe më i thjeshtë - klikoni ngjyra e dëshiruar dhe merrni kodin e tij.

Atributi i sfondit për të krijuar një imazh të sfondit

Njëlloj si në rastin e ngjyrës së sfondit, dhe në rastin e foto sfondi, Ju duhet të përdorni atribut i veçantë, përkatësisht sfond, për shembull:

Në këtë rast, ne po vendosim një imazh të sfondit për faqen në tërësi. Vlen të përmendet se për shkak të kufizimit të madhësisë së imazhit, ajo do të përsëritet, për shembull:

Siç mund ta shihni, kur përsëritet, kalimi midis fotografive është i dukshëm. Prandaj, ato përdoren shpesh foto të veçanta, ku merret parasysh kjo pikë.

Dhe këtu është një shembull se si të vendosni një imazh të sfondit për një tabelë në etiketën TABLE:

Vlen të përmendet se imazhi i sfondit mund të vendoset vetëm për tabelën në tërësi dhe/ose qelizën e saj individuale. Kjo nuk do të funksionojë për një varg.

Rruga absolute dhe relative drejt imazhit të sfondit

Vlen të kushtohet vëmendje e veçantë adresa e imazhit të sfondit. Në këtë rast, përdoret një rrugë relative për imazhin, d.m.th. Adresa specifikohet në lidhje me vendndodhjen e skedarit të imazhit për skedarin e faqes së internetit. Ky opsion nuk mund të quhet veçanërisht i suksesshëm. Më e mira për t'u përdorur rrugë absolute tek fotografia, d.m.th. URL-ja e tij e plotë, Për shembull:

Në këtë rast, nuk do të keni asnjë problem të lidhur. Ju mund të lexoni më shumë për këtë.

Le ta përmbledhim

Përdorimi i atributeve bgcolor dhe sfondit është i vjetëruar, kështu që për vlefshmërinë e kodit HTML do t'ju duhet të përdorni DOCTYPE kalimtare. Për detyrën ngjyrë e sfondit në përdorimet HTML kode të veçanta, të cilën mund ta zbuloni në redaktues grafik ose duke përdorur shërbime të veçanta online. Imazhi i sfondit kopjohet brenda zonës së caktuar për të dhe shtrihet në krye të ngjyrës së sfondit. Për të specifikuar një imazh të sfondit, është më mirë të përdorni URL-në e tij të plotë. Kaq kam. Faleminderit per vemendjen. Paç fat!

NË sfond html ato nuk janë të specifikuara për sitin, kjo është shkruar duke përdorur stilet CSS, por ky është vetëm një formalitet teorik. Tani le të zbulojmë se si ta përcaktojmë këtë sfond.

Sfondi për një faqe interneti ose një bllok të veçantë

Meqenëse na duhet një skedar css për të arritur këtë qëllim, duhet ta krijojmë dhe ta lidhim me html. Kjo është shkruar për në. Pas kësaj mund të filloni të punoni. Së pari, duhet të vendosni se ku dëshironi të vendosni sfondin. Nëse e gjithë faqja në tërësi, atëherë mund ta bëni si kjo:

Trupi (ngjyra e sfondit: e bardhë; )

Kjo do të thotë, ne hyjmë në etiketën e trupit, e cila përfaqëson të gjithë faqen tonë. Për të vendosur ngjyrën e sfondit, përdorni veçorinë e ngjyrës së sfondit. Por, çka nëse ju duhet ta vendosni sfondin në një model dhe jo në një ngjyrë të fortë? Atëherë duhet ta shkruani kështu:

Trupi (imazhi i sfondit: url (rruga drejt figurës. zgjerimi i figurës) )

Për qartësi, unë propozoj të shikojmë gjithçka në më shumë detaje duke përdorur një shembull. Për këtë unë do të përdor këtë imazh:

Për shembull, background-image: url(comp.png) . Në këtë shembull, ne vendosëm një imazh të sfondit të quajtur comp (kështu e quajta unë) format png, i cili ndodhet në të njëjtën dosje me skedarin css.
Në html do të krijoj një bllok të personalizuar me dimensione specifike për të demonstruar funksionimin e vetive CSS.

Dhe këtu janë stilet për të:

#ct (imazhi i sfondit: url(comp.png); gjerësia: 600 px; lartësia: 400 px; )

Ja çfarë kemi:

Pse eshte ajo? Fakti është se si parazgjedhje shfletuesi përsërit imazhin kaq shumë herë për të mbushur plotësisht bllokun. Ndonjëherë kjo është e nevojshme, për shembull, kur përdorni modele pa probleme, por në rastin tonë duhet të ketë një fotografi. Për fat të mirë, kjo mund të menaxhohet shumë lehtë.

Përsëriteni sfondin

Nëse keni një imazh si sfond, atëherë si parazgjedhje ai do të përsëritet horizontalisht dhe vertikalisht për të mbushur të gjithë hapësirën e faqes. Për ta hequr këtë, përdorni veçorinë e përsëritjes së sfondit dhe vlerën e saj të mos përsëritjes. Ekzistojnë gjithashtu vlerat e mëposhtme:

• Përsëriteni-x – përsërisni vetëm horizontalisht
• Përsëriteni-y – vetëm vertikale

Le t'i shtojmë vetive të sfondit tonë grafik:

Sfondi-përsërit: pa përsëritje;

Pozicioni

Vetia background-position përcakton vendndodhjen ku do të vendoset imazhi. Dy vlera janë specifikuar këtu - horizontalisht dhe vertikalisht. Shembuj: background-position: poshtë djathtas– pozicioni në këndin e poshtëm djathtas, lart-majtas – në këndin e sipërm të poshtëm (dhe kështu si parazgjedhje), 250px 500px – zhvendosur nga e majta këndi i sipërm djathtas me 250 piksele dhe poshtë me 500.

Le t'i shohim më mirë shembujt:

Pozicioni i sfondit: lart djathtas;

Fotografia do të zhvendoset në skajin e sipërm të djathtë. I dhashë bllokut gjithashtu një sfond të verdhë në mënyrë që të shiheshin skajet e tij.

sfond-pozicion: 50% 50%;

Imazhi u shfaq saktësisht i përqendruar në bllokun e tij. Po, po, kjo është e mundur edhe falë regjistrimit në përqindje të pozicionit.

sfond-pozicion: 70% 20%;

Sfondi zhvendoset me 70% horizontalisht dhe 20% vertikalisht.

Lejohet gjithashtu të specifikoni një vlerë pozicioni negativ në pixel. Kjo mund të bëhet, për shembull, kur përdorni një imazh të madh sprite dhe ju duhet të vendosni pjesën e kërkuar të këtij sprite në një bllok.

Blloko sfondin

Gjithashtu më pëlqen shumë një pronë e quajtur sfond-bashkëngjitje. Ka vetëm dy vlera dhe e para është e paracaktuar (lëvizni). Kjo do të thotë që ndërsa lëvizni faqen, sfondi gjithashtu do të lëvizë, dhe nëse përdorni një imazh pa përsëritje, ai përfundimisht do të përfundojë dhe do të jetë thjesht një ngjyrë e fortë.

Për të parandaluar që kjo të ndodhë, është specifikuar bashkëngjitja e sfondit: fixed dhe tani sfondi ynë është fiksuar në mënyrë të sigurt në vend. Kjo mund të krahasohet me mënyrën se si të përcaktohet një pozicion fiks për një bllok në mënyrë që të mos zhduket nga faqja kur lëviz.

Një version i shkurtuar i gjithë kësaj mirësie

Ne kemi diskutuar shumë veti që ju lejojnë të krijoni një sfond, por nëse i përdorni të gjitha, përfundoni me një regjistrim të rëndë. Ekziston një zgjidhje shumë elegante. Vetia e sfondit ju lejon të shkruani një hapësirë ​​të ndarë cilësimet e nevojshme në këtë renditje:
Sfondi: pozicioni i kunjit të përsëritur të imazhit me ngjyra;
Dhe tani gjithçka mund të shkruhet kështu:

Sfondi: url e verdhë (comp.png) pa përsëritje 20% 100 pikselë;

Nëse disa pronë nuk kanë nevojë të përcaktohen, atëherë ajo thjesht hiqet (në rastin tonë, ne nuk kemi shkruar sfond-bashkëngjitje).

Shumë prejardhje

Po sikur të keni nevojë për disa fotot e sfondit? Ndodh, çfarë mund të bësh? Sot CSS e mbështet këtë veçori. Le ta provojmë edhe atë. Le të marrim këtë ikonë

E quajta laptop.

Dhe këtu është kodi për të futur multifonin:

Sfondi: url(comp.png) pa përsëritje 20% 100 px, url(laptop.png) pa përsëritje 50% 50%; ngjyra e sfondit: e verdhë;

Siç mund ta shihni, thjesht duhet të vendosni një presje pas imazhit të parë dhe të futni cilësimet për të dytën. Në këtë rast, është më mirë të vendosni veçmas një ngjyrë të fortë.

Në të njëjtën mënyrë, mund të regjistroni sa më shumë fotografi që dëshironi, por mos e teproni - shumë grafika nuk janë shumë të mira.

Këtu do të doja ta mbyllja këtë artikull. Ju mund të bëni shumë gjëra të tjera interesante me sfond, unë do të përpiqem të shkruaj për to në të ardhmen (dhe unë kam shkruar tashmë diçka - për shembull,).

Mirësevini në blogun tim. Ne vazhdojmë të kuptojmë bazat e html. Ky tutorial do të jetë aq i thjeshtë dhe interesant sa shpresoj se do të dëshironi të mësoni më shumë rreth gjuhëve të programimit. Në vetëm disa minuta do të mësoni se si të bëni një fotografi si sfond në HTML dhe të arrini rezultate të shkëlqyera.

Do të flas edhe për disa nuanca që do ta bëjnë sfondin sa më të lëmuar dhe të bukur. Epo, të fillojmë?

Përzgjedhja e një fotografie

Do të doja të filloja duke zgjedhur një imazh. Në mënyrë që të dukeni më të njëtrajtshme dhe më të bukura në faqe dhe të mos shqetësoheni me madhësitë dhe shtrirjen. Unë sugjeroj që menjëherë të kërkoni tekstura pa probleme. Cfare eshte?

Fatkeqësisht, është e pamundur të shtrihet një imazh në html për të mbushur të gjithë ekranin. Fotografia është përdorur në madhësinë reale. Nëse fotografia është e vogël, atëherë ajo do të mbulojë të gjithë zonën, si në pamjen e mëposhtme të ekranit. Për të shtrirë imazhin, do të duhet të krijoni një shtesë dokument css, pa këtë nuk do të funksionojë.

Edhe pse, ju keni mundësinë për të anashkaluar sistemin. Për ta bërë këtë, përdorni Photoshop dhe fotot deri në gjerësinë e ekranit (1280x720). Edhe pse në këtë rast, kur lëvizni poshtë, fotografia do të zëvendësojë një tjetër.

Shumë opsioni më i mirë, nëse nuk dëshironi të përdorni css, do të ketë një përdorim të teksturave pa probleme. Ata nuk kanë ndonjë nyje të dukshme. Ato janë si letër-muri apo pllaka moderne në dizajn. Njëra zëvendëson tjetrën dhe nuk duken nyje.

Nëse jeni të interesuar për mungesën e pasojave ligjore për përdorimin e tyre, atëherë ju rekomandoj të kërkoni në faqen e internetit Pixabay.com .

HTML

Tani le të punojmë me kodin. Duhet të theksoj menjëherë se tani po punojmë me html, domethënë po ndryshojmë imazhin jo për të gjithë faqen, por vetëm për një faqe specifike, për të cilin është shkruar kodi. Nëse jeni të interesuar të ndryshoni të gjithë burimin, atëherë duhet të kodoni duke përdorur css, Por më shumë për këtë më vonë.

Pra, ju mund të punoni në notepad, unë preferoj NotePad++. Është shumë më i përshtatshëm për të punuar në të: kodi është përfunduar për ju, etiketat janë të theksuara. Programi është falas dhe peshon rreth 3 MB. Unë e rekomandoj shumë, veçanërisht nëse jeni fillestar.

Pra, te etiketa trupi ju duhet të shtoni atribut sfond dhe tregoni një lidhje me imazhin nga do të merret fotografia. Kështu duket në program.

Thjesht mund të hapni bllokun e shënimeve dhe të kopjoni këtë kod. Në thonjëza, vendosni një lidhje me foton që ju pëlqen.

Do të doja të theksoja për fillestarët, kjo është pika. Nëse merrni një imazh nga Pixabay, atëherë duhet të ngjisni lidhjen jo në faqen me imazhin, por të hapni imazhin në skedën tjetër.

Kopjo këtë URL të saktë.

Ruani dokumentin. Mos harroni se nëse përdorni bllokun e shënimeve, duhet të përdorni shtesën .html . Thjesht emërtoni dokumentin, për shembull, mbrapa.html . Përndryshe do të ruhet si Dokument teksti dhe shfletuesi thjesht nuk do të kuptojë se çfarë duhet të bëjë.

U krye, faqja është e mbushur me një ngjyrë të ndryshme.

Nëse dëshironi të mësoni më shumë rreth html, ju sugjeroj ta shkarkoni kurs falas Evgenia Popova . Prej tij do të mësoni më shumë etiketa, aftësi gjuhësore, do të provoni disa teknika të reja dhe do të dini më shumë.

Nuk do të them që kurset e Evgeniy Popov janë jashtëzakonisht të njohura. Shumë ekspertë e qortojnë, dhe nëse keni hasur në deklarata të tilla, atëherë këtu është mendimi im. Këto mësime ofrohen pa pagesë dhe përkundër kësaj ata bëjnë një detyrë të shkëlqyer të detyrës së tyre kryesore - t'i tregojnë fillestarit bazat dhe ta përditësojnë atë.

Ashtu si çdo shkrimtar ka pikëpamjen e tij se si të shkruajë, ashtu edhe programuesit kanë stilin e tyre. Ju mund të kaloni gjithë jetën tuaj duke mësuar se si të krijoni faqe interneti, por duhet të filloni diku. Nga librat? Jo kjo. Po, ato përmbajnë informacione më të besueshme, informacione të përditësuara, por janë kaq të vështira për t'u zotëruar.

Nuk jeni dakord me mua? Unë mund të ofroj një alternativë. Libër nga Elizabeth dhe Erica Freeman Mësoni HTML, XHTML dhe CSS " Nuk është një bestseller shumë i mërzitshëm dhe u publikua jo shumë kohë më parë, në 2016. Informacioni nuk është bërë ende i vjetëruar.

CSS

Nëse keni nevojë që sfondi të përsëritet në të gjitha faqet e faqes tuaj, atëherë CSS është një domosdoshmëri. Sigurisht, ju mund të specifikoni rrugën çdo herë, si në kapitullin e mëparshëm. Por imagjinoni nëse me kalimin e kohës ju duhet ta zëvendësoni atë: lidhja bëhet e vjetëruar ose thjesht dëshironi të ndryshoni modelin. Shkoni në çdo faqe dhe ndryshoni kodin? Kjo nuk do të funksionojë.

CSS ndihmon në zgjidhjen e këtij problemi. Ju duhet të krijoni një skedar me shtrirje css dhe të futni kodin e mëposhtëm:

Le të flasim pak për vetë kodin. Në kllapa, pas url mund të futni një lidhje me imazhin nga burim i palës së tretë, ose thjesht emri i dokumentit, nëse fotografia është në të njëjtën dosje me këtë skedar.

Për ata që duan të dinë më mirë

Me css mund të shtriheni imazhi i sfondit , sigurohuni që të mos përsëritet, shtoni animacion GIF dhe shumë më tepër.

Ju nuk mund të shkruani gjithçka në një artikull. Dhe unë nuk i vura vetes një detyrë të tillë. Ka shumë hollësi, dhe nëse premtojnë t'ju tregojnë gjithçka në një artikull, atëherë kjo nuk është asgjë më shumë se një mashtrim.

Dëshironi të mësoni se si të shkruani saktë faqet e internetit? Unë ju rekomandoj që të mësoni gjuhë programimi. Unë mund të rekomandoj kursin e Andrey Bernatsky " HTML5 dhe CSS3 nga Zero në Pro " Më pëlqen shumë ky autor. Unë nuk e mora këtë kurs të veçantë disa vite më parë, kishte diçka të ngjashme, por më pak moderne.

Autori flet shumë bukur, gjithçka është e lehtë dhe e kuptueshme. Pika kryesore e këtij kursi është se ju nuk studioni vetëm, por krijoni një faqe interneti specifike së bashku me mësuesin. Si rezultat, ju do të merrni një kartëvizitë, një blog dhe madje edhe një dyqan online. Shumë i lezetshëm. Ju mund t'i shikoni tre mësimet e para teorike mbi HTML5 nga ky kurs këtu dhe tani.

Nga rruga, së bashku me këtë kurs ju merrni 7 bonuse: bazat e html dhe css nga Andrei Bernatsky, paraqitjen për fillestarët, krijimin e një faqeje ulje në një mbrëmje dhe shumë më tepër. Përpara se të angazhoheni në trajnime serioze, provoni kursin falas " Praktikoni HTML5 dhe CSS3 ».

Epo, kjo është në thelb e gjitha. Regjistrohu në buletinin për të mësuar më shumë. Shumë shpejt do t'ju tregoj pak më shumë rreth faqosje adaptive, rrisni fitimet nga çdo blog dhe ju japim shumë këshilla të dobishme për thjeshtimin e punës. Shihemi sërish dhe suksese në përpjekjet tuaja.