Gären Site: wéi den Hannergrond Bild ze maachen HTML

Vill onerfueren Web Design, just an der Essenz vun der Kreatioun vun Siten ze verdéiwen, oft wonneren wéi HTML Hannergrond Bild ze maachen. A wann e puer vun hinnen mat dësem Problem vill kann, ass et nach e Problem an der Zäit vun Béi déi ganz Breet vum Bild op de Monitor. Gläichzäiteg géif ech gären de Site ze gesinn sinn identically op all Browser ugewisen, datt et soll d'Ufuerderunge vum Kräiz-Browser erfëllen. Du kanns den Hannergrond an zwou Méiglechkeeten Formatioun: mat HTML an CSS ënnerstëtzen. All fir selwer sicht déi beschten Optioun. Natierlech, ass CSS Stil vill méi praktesch, well seng Code an e separat Datei gespäichert ass an huelen net extra Spriecher vun der Haaptrei Site d'Tags weider, mä éischt Loosst eis fir installéiert Bild op den Hannergrond vum Site eng einfach Method betruecht.

Basis HTML Hannergrond ze schafen

Also, mir ginn op d'Fro, wéi de Hannergrond Bild am HTML ze maachen op de Bildschierm. Fir schéin Site ze kucken, muss een eng zimlech wichteg Detail verstoen: et genuch ass just e Temperaturgefäll Hannergrond ze maachen oder et staark Faarf molen, mä wann Dir Hannergrond Bild ze opginn brauchen, ass et déi voll Breet vun der Monitor net zéien. D'Bild gouf ursprénglech néideg fir Kiischt oder an Ärem eegenen Design mat dëser Extensioun maachen, an deem Dir Säit vum Site Kaart gëtt. Nëmmen wann Hannergrond Bild bereet ass, souvill et an engem Dossier genannt «Biller». An et, da späichere mir all benotzt Biller, Animatioun an aner Fichier'en. Dësem Dossier soll am root Dossier mat all Äre HTML Fichieren etabléiert ginn. Elo kënnt Dir op an dem Code plënneren. Et gi verschidde Méiglechkeeten fir schrëftlech Code, vun deem Hannergrond gëtt d'Bild änneren.

1. Schreiwen Tag Spezialfäegkeeten.
2. Duerch CSS Stil vun der HTML Code.
3. Schreiwen CSS ze ënnerstëtzen an eng separat Fichier.

Wéi an der HTML Hannergrond Bild ze maachen, Dir décidéieren, mä ech géif e puer Wierder iwwer ze soen wëll wéi et déi optimal wier. Déi éischt Method ass déi duerch eng Tag Spezialfäegkeeten geschriwwen huet laang empfond gouf. Déi zweet Optioun ass ganz dacks benotzt, well et vläit dass vill vun der selwechter Code. Eng drëtt Méiglechkeet ass déi gemeinsam an efficace. Hei si Beispiller vu HTML:

1. Déi éischt Sortie Method duerch Tag Spezialfäegkeeten (Kierper) an index.htm Fichier. (Kierper Hannergrond = "folder_name / Nazvanie_kartinki.rasshirenie") (/ Kierper): Et ass an dëser Form gespäichert. Dat ass, wa mer eng Foto mat den Titel «Picture» an Extensioun JPG hunn, an der Dossier mir «Biller» genannt, da der HTML-Code Element gëtt esou kucken: (Kierper Hannergrond = "Biller / Picture.jpg") ... (/ Kierper) .
2. Déi zweet bezitt engem CSS Stil opzehuelen, mä et ass an der selwechter Datei mam Numm index.htm geschriwwen. (Body Stil = "Hannergrond: URL (" ../ Biller / Picture.jpg ")").
3. Déi drëtt Method vun Opnahmen ass an zwee Fichier'en feieren. D'Dokument mat den Numm index.htm Tag (Kapp) ass esou eng Linn geschriwwen: (Kapp) (Link rel = "Virlag" Typ = "Text / CSS" href = "http: // Site / Artikel / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ Kapp). Eng Datei mam Numm style.css Stil schon schreiwen: Kierper {Hannergrond: URL (Biller / Picture.jpg ")}.

Wéi an der HTML Hannergrond Bild ze maachen, verstinn mir. Elo brauchen iech Figur eraus wéi d'Bild an der Breet vum ganze Écran ze zéien.

Weeër Hannergrond Bild op d'Breet vun der Fënster ze zéien

Mir vertrieden eist Écran an der Form vun engem Prozentsaz. Et stellt sech eraus, datt déi ganz Breed an Längt vum Écran 100% × 100% ginn. Mir brauchen d'Bild op dës Breet ze zéien. Artikel fir d'Bild opzehuelen style.css Linn dass d'Bild iwwer déi ganz Breet an Längt vun der Monitor zéien gëtt. Wéi et ass an CSS Stil geschriwwen? Et ass einfach!

