|
Web razvoj Sve u vezi sa razvojem Internet sajtova: programi, dizajn, usluge hostinga, administracija... |
|
Alatke vezane za temu | Vrste prikaza |
21.12.2006, 16:07 | #1 |
Član
Član od: 1.11.2005.
Lokacija: Krusevac
Poruke: 188
Zahvalnice: 3
Zahvaljeno 2 puta na 2 poruka
|
html razlika u div i tabelama ako moze neko da objasni
ljudi imao bih pitanje ako bi neko mogao da pomogne posto me stvarno zbunjuju, sto vise citam po forumima sve mi je vise nejasno
kada pravim web stranu koristim tabele i u njih stavljam sadrzaj ovaj metod nije preporucljiv tacnije malo je zastareo i desavaju se problemi zar ne sa div-ovima odredjuje deo stranice kao samostalnu celinu i nju pozicioniramo i ``sminkamo`` uz pomoc css-a, u nju takodje mozemo da stavljamo slike i sl da li je to tako i da li se tako izradjuju web strane molio bih ako ima neko vremena da malo pojasni |
21.12.2006, 20:24 | #2 |
Član
|
Re: html razlika u div i tabelama ako moze neko da objasni
U pravu su ti sto ti kazu da su tabele zastarelele i da koristis css..
Kada radis sa divovima, u html kod ide samo struktura stranice (tj. divova), a osobine tih divova mozes definisati u css kodu u zasebnom fajlu. Znachi duzhina, shirina diva, pozadinske slike, pozicija, boje, fontovi... Sve se mozhe definisati u jednom jedinom css fajlu, tako da menjanje svih stranica odradis vrlo lako, uz par promena na tom fajlu. Pre, uz tabele, ako si hteo npr. deo sa navigacijom da pomeris malo u desno, morao si da otvaras svaku stranu i smarash se nepotrebno dugo sa tim, dok uz css samo promenis vrednost u fajlu i sve je gotovo. To ti je samo jedan banalan primer, ali ukratko - css ima hiljadu prednosti nad tabelama. A i osecaces se lepse jer ces znati da si sajt napravio po standardima Dakle, naoshtri se da uchish html i css Nadam se da sam ti pomogao. |
21.12.2006, 21:52 | #3 | |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Citat:
Što se tiče bitke između div-ova i tabela takođe je potpuno neosnovana tvrdnja da su tabele zastarele i da se više ne koriste u savremenom dizajnu. Baš naprotiv, tabele su najčešće sastavni deo div-ova i ostalih kontejnera Dakle, tačno je da su neki web developeri polako odustali od ideje da tabele koriste isključivo kao osnovu za izradu osnovnog izgleda stranice (tzv. “layout”) ali je isto tako tačno da postoje situacije kada je ovakav način izrade mnogo prikladniji od upotrebe div-ova. To znači da div-ovi NE MOGU da budu zamena za tabele niti bilo koji drugi element stranice. Div-ovi, span-ovi i slični elementi su SAMO kontejneri ili drugačije rečeno zasebne celine koje sadrže druge elemente koji pružaju malo veći stepen kontrole. Generalno gledano sve što je iz W3C-a (“World Wide Web Konzorcijum”, organizacija zadužena za standardizaciju web standarda) izašlo u poslednjih nekoliko godina služi da se pojednostavi rad na velikim projektima. CSS u kombinaciji sa HTML-om i ostalim client-server web tehnologijama pruža upravo to. Pravu snagu CSS nudi u kombinaciji sa JavaScript-om i već pomenutim div kontejnerima koji opet napominjem u 99% slučajeva sadrže tabele za formatiranje izgleda stranice. CSS i div-ovi sa jedne strane i HTML i tabele sa druge strane takođe imaju neke od prednosti koje omogućavaju fantastičnu optimizaciju sajta prilikom izrade. Primera radi, pravilno korišćenje tabela može da obezbedi i do 95% optimizacije “težine” sajta što se tiče količine podataka koju je potrebno preneti za slike. U kombinaciji sa osobinom CSS-a da može da se definiše u eksternom fajlu koji koriste ostali fajlovi obezbeđuje se da ne mora za svaki element da se u fajlu definiše kako će da izgleda posebno. Dakle, zaključak bi otprilike bio da samo dobra kombinacija dobrih i loših osobina i jedne i druge tehnike može da se napravi jedan dobar i prilagodljiv sajt što znači Div+tabele=OK |
|
23.12.2006, 18:11 | #4 |
Član
Član od: 1.11.2005.
Lokacija: Krusevac
Poruke: 188
Zahvalnice: 3
Zahvaljeno 2 puta na 2 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
hvala puno na ovako iscrpnom i detaljnom odgovoru
sta su to span-ovi? i sta su layeri da li je to div ili ima razlike? kako vidim treba praviti kompromis kao i za sve u zivotu jos jednom veliko hvala i pozdrav |
23.12.2006, 19:52 | #5 |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
"Span-ovi" su ništa drugo do samo još jedan vid kontejnera kao što su to div-ovi. Generalno bi trebalo malo više vremena objasniti u čemu je razlika između njih ali dovoljno je reći da su div-ovi mnogo povoljniji za razvoj dinamičnijih sajtova jer poseduju mnogo više opcija od "span-ova".
Layeri su div-ovi definisani na specijalan način pošto je div-ove moguće generalno podeliti u tri grupe u zavisnosti od toga za šta su sposobni. Grupa kojoj pripadaju layeri se naziva "pseudo-klasni selektori" ali ovaj naziv nećeš skoro nigde naći jer se koristi naziv "layeri". Pored toga layeri su div kontejneri koji imaju osobinu da im je moguće pomerati poziciju unutar fajla potpuno nezavisno od ostalih HTML elemenata. Dakle, ako bi se "običan" div stavio da bude sastavni deo ćelije neke tabele (nalazi se između tagova "<td>" i "</td>") onda će bilo kakva promena visine i širine tog diva uticati na promenu karakteristika ćelije tabele odnosno okolina se prilagođava tom kontejneru. U slučaju layera isti se može postaviti bilo gde u okviru stranice podešavanjem "position" atributa u CSS klasi koja definiše osobine tog layera. Layeri zbog toga znaju da budu ponekad veoma korisni ali obzirom da često postoje problemi sa apsolutnim pozicioniranjem u različitim browserima iskusni web dizajneri izbegavaju njihovo korišćenje. Što se tiče kompromisa on je uvek važan pa je takav slučaj i ovde. Ako budeš imao nameru da se baviš dalje web dizajnom shvatićeš kakvim "prljavim" trikovima moraš da se služiš da bi stvar radila kako treba Jedan od tih trikova je recimo da naučiš HTML bolje od "Dreamweavera" |
24.12.2006, 2:35 | #6 |
Član
Član od: 1.11.2005.
Lokacija: Krusevac
Poruke: 188
Zahvalnice: 3
Zahvaljeno 2 puta na 2 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
eeheeh samo jos jednom puno hvala na ovako dobrim odgovorima
sada samo da ostaje da se sedne i uci ja sam vec krenuo |
24.12.2006, 6:01 | #7 | |
Član
|
Re: html razlika u div i tabelama ako moze neko da objasni
Citat:
|
|
24.12.2006, 12:36 | #8 | |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Citat:
|
|
17.3.2013, 1:38 | #9 |
Starosedelac
Član od: 19.4.2006.
Lokacija: 4 8 15 16 23 42 Sistem: Arch
Poruke: 1.983
Zahvalnice: 229
Zahvaljeno 377 puta na 260 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Uh ne volim dizati temu iz naftalina, ali počeo sam da učim html tako da imam pitanje, za sada mi ide lepo jer je sve logično, ali bi voleo da mi neko objasni div njegovu funkciju... e sada neko bi reko da tražim na google ali bi voleo čuti od nekog sa foruma onako uprošteno, i da video sam u html5 pojavili su se header, footer, aside tagovi da li oni menjaju div ili je to nešto drugo ?
|
18.3.2013, 1:52 | #10 |
Veteran
Član od: 3.5.2008.
Lokacija: Beograd
Poruke: 760
Zahvalnice: 81
Zahvaljeno 213 puta na 144 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
U suštini div ima najminimalnija početna setovanja svojstava u odnosu na druge elemente, pa se zato koristi kao kontejner za druge elemente i div-ove (jer ti kontejneri skoro uvek moraju da se obimno podese u CSS-u, a to je najudobnije kad početna podešavanja skoro da ne postoje).
Ja ti preporučujem da prođeš ovo http://www.w3schools.com/html/default.asp i ovo http://www.w3schools.com/css/default.asp Tu ćeš saznati sve što ti treba da bi imao početno okvirno znanje o html-u i renderovanju stranica. Kad to prođeš osposobljen si da sam tražiš po netu (da guglaš) sve ostalo što te zanima (tipa kako se radi ovo ili ono) i da kad nađeš razumeš bez potrebe da pitaš ljude da ti objasne. A novi html5 elementi article, header, footer, aside, nav su zapravo isti kao div, samo sa drugim imenom, ali to ime ima neko značenje, uvedeni su da bi softveri koji parsiraju html mogli lakše da utvrde semantičku strukturu stranice, ako navigaciju, zaglavlja, glavni tekst stavljaš u odgovarajuće tagove, recimo da će google bot brže da se kreće i kvalitetnije da indeksira stranicu. U svakom slučaju ovi novi tagovi služe da bi softveri koji obrađuju html kod, a i ljudi koji ga čitaju bili efikasniji u svojoj radnji. |
Sledeći korisnik se zahvaljuje korisniku ivan90BG na korisnoj poruci: | ||
Mr.Eco (19.3.2013) |
18.3.2013, 12:57 | #11 |
Ad Ministrator
Član od: 19.8.2005.
Lokacija: Beograd, SK
Poruke: 7.280
Zahvalnice: 29
Zahvaljeno 3.041 puta na 1.544 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Još samo da znaš da je div skraćeno od division, što (kada se ne radi o vojsci) znači odeljak. Logično, zar ne?
|
18.3.2013, 16:05 | #12 | |
Deo inventara foruma
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Citat:
@Mr. Eco Što se div elemenata tiče oni se definišu kao "generički blok elementi bez semantičkog značenja". To znači da su "po defaultu" uvek blok tipa (display:block) i da nemaju nikakvog specijalnog značenja (čak ni njihova najčešća uloga, ograđivanje sadržaja, nije nigde definisana). HTML5 elementi tipa header, section, article itd. sa druge strane imaju jasno definisano značenje i funkciju a to je da ograđuju specifične delove stranice. Možeš ih posmatrati kao div elementi sa specifičnom ulogom na stranici. <header> se koristi za definisanje zaglavlja stranice, <section> za specifičnu sekciju stranice (recimo glavni meni ili oglase), <article> obično sadrži sadržaj stranice itd. itd. Što se w3schools.com tiče može da ti posluži kao početna tačka za učenje ali uzmi u obzir da sajt nije baš ažuran (a neki podaci su čak i potpuno netačni dok su primeri koda na nekim mestima čak i opasni) tako da nemoj sve što piše na njemu da shvatiš kao apsolutno tačno. |
|
19.3.2013, 3:57 | #13 |
Starosedelac
Član od: 19.4.2006.
Lokacija: 4 8 15 16 23 42 Sistem: Arch
Poruke: 1.983
Zahvalnice: 229
Zahvaljeno 377 puta na 260 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Hvala na informacija, inače učim se najviše sa youtube tutorijala i w3school, a sada kažeš da w3school nije baš najprikladniji možeš predložiti neke druge bolje izvore ?
|
19.3.2013, 18:13 | #14 |
Član
Član od: 15.12.2011.
Poruke: 150
Zahvalnice: 27
Zahvaljeno 49 puta na 44 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
30 Days to Learn HTML & CSS je ok. Naravno, ne moras bas 30 dana ovo da slusas, slobodno malo ubrzaj
|
Sledeći korisnik se zahvaljuje korisniku korisnickoime na korisnoj poruci: | ||
Mr.Eco (23.3.2013) |
23.3.2013, 2:42 | #15 |
Starosedelac
Član od: 19.4.2006.
Lokacija: 4 8 15 16 23 42 Sistem: Arch
Poruke: 1.983
Zahvalnice: 229
Zahvaljeno 377 puta na 260 poruka
|
Re: html razlika u div i tabelama ako moze neko da objasni
Dobar je ovaj 30 day to learn. Ali čovek dosta komplikuje, evo od mene nešto što sam našao čovek jako lepo objasni pritom je duhovit i lako se upija
http://thenewboston.org/list.php?cat=40 |
8.2.2014, 1:34 | #16 |
Novi član
|
Re: html razlika u div i tabelama ako moze neko da objasni
Bilo bi dobro da se napravi tema kao HTML, uopsteno. Ako se nadredjeni slazu!
Za pitanja i za probleme. |
Bookmarks sajtovi |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Moze neko da pomogne da sastavim komp do 800e | mant3ra | Šta da kupim? | 16 | 28.7.2006 3:15 |
Zanima me da li neko moze da prepozna koja je moja stara ploca? | Ilke | Osnovne komponente | 3 | 15.7.2006 8:25 |