Tutorial za Web dizajnere izdvojena tema

poruka: 196
|
čitano: 101.132
|
moderatori: Danny_HR, Lazarus Long, XXX-Man, vincimus
+/- sve poruke
ravni prikaz
starije poruke gore
11 godina
online
Tutorial za Web dizajnere

Ovo je mali tutorial za početnike koji se žele baviti web dizajnom (kao hobi, kao izrada svoje stranice ili početak prema profesionalnom bavljenu web dizajnom), oni koji se puno bolje kuže u ovo neka ne pišu svakakve gluposti, jer ovaj tutorial nije za njih ili one koji već nešto znaju, govorim o totalnim početnicima. Oni što se razume u web dizajn slobodno neka naprave nekakav tutorial ako sam ja nešto zaboravio.

Kroz ovaj tutorial upoznat ćete se sa osnovama xHTML jezika i naučiti izrađivati osnovne elemente web stranice, spoznati od čega se sastoji xHTML datoteka i kako se pišu tagovi. Ovaj tutorial sastojat će se od osnovnih stvari i primjera, za vježbu možete koristiti notepad koji se koristi za potpuno običan unos teksta, što će vam poslužiti za izradu vaših prvih xHTML stranica.

 

 

Sadržaj tutoriala

  1. Greške koje početnici rade u Web dizajnu
  2. Što je xHTML - kratki uvod u xHTML jezik
  3. Osnovni dijelovi Web stranice
  4. Meta tagovi - koji su i čemu služe
  5. Formatiranje teksta na stranici

 

 

 

1. Greške koje početnici rade u Web dizajnu

 

Greške koje mnogi početnici rade su kombinacija teksta i pozadine tako da se teško može čitati, tekst koji je premalen za čitanje, tekst koji se proteže od lijevog do desnog ruba web stranice, tekst koji je u cjelosti napisan velikim slovima, tekst napisan u Boldu i Italic načinu, podvučen tekst koji nije link, velike i zahtjevne slike, slike koje nemaju tekstualni opis ALT tag, slike koje su prevelike za prosječnu rezoluciju, pretjerano korištenje flas animacija bez ikakvog smisla, korištenje teksta koji bljeska, pretjerano korištenje gif animacija, nečista i nejasna navigacija, nemogućnost povratka na prethodnu stranicu, stranice koje ne označavaju jasno što sadrže....

 

To su samo neke greške koje mnogi početnici (ali ima i onih sa malo znanja) naprave u izradi stranica.

 

 

 

2. Što je xHTML?

 

xHTML– Extensible Hypetext Markup Language je opisni jezik za stvaranje web stranice. Pomoću njega određujemo slike na web stranici, način prikazivanja teksta, boje pozadine, boje tablice... xHTML je tekstualni dokument koji sadrži elemente pomoću kojih pretraživać prikazuje tekst, slike, multimedijske objekte i veze. U svrhu opisivanja web stranice koriste se xHTML tagovi koji se pišu unutar znakova "<" i ">". Da bi se postigl željeni vizualni i funkcionalni rezultati na web stranici, elemente moramo zatvarati, pisati početnu i završnu naredbu. HTML jezik ne zahtjeva toliku strogoću, pa pojedini tagovi ne trebaju zatvaranje.

xHTML dokumenti nisu ništa drugo osim obične tekstualne datoteke. Pri upisivanju adrese u pretraživače, pretraživač kontaktira server i traži da mu se isporuči tražena web stranica. Server isporučuje stranicu u obliku xHTML datoteke, a kada ju pretraživač dobije, tumačeći tagove formatira izgled web stranice koju vidimo na zaslonu ekrana. Za krajnjega korisnika opisani proces je potpuno nevidljiv, ali za veb dizajnera iznimno važan.

 

 

 

3. Osnovni dijelovi web stranice


Svaka stranica sadrži osnovne dijelove koji su potrebni kako bi ona pravilno funkcionirala. Prvi i osnovni element je tag HTML koji pokazuje da je dokument HTML datoteka namijenjena za web stranicu. Izrada web stranice započinje uporabom doctype deklaracije koja pokazuje koju vrstu HTML-a ili xHTML-a koristimo. Doctype omogućuje pretraživačima da točno znaju što treba očekivati. Svaka stranica započinje:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/ DTD/xhtmll-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">