Kierper

{

Hannergrond: URL (Biller / Picture.jpg ")

Hannergrond-Gréisst: 100%; / * Dëst Post ass fir déi meescht modern Browser gëeegent * /

}

Sou Verantwuertlechen mer aus wéi eng Foto Hannergrond am HTML op Écran ze maachen. Et gëtt och eng Method am index.htm Fichier vun opzehuelen. Wann dës Method an aktuell, mä fir Ufänger ass et néideg ze wëssen an ze verstoen. D'Tag (Kapp) (Stil) Divisiounen {Hannergrond-Gréisst: Cover; } (/ Style) (/ Kapp), heescht dat Rekord datt mir eng speziell Unitéit fir Hannergrond léinen, déi iwwer de ganze Breet vun der Fënster hir ginn. Mir hunn zwou Méiglechkeeten considéréiert, wéi e Bild Hannergrond HTML Site ze maachen, sou datt d'Bild op déi ganz Breet vum Écran an all vun der moderner Browser hat ass.

Wéi eng fix Hannergrond ze maachen

Wann Dir décidéiert eng Foto als Hannergrond vun der Zukunft Web Ressource ze benotzen, da musst Dir just wëssen, wéi et fix ze maachen, sou datt et net zu Längt hat ass an net de ästheteschen krut llen. Einfach duerch HTML Code mat engem klenge Nieft aschreiwen. Dir braucht style.css ze Fichier engem Ausdrock no Hannergrond zu Foto: URL (Biller / Picture.jpg ") fest; oder amplaz no der semicolon separat Linn dobäi - Positioun: fix. Sou, gëtt Är Zeen fix ginn. Während scrolling Inhalter op de Site, gesitt Dir, datt Text Linnen bewegt ginn, mä den Hannergrond bleift am Plaz. Sou geléiert Dir wéi HTML Hannergrond Bild ze maachen, an e puer Manéieren.

Schafft mat Bedeitung vun HTML

Vill Struewele Web Entwéckler, konfrontéiert mat Dëscher a spären, do verstinn oft net, wéi HTML Bild Hannergrond Dësch ze maachen. Wéi all Équipë HTML an CSS ze ënnerstëtzen, ass de Web programméiere Sprooch zimlech einfach. An der Léisung fir dëse Problem ass e hien huet misse vum Linnen vum Code ze schreiwen. Dir misst scho wëssen, datt en Dësch vun Zeile a Kolonnen Schreiwen, respektiv, wéi déi vun den Tags (TR) an (TD) uginn. Fir den Hannergrond vun den Dësch an der Form vun engem Bild maachen, ass et néideg op der Tag (Tabell), (TR) oder (TD) eng einfach Ausdrock mat Referenz zu de Referenz Bild ze sëtzen: Hannergrond = URL Biller. Fir Kloerheet, ginn mir e puer Beispiller.

Dësch mat engem Bild amplaz vum Hannergrond: HTML Beispiller

Molen engem 2x3 Dësch a maachen et Hannergrond Bild gespäichert am Dossier "Biller": (Dësch Hannergrond = "Biller / Picture.jpg") (TR) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ TR) (TR) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ TR) (/ Dësch). Esou eis Dësch wäert am Hannergrond vum Bild gemoolt ginn.

Elo zéien déi selwecht Risotto Gréisste vun 2x3, mä eng Foto am Saile opginn nummeréiert 1, 4, 5 a 6 (Dësch) (TR) (TD Hannergrond = "Biller / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ TR) (TR) (TD Hannergrond = "Biller / Picture.jpg") 4 (/ TD) (TD Hannergrond = "Biller / Picture.jpg") 5 ( / TD) (TD Hannergrond = "Biller / Picture.jpg") 6 (/ TD) (/ TR) (/ Dësch). No kucken mer dass den Hannergrond schéngt nëmmen an deenen Zellen zu wat mir ugemellt, an net de ganzen Dësch kucken kann.

Kräiz-Browser Onbedenklechkeet Site

Et ass esou eng Saach wéi engem schéinen-Browser Onbedenklechkeet Web Ressource. Dat heescht, datt Är Site ass gläich gutt an verschidden Typen an Versiounen vun Browser ugewisen. Et soll HTML Code an CSS Stiler zu engem néideg Browser asëtzen. Desweideren, an der moderner Ära vun Handyen, si versichen vill Web Entwéckler Siten ze schafen a fir mobil Versioun an engem Computer kucken ugepasst.