Što je "raspored divova" prilikom izrade web mjesta, njegovih pro i kontra

Internet danas je dio našeg života. Njeni uobičajeni korisnici teško razmišljaju o tome koji put postaje njihov omiljeni site prije nego što se pojavio u tražilicama World Wide Weba. Rođenje mjesta započinje idejom dizajnerice - umjetnikom i osobom koja je uključena u stvaranje glavnog izgleda. Nakon dovršetka crteža izgleda započinje jednako važan proces - izgled predloška web sučelja.

sadržaj

    Predložak ili model nije još gotov, a neki je model koji je stvorio dizajner, na temelju koje se u budućnosti može stvoriti punopravna web stranica. Iz perspektive programiranja, predložak je skup specifičnih pravila za prikaz informacija. Za izradu najjednostavnijeg statičkog mjesta, obično se koristi HTML predložak. HTML je standardni jezik za hipertekstualno označavanje (dokumenata) na Internetu.

    Izgled izgleda stranica je proces oblikovanja web stranica prema predlošku dizajera. Ovu vrstu aktivnosti rješava web dizajnera web mjesta. Glavni zadatak izgleda je stvaranje HTML koda koji vam omogućuje postavljanje teksta, slika i drugih elemenata web stranice na određena mjesta u dokumentu te ih prikazati u prozoru bilo kojeg modernog internetskog preglednika prema izgledu koji je razvio dizajner. Tijekom svog rada dizajner rasporeda mora stalno osigurati da je dio izgleda koji je stvorio jednako ispravno prikazan u svim preglednicima. Prije nekoliko godina HTML-izgled web-lokacije temeljio se na upotrebi tablica. S vremenom se na HTML jeziku pojavljuju novi elementi (oznake). Jedan takav element bio je div. Ako je tijekom posljednjih godina raspored div najpoželjnije prilikom izrade stranica stranice, danas je obavezna. Trenutno, uz pomoć tablica, web stranice su gotovo nepromijenjene. Umjesto pojma "raspored div", najčešće se koristi pojam "raslojavanje" ili "raspored blokova".

    Div je oznaka s kojom se može odabrati zaseban fragment HTML kôd stranica. Ova je oznaka blok-element.

    Div oznaka ima dva glavna parametra:

    • Poravnaj, koji omogućuje poravnavanje sadržaja (lijevo, desni rub stranice, središte ili širina);
    • Naslov koji dodaje tooltip njegovom sadržaju.


    Raspored div: glavni pluses:

    • mali broj oznake u usporedbi s izgledom tablice;
    • mogućnost izrade "gumenog" stranica;
    • brzo u naknadnom učitavanju stranica u korisničkom pregledniku;
    • jednostavnost rada s stilovima (CSS), dodjeljivanje stila elementima pomoću ID-a.

    Raspored div: glavni nedostaci:

    • nemogućnost ispravnog prikaza stranice u nekim zastarjelim preglednicima (IE6);
    • složenost postavljanja blokova na stranicu i upravljanje njima.

    Ovisno o projektu, dopuštena je kombinacija oblika blokova i tablice.

    Zašto se većina stručnjaka trenutno odmara od upotrebe tablica izgleda?

    U slučaju korištenja tabličnog izgleda stranice, njegov kod postaje ogroman, što ga čini teško za daljnji rad na njoj programera. Da bi se pronašla pogreška u ovom HTML kodu, potrebna je relativno velika količina vremena. Tablični izgled stvara dodatno opterećenje na web poslužitelju, čime se usporava rad, što znači, usporava proces izdavanja podataka od strane preglednika. Kao rezultat toga, stranica je dulje vrijeme učitana.

    Izgled web stranica je važan korak u njegovu stvaranju, bez nje, niti jednog, pa čak ni najjednostavnijeg resursa Interneta. Nakon završetka rada rasporeda, oblikovani raspored šalje se web programerima, osiguravajući integraciju u hosting i implementaciju u CMS sustavu, na kojem će biti tijekom svog postojanja.

    Dijelite na društvenim mrežama:

    Povezan
    Site cap: gdje početi?Site cap: gdje početi?
    Brošura je primjer stvaranjaBrošura je primjer stvaranja
    Prilagodljiv izgled za web lokacijePrilagodljiv izgled za web lokacije
    Što su html predlošci?Što su html predlošci?
    Program za izradu web stranica: pregled najboljeg softveraProgram za izradu web stranica: pregled najboljeg softvera
    Razvoj i dizajn stranice: glavne etapeRazvoj i dizajn stranice: glavne etape
    Optimizacija tražilice: što SEO značiOptimizacija tražilice: što SEO znači
    PHP: regularni izrazi, funkcija preg match allPHP: regularni izrazi, funkcija preg match all
    Dodavanje web mjesta tražilicama nije dovoljno - kako ubrzati indeksiranje?Dodavanje web mjesta tražilicama nije dovoljno - kako ubrzati indeksiranje?
    Kako olakšati proces izrade web stranice? Pomoć Vizualni urednik html!Kako olakšati proces izrade web stranice? Pomoć Vizualni urednik html!
    » » Što je "raspored divova" prilikom izrade web mjesta, njegovih pro i kontra
    LiveInternet