a završit će sa:
   
</HTML>

Svaka veb stranica sadrži dva osnovna dijela, head koji označava osnovne postavke web stranice, kao naslov stranice, ključne riječi, različite JavaScripte....
Svi tekstualni dokumenti, pa uključujući i xHTML spremaju se u znakovnom kodu. Budući da ih ima puno, ideja je deklarirati znakovni kod što omogućuje pravilan prikaz stranice u pretraživačima s drugačijim podrazumjevanim prikazom znakovnog koda.Da biste deklarirali znakovni kod potrebno je upisati u head sekciju sljedeće:
     <HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=utf-8">
<TITLE>Template</TITLE>
</HEAD>

Umjesto "utf-8" može se koristiti i "windows-1250" ukoliko se pojedini znakovi ne prikazuju ispravno.

 

Između head tagova upisujete i naslov trenutne stranice:

 

<TITLE>Moja stranica</TITLE>

 

Body je dio web stranice boji označava glavni dio stranice, točnije onaj vidljivi dio stranice. Tekst, slikeanimacije....

 

Gotovi template koji svaka xHTML stranica mora imati:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml">
  <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=windows-1250">
    <TITLE>Template</TITLE>
  </HEAD>
  <BODY>
 
  </BODY>
</HTML>

 

NAPOMENA: Kao što je Coder dole napisao, svi HTML tagovi se po xHTML standardu moraju pisati malim slovima. (To sam zaboravio dodat, nemojte zamjerit Smijeh).

 

 

 

4. Meta tagovi - koji su i čemu služe - preuzeto sa http://www.itm.hr/besplatno/marketing/meta-tagovi.asp

 

Mega tagovi su dijelovi HTML-a u stranici koje upotrebljavaju tražilice da bi zapisale informacije o vašoj stranici. Ovi tagovi sadrže ključne riječi, opis, informaciju o vlasništvu, naziv stranice itd. Oni su među mnogim stvarima koje ispituju tražilice kada "gledaju" vašu stranicu.

Iako ih nije nužno, vrlo ih je korisno upotrebljavati, pogotovo ako želite imati dobru poziciju na tražilicama (a tko ne želi?).

Ako napravite web stranicu i registrirate URL kod tražilica, one će posjetiti vašu stranicu i pokušati je indexirati. Svaka tražilica funkcionira malo drugačije, i svaka drukčije cijeni pojedine elemente web stranice. Npr. Altavista daje prednost opisnom tagu (description), a Inktomi indexira oboje, i tekst stranice, kao i meta tagove.

Drugi pretraživači poput Exactseek-a su pravi meta tag pretraživači, tako da ako vaša stranica ne sadrži naziv (title), i opisni meta tag (description).

Naravno, svi pretraživači ne rade na ovaj način. Neki daju prednost sadržaju. Pretraživači u obzir uzimaju više od 100 stvari kada razmatraju neku stranicu.

Najveći razlog zašto mnoge tražilice ne daju toliku važnost meta tagovima je zbog spama. Ljudi su se sjetili da na svoje stranice stave mnoge ključne riječi koje nemaju veze sa sadržajem stranice samo da bi dobili više posjeta. Nakon nekog vremena neke tražilice su prestale gledati meta tagove, služili su im uglavnom samo kao potvrda da bi bili sigurni da odgovaraju onome što se nalazi na stranici.

Kada su ključne riječi potpuno nevezane za sadržaj stranice neke tražilice će kazniti tu stranicu.

Ako je vaša stranica bogata slikama i grafikom, tada su vam meta tagovi jako važni. Kažu da slika govori tisuću riječi, ali slike su nažalost tražilicama bezvrijedne. Pogotovo ako stranica sadrži jako malo teksta. Tada je potrebno koristiti tag "alt" koji izgleda ovako:

<img src="imeslike.jpg alt="Motorno ulje Ina Super">
To će reći tražilici što se nalazi na slici.

 

 

Kako upotrebljavati meta tagove?

Meta tagovi bi uvijek trebali biti smješteni u <head> područje HTML dokumenta. <head> tag se nalazi odmah nakon <html> taga, i završava prije <body> taga. Evo kako jednostavan primjer izgleda:

<title>Ina</title>
<meta name="description" content="Ina, motorna ulja, gorivo... ">
<meta name="keywords" content="Ina - Hrvatska naftna kompanija...">
<meta name="robots" content="index,follow">

Uvijek budite sigurni da vaši meta tagovi nemaju nikakvih prelazaka u novi red u sebi, jer će ih u tom slučaju tražilice vidjeti kao neispravan kod i ignorirati. Također bi trebali izbjegavati upotrebu velikih slova (html5 standard), kao i ponavljanje izraza unutar taga ključne riječi.

 

 

Što Meta Tag sadrži?

<meta name="description" content=opis web stranice">
Mnoge tražilice će prikazati ovaj tekst u rezultatima pretraživanja pokraj naziva stranice. Neka taj tekst ne bude pre dug, neka bude razumljiv i neka što bolje opiše sadržaj vaše stranice.

<meta name="keywords" content="popis ključnih riječi vezanih za sadržaj stranice">
Ključne riječi predstavljaju ključne termine koje netko može upisati u tražilicu. Izaberite samo važne izraze. Ako ćete staviti te izraze pod tag ključne riječi, trebali biste ih spomenuti i na tekstu na stranici. Mnoge tražilice uspoređuju vaš meta sadržaj sa tekstualnim sadržajem stranice, i ako se to ne poklapa, vaša stranica može zaraditi kaznu, i biti na lošoj poziciji kod rezultata pretraživanja.

<meta name="robots" content="index,follow">
Mnoge web stranice imaju ovaj tag neispravno napisan. Primjer neispravnog korištenja je: content="index, follow, all" - krivo jer neke tražilice ne mogu obraditi razmake između riječi. Većina tražilica po defaultu pretpostave da želite da vaša web stranica bude indeksirana i da linkovi budu praćeni, tako da korištenje neispravne sintakse može rezultirati time da tražilica jednostavno ignorira vašu stranicu. Ako zbog nekog razloga ne želite da vaša stranica bude indeksirana u pretraživačima, zamjenite u tagu riječ "index" sa "noindex", a ako želite da linkovi ne budu praćeni, zamjenite riječ "follow" sa "nofollow".

 


Prava vrijednost

Na internetu se svakodnevno pojavljuje više od 8 milijuna novih stranica, a tražilice indeksiraju samo jedan dio od toga. Meta Tagovi su uobičajen standard koji može osigurati pravilnu kategorizaciju vaše stranice. Uvijek upotrebljavajte Meta Tagove i u njima koristite samo najvažnije riječi vezane za sadržaj stranice. Pravilno korištenje Meta Tagova vam može samo pomoći kod pozicije na tražilici, što podrazumjeva i veću i kvalificiranu posjetu stranice.

 

 

 

5. Formatiranje teksta na stranici

 

Unesite u Notepad ovaj primjer koda:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
  <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=windows-1250">
    <TITLE>Template</TITLE>
  </HEAD>
  <BODY>
  Ovo je prvi red teksta.
  Ovo je drugi red teksta.
  </BODY>
</HTML>

 

Ako pogledate rezultat ovoga primjera, primjetit ćete da ste u kodu tekst napisali u dva reda, ali on se u stvarnosti ispisao kao jedan red. Razlog toga je tekst koji se prikazuje u HTML datoteci treba jasno navest tag koji će prebaciti tekst u drugi red.

Svaki tekst koji pišemo na web stranici treba biti napisan u Paragraf tagu <p>Neki tekst</p>. Svaki put kad otvorite novi paragraf teksta, pretraživač će taj tekst postaviti u novi red.

 

HTML elementu možemo dodavati ime koje ga indentificira kao pripadnika određene klase, možemo primjeniti stil na sve elemente određenog imena. Da bi se imenovao jednostavni element iza početnog taga elementa upišite id="ime"

 

Da bi ste imenovali grupu elemenata iza početnog taga elementa upišite class="ime". Atributi Class i ID se mogu dodati većini xHTML elemenata, ali posebno su korisni kod elemenata DIV i SPAN. Atribut ID automatski se pretvara element u sidro na koje možete usmjeriti link.

 

 

 

 

 

Tutorial u izradi....

 

Više o Web dizajnu:

 

HTML i CSS knjige

 

30 Days to Learn HTML & CSS (VIDEO)

 

 

 

Poruka je uređivana zadnji put čet 3.3.2016 23:00 (Ivan M.).
 
43 0 hvala 40
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Svaka čast.

Hakiranje je umjetnost a ne zločin.
Poruka je uređivana zadnji put čet 22.1.2009 13:04 (PC Street Hacker).
Moj PC  
1 0 hvala 0
11 godina
offline
RE: Tutorial za Web dizajnere

Bilo bi fino da se još u ovom threadu nastavi s edukacijom, da ima nešto sticky u ovom forumu.

Jer znanje treba da bude besplatno.
11 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Smooth Operator kaže...

Bilo bi fino da se još u ovom threadu nastavi s edukacijom, da ima nešto sticky u ovom forumu.

 To sam i ja htio reći,napiši još malo toga nekih caka.
Hakiranje je umjetnost a ne zločin.
11 godina
neaktivan
offline
Tutorial za Web dizajnere

samo tako nastavi btw moga bi na blog ovo objavit ili na svojoj Web stranici

 

NAPOKON NEKO NAPRAVIO ZANIMLJIVU TEMU!!!!!!!!!!

Poruka je uređivana zadnji put pon 20.12.2010 15:45 (sk8 4 life).
Moj PC  
0 0 hvala 0
11 godina
online
Tutorial za Web dizajnere

Imam u planu napraviti tutorial od početka pa do savršenstva HTML-a, CSS-a, Flash, Dreamweawer.... i tako dalje.

Ivan M. 92% tinejđera sluša turbo folk. Ako si ti među onih 8% koji još uvijek slušaju pravu glazbu kopiraj si ovo u potpis.
 
3 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

je li ima neki lin za ucenje eb dizajna? ali malo ozbiljnije i opsirnije.

 
0 0 hvala 0
12 godina
neaktivan
offline
Tutorial za Web dizajnere

Ovdje sam napisao par stvari čovjeku koji je postavio pitanje iz ove teme.

 

http://www.bug.hr/forum/topic/razvoj-web-stranica/web-dizajn-pocetnike/16658.aspx

 

Slažem se da je najbolje da se HTML i CSS rade u Dreamweaveru. No tek kada osoba svlada standarde pisanja HTML i CSS koda. Dakle, ne preporučam editor koji ima code completion kao alat za početnika. Pluš što je Dreamweaver skup. :)

 

Uočio sam jednu grešku u tutorialu. Ivan M., svi HTML tagovi se po xHTML standardu moraju pisati malim slovima.

(vezano za ispravak)Ovo nije pametovanje, već samo uočavanje pogreške pa da ljudi znaju iz početka kako treba.

There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Ubuntu 8.10
Poruka je uređivana zadnji put pet 6.2.2009 2:14 (coder_).
Moj PC  
1 0 hvala 0
12 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Alex55 kaže...

A da jednostavno rade web stranice u FronPage-u???

 Ti nit ćeš biti Bill Gates, a niti Steve Jobs sa ovakvim razmišljanjem.


Ekipa moderatori, sorry na duplom postu. Inače i koristim "Uredi" opciju, al eto...omaklo mi se malo. :)
There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Ubuntu 8.10
Poruka je uređivana zadnji put pet 6.2.2009 2:07 (coder_).
Moj PC  
3 0 hvala 0
11 godina
online
RE: Tutorial za Web dizajnere
coder_ kaže...

Ovdje sam napisao par stvari čovjeku koji je postavio pitanje iz ove teme.

 

http://www.bug.hr/forum/topic/razvoj-web-stranica/web-dizajn-pocetnike/16658.aspx

 

Slažem se da je najbolje da se HTML i CSS rade u Dreamweaveru. No tek kada osoba svlada standarde pisanja HTML i CSS koda. Dakle, ne preporučam editor koji ima code completion kao alat za početnika. Pluš što je Dreamweaver skup. :)

 

Uočio sam jednu grešku u tutorialu. Ivan M., svi HTML tagovi se po xHTML standardu moraju pisati malim slovima.

(vezano za ispravak)Ovo nije pametovanje, već samo uočavanje pogreške pa da ljudi znaju iz početka kako treba.

Nije to pogreška, istina trebaju se pisati malim, ali za početnike kako bi bolje uočili pišem velikim.

Navest ću to još u tutorialu pa da se zna. Smijeh Dobro si uočio.Cool
12 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Ivan M. kaže...
Nije to pogreška, istina trebaju se pisati malim, ali za početnike kako bi bolje uočili pišem velikim.

Navest ću to još u tutorialu pa da se zna. Smijeh Dobro si uočio.Cool
 Drago mi je da se razumijemo. :) Samo, vidjet će oni to, bilo malim bilo velikim slovima. Samo sam htio smanjit zbunjenost ukoliko oni pročitaju da se mora pisati malim.
no dobro, i to smo riješili.

Samo nastavi sa daljnjim tutorijalima..
There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Ubuntu 8.10
11 godina
neaktivan
offline
RE: Tutorial za Web dizajnere

vrlo dobar i lagan [dobra objašnjen tut] i svakako početnici ugledajte se na ovo....

neču nikad više pogoditi razrednicu papiričem u glavi i derati se headshout -:)
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Trazim knjigu od Luke Abrusa abeceda za webmastere !

 
0 0 hvala 0
11 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
mirek kaže...

Trazim knjigu od Luke Abrusa abeceda za webmastere !

 sta se tice ove knjige preporucija bi ju svakome jer stvarno sve objasnjava i ima sve sta pocetnici koji zele uci u svijet izrade web stranica trebaju znati...
ovu knjigu san koristija sve 4 godine srednje za izradu web stranica (smjer je bija:graf dizajner multimed. sadrzaja (iliti izrada i dizajn web stranica))
a za pocetnike takoder ima i ovdje sve vezi web dizajna (pocetak,izrada,objasnjenje pojmova,vjezbe,primjeri...apsolutno sve)
to je naime online ucenje pa ima i za sve ostale predmeta tipa matemat,fiz,kem,programiranje u Pascalu i C-u itd...
(treba naime za tu stranicu imati pass i username koji imaju samo profesori i odredene osobe pa ako kome treba mogu mu poslat na PM)
evo sve sta se nalazi na toj stranici : CLICK

Poruka je uređivana zadnji put čet 5.3.2009 18:15 (nemesis777).
11 godina
online
Tutorial za Web dizajnere

Evo par novosti pa pocetnici malo proucite. Do navecer ce biti jos par stvari. Cool

Poruka je uređivana zadnji put ned 8.3.2009 14:34 (Ivan M.).
 
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Da ne otvaram novu temu bzvz......

Zanima me dali mi netko moze pomoc kako da napravim na web stranici nesto kao sto je ovo na bugomom forumu skroz gore(slika 1).....

Hvala

 

EDIT: ali bez ove flash animacije...... samo slika tako mala.....

slika 1 slika 1
Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Poruka je uređivana zadnji put uto 10.3.2009 7:54 (Trop).
Moj PC  
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

pa to ti je obićan banner...napravis i smislis dizajn u photoshopu i samo ukomponiraš u web stranicu (dreamweaver)..

 

Moj PC  
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Budem probo....... A kako napraviti obicni izbornik kao nesto ovako???

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Poruka je uređivana zadnji put uto 10.3.2009 10:16 (Trop).
Moj PC  
0 0 hvala 0
11 godina
offline
Tutorial za Web dizajnere

To ti je najcesce kombinacija HTML + CSS + Javascript... Imas gotove kodove za drop down izbornike, samo malo proguglaj.

I'm going woo woo
 
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

ili tu mos i koristit samo dhtml

ode npr imas vec gotove dhtml kodove pa pogledaj ako ti se sta svidi i ubaci u stranicu...

Moj PC  
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Hvala...... Dal ima netko da mi posalje key za dreamweaver cs4 na pm??????

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Moj PC  
0 0 hvala 0
11 godina
online
Tutorial za Web dizajnere
tnakir kaže...

To ti je najcesce kombinacija HTML + CSS + Javascript... Imas gotove kodove za drop down izbornike, samo malo proguglaj.

Covjek je trazio obican izbornik, a ne drop down.

Ona navigacija na Facebook-u je napravljna sa HTML-om i CSS-om.

Znaci u HTML to ide ovako:

<ul>
<li>Naslovnica</li>
<li>Naslovnica</li>
<li>Naslovnica</li>
</ul>

I sa CSS to napraviš da ide u vodoravnom nizu i dodaš neki izgled i imaš običnu navigaciju.
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Koja je razlika izmedu HTML-a i CSS-a....... Sa html-om znam nesto, ali mi css nije poznat..... :S

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Moj PC  
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

A i za drop down nije potreban js. Sve se može preko css-a.

Gentoo user. :')
Moj PC  
0 0 hvala 0
12 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Trop kaže...

Koja je razlika izmedu HTML-a i CSS-a....... Sa html-om znam nesto, ali mi css nije poznat..... :S

 CSS ti je jezik koji služi za opis HTML elemenata unutar stranice. Koristi se kombinirano sa HTML-om tako da ga moraš znati ako želiš raditi kvaitetne stranice. Bez CSS-a jednostavno ne ide.
There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Win XP/Ubuntu 8.10(uskoro)
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Budem navecer pogledo malo tutorijale po webu....... Pa da probam i ja napravit nekakvu stranicu ako mi uspije hehe  Cool

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Moj PC  
0 0 hvala 0
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Kako da ja pomaknem ovaj cijeli menu prema dolje????

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Poruka je uređivana zadnji put uto 10.3.2009 12:48 (Trop).
Moj PC  
0 0 hvala 0
12 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Trop kaže...

Kako da ja pomaknem ovaj cijeli menu prema dolje????

 position: absolute;
top: 30px;

Ovaj dio CSS-a će ti pomaći element za 30px prema dolje. Njega pridružuješ elementu koji obuhvaća kompletni menu.
There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Win XP/Ubuntu 8.10(uskoro)
11 godina
neaktivan
offline
Tutorial za Web dizajnere

Koji program za izradu web stranica bi mi vi preporucili a daj je free??????

Asus M2N-XE, Asus HD 4550, DDR2 2GB, AMD Athlon 64 X2 5200- 2 X 2,9GHz, HDD 500GB MSN: trop_sr50@iamcrazy.in Xfire: xelicax Clan: Cro_Elite
Moj PC  
0 0 hvala 0
12 godina
neaktivan
offline
RE: Tutorial za Web dizajnere
Trop kaže...

Koji program za izradu web stranica bi mi vi preporucili a daj je free??????

 Zašto imam osjećaj da si negdje zapeo??

Notepad++. Solidan program...
Možeš recimo skinut i eclipse pdt. Ona ti je za nešto naprednije poslove, no eto..probaj ako ti se da.. Ali za početak mislim da ti je dosta notepad++.

Nije bitno s kojim alatom radiš. Bitno je da naučiš osnove HTMLa, CSSa...

Najgore što se može dogoditi je da zbog nekog ponosa ne kažeš šta ti nije jasno. Ne kažem da je to kod tebe slučaj, ali takvih je svakako bilo.
There's too many self-Indulgent wieners in this city with too much bloody money! ----- HP 6715b: Turion X2 64bit, 3 GB DDR2 667Mhz, 120GB SATA disk, X1250 graphics chip, Win XP/Ubuntu 8.10(uskoro)
Poruka je uređivana zadnji put sri 11.3.2009 8:02 (coder_).
Nova poruka
E-mail:
Lozinka:
 
vrh stranice