Web stranice (Razvoj web-stranica) @ Bug.hr Forum

elwood

14 godina

protjeran

offline

ned 7.8.2011 12:28

Odgovori Citiraj

Web stranice

Alati su točno to što i jesu - pomagala.

No ako se previše oslanjaš na njih - postaješ ovisan o njima, i neznaš ništa drugo.

Konkretan primjer,

Došao samoprozvani web dizajner u moju firmu. I prvo testiranje znanja. Dam mu najobičniji text editor, i velim da napiše W3C validni strict HTML - rezultat: 0 bodova, 12 errora.

Veli nezna validno povezat externu css datoteku jer zlatno tele od Dreamweavera ima opciju "Attach Style Sheet..". I još me gleda čudno kak ne radimo u Dreamwaveru...

autoru teme, sve što trebaš je:

- notepad++

- w3schools

- Wrox PDF knjiga

... i korak po korak

The CAPS LOCK key is evil and must be destroyed

Moj PC

trajni link

2 0 hvala 0

Orinem

15 godina

neaktivan

offline

ned 7.8.2011 13:21

Odgovori Citiraj

Re: Web stranice

elwood kaže...

Došao samoprozvani web dizajner u moju firmu. I prvo testiranje znanja. Dam mu najobičniji text editor, i velim da napiše W3C validni strict HTML - rezultat: 0 bodova, 12 errora.

Veli nezna validno povezat externu css datoteku jer zlatno tele od Dreamweavera ima opciju "Attach Style Sheet..". I još me gleda čudno kak ne radimo u Dreamwaveru...

Covjek je upravu i ima pravo sta te gleda u cudu. Ajd ponovi u sebi svoju definiciju alata i onda se zapitaj jel taj tvoj test koji si mu da ima smisla.

To sto je covjek "ovisan" o alatu neznaci ama bas nista, puno je vaznije da on zna sta ima na raspolaganju pa kad ostane bez alata da zna kucat u google i nac rjesenje nego da gubi svoje vrijeme tipkajuci u netepadu nesto sta program odradi za njega.

Naravno ovo sta san ja napisa neznaci da nikad nece naucit to isto napisat u netepadu al ako program ima 10 funkcija onda ce ih prvo naucit koristit iz programa a onda pisat u netepadu a ne obratno.

Poruka je uređivana zadnji put ned 7.8.2011 13:22 (Orinem).

trajni link nadporuka

2 0 hvala 0

77ari

13 godina

neaktivan

offline

ned 7.8.2011 14:13

Odgovori Citiraj

Re: Web stranice

Ali moraš znati bez pomagala jer onda ako uzmeš nekakvo pomagalo još će ti boje ići!

Arian RIčko

trajni link nadporuka

0 0 hvala 0

bed

16 godina

neaktivan

offline

ned 7.8.2011 14:21

Odgovori Citiraj

Re: Web stranice

Aha, iz istog razloga danas djeca uče koristiti logaritmske tablice. U stvari to je već zastarjelo, pa se koriste šiberi..

Ti to znaš, ili samo stisneš tipku na kalkulatoru?

trajni link nadporuka

0 0 hvala 0

_Dangerous_Lickz_

15 godina

neaktivan

offline

ned 7.8.2011 14:25

Odgovori Citiraj

Web stranice

Uz razne tutoriale sa nettusplus, w3, etc... uči polako, nauči osnove, što je hosting, domena, pod domena, itd.

Software koji možeš koristiti:

Dreamweaver
Visual Studio
Notepad
Notepad++
Programmers Notepad

Osobno se isto bavim sa razvojem web stranica, uvjek ima nešto novo za naučiti. Nisam ništa konkretno još napravio, ali sada radim na jednoj stranici u Visual Sudiu. Dobar program za radit HTML, ASP.NET stranice, samo me nekada zna naživcirati njegov dosadni In-Time-Debugger, ali manje važno za ovu tvoju temu.

Imaš jako puuuno tutoriala kako napraviti stranicu, prati polako, probavaj i samo pitaj ako te nešto zanima!

Ako ti je netko pomogao klikni HVALA (ispod potpisa)

Moj PC

trajni link

0 0 hvala 0

Top Bugovac

15 godina

offline

ned 7.8.2011 14:42

Odgovori Citiraj

Web stranice

imam jedno pitanje..
dakle u css-u sam napravio sljedeće

#header {
background-color: #D33432;
height: 132px;
width: 100%;
position:absolute;
top: 0;
left: 0;
}
#logo {
font-family: 'Gloria Hallelujah', cursive;
color:#FFF;
font-size:36px;
width:300px;
height:70px;
margin-left:25px;
}
i sada.. Logo mi "stoji" u headeru s ljeve strane..
kako da sada da u istoj ravnini s logom stavim #blabla a kod #blabla-a je:
#blabla {
background-image: url(slika/slika.jpg);
background-repeat:no-repeat;

Kraj razgovora s Kobeom kaže novinar: Možda ipak nije kao Dražen Petrović ali ipak igra kao super zvijezda! (Success is my only motherfucking option, failure's not)

Moj PC

trajni link

0 0 hvala 0

OriginalEXE

14 godina

offline

ned 7.8.2011 15:53

Odgovori Citiraj

Re: Web stranice

Top Bugovac kaže...

imam jedno pitanje..
dakle u css-u sam napravio sljedeće

#header {
background-color: #D33432;
height: 132px;
width: 100%;
position:absolute;
top: 0;
left: 0;
}
#logo {
font-family: 'Gloria Hallelujah', cursive;
color:#FFF;
font-size:36px;
width:300px;
height:70px;
margin-left:25px;
}
i sada.. Logo mi "stoji" u headeru s ljeve strane..
kako da sada da u istoj ravnini s logom stavim #blabla a kod #blabla-a je:
#blabla {
background-image: url(slika/slika.jpg);
background-repeat:no-repeat;

Nadam se da sam sdobro skužio pitanje.

Dodaj i u logo i u blabla position:absolute;

Mislim da to ono što tražiš.

trajni link nadporuka

1 0 hvala 1

Top Bugovac

15 godina

offline

ned 7.8.2011 16:40

Odgovori Citiraj

Re: Web stranice

OriginalEXE kaže...

Top Bugovac kaže...

imam jedno pitanje..
dakle u css-u sam napravio sljedeće

#header {
background-color: #D33432;
height: 132px;
width: 100%;
position:absolute;
top: 0;
left: 0;
}
#logo {
font-family: 'Gloria Hallelujah', cursive;
color:#FFF;
font-size:36px;
width:300px;
height:70px;
margin-left:25px;
}
i sada.. Logo mi "stoji" u headeru s ljeve strane..
kako da sada da u istoj ravnini s logom stavim #blabla a kod #blabla-a je:
#blabla {
background-image: url(slika/slika.jpg);
background-repeat:no-repeat;

Nadam se da sam sdobro skužio pitanje.

Dodaj i u logo i u blabla position:absolute;

Mislim da to ono što tražiš.

Hvala.. no..

Sada moram to blabla prebacit na desnu stranu da bude u headeru...

i imam sad u blabla:

background-image:url(slike/mail-ikona.png);

background-position:right;

background-repeat:no-repeat;

position:absolute;

height:200px;

width:240px;

padding:0px;

edit:// jer ako ne stavim dobijem ovo:

a moram onu mail ikonu prebacit na desnu stranu..

Treba li možda koristiti Margin i padding? -sad ću probat

rješio problem..

dodao:
right: 1%;

Kraj razgovora s Kobeom kaže novinar: Možda ipak nije kao Dražen Petrović ali ipak igra kao super zvijezda! (Success is my only motherfucking option, failure's not)

Poruka je uređivana zadnji put ned 7.8.2011 16:49 (Top Bugovac).

Moj PC

trajni link nadporuka

0 0 hvala 0

77ari

13 godina

neaktivan

offline

ned 7.8.2011 17:28

Odgovori Citiraj

Web stranice

Zapravo programirati nije teško!...kad se sve proući i shvati to je onda lagano.

Arian RIčko

Poruka je uređivana zadnji put ned 7.8.2011 17:30 (77ari).

trajni link

1 0 hvala 0

77ari

13 godina

neaktivan

offline

ned 7.8.2011 19:38

Odgovori Citiraj

Web stranice

HTML sam skužio!...da radim još na tome ili da krenem polako javascript.

Arian RIčko

trajni link

0 0 hvala 0

OriginalEXE

14 godina

offline

ned 7.8.2011 20:49

Odgovori Citiraj

Re: Web stranice

77ari kaže...

HTML sam skužio!...da radim još na tome ili da krenem polako javascript.

Niti slučajno. Sada prođi to sve još jednom, a onda css!

trajni link nadporuka

1 0 hvala 0

77ari

13 godina

neaktivan

offline

ned 7.8.2011 21:35

Odgovori Citiraj

Re: Web stranice

Ok!

Arian RIčko

trajni link nadporuka

0 0 hvala 0

Fearless

16 godina

neaktivan

offline

pon 8.8.2011 1:43

Odgovori Citiraj

Web stranice

Ne, treba "skuzit" kako je koristit.

DUMP Udruga mladih programera

Moj PC

trajni link

0 0 hvala 0

77ari

13 godina

neaktivan

offline

čet 1.9.2011 16:28

Odgovori Citiraj

Web stranice

Evo sad napokon idem napraviti web!...ali još imam isti problem nemogu stavljati č,ć,š i ostala slova!

Stavio sam <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> i još nevalja!

Arian RIčko

trajni link

0 0 hvala 0

mbaksa

17 godina

moderator

online

čet 1.9.2011 16:33

Odgovori Citiraj

Re: Web stranice

77ari kaže...

Evo sad napokon idem napraviti web!...ali još imam isti problem nemogu stavljati č,ć,š i ostala slova!

Stavio sam <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> i još nevalja!

Naravno da možeš i da valja. U editoru koda odaberi enkodiranje UTF-8 (witout BOM). Nisi valjda očekivao da će ti neki žblj znak sad odjednom postati ž, neki šljb znak š itd.? Prekucaj "naša slova" u ispravnom encodingu.

trajni link nadporuka

0 0 hvala 1

77ari

13 godina

neaktivan

offline

pon 5.9.2011 21:09

Odgovori Citiraj

Web stranice

Kako staviti sliku za pozadinu?

Arian RIčko

trajni link

0 0 hvala 0

david7

14 godina

offline

pon 5.9.2011 21:22

Odgovori Citiraj

Web stranice

Ako hoćeš da ti pozadina za kompletnu stranicu, onda:

body {
background-image: url('slika.png');
}

Poruka je uređivana zadnji put pon 5.9.2011 21:24 (david7).

Moj PC

trajni link

0 0 hvala 0

alankish

15 godina

odjavljen

offline

pon 5.9.2011 21:23

Odgovori Citiraj

Re: Web stranice

77ari kaže...

Kako staviti sliku za pozadinu?

C/P sa W3SCHOOLS: body {background-image:url('paper.gif');}

Da si malo čitao gornje postove, mogao si i sam već pronaći odgovor na svoje pitanje.

Za svaki slučaj ponavljam : W3SCHOOLS

trajni link nadporuka

0 0 hvala 0

77ari

13 godina

neaktivan

offline

pon 5.9.2011 21:29

Odgovori Citiraj

Re: Web stranice

alankish kaže...

77ari kaže...

Kako staviti sliku za pozadinu?

C/P sa W3SCHOOLS: body {background-image:url('paper.gif');}

Da si malo čitao gornje postove, mogao si i sam već pronaći odgovor na svoje pitanje.

Za svaki slučaj ponavljam : W3SCHOOLS

Meni treba baš slika a ne kako obojati pzadinu!

Arian RIčko

trajni link nadporuka

0 0 hvala 0

alankish

15 godina

odjavljen

offline

pon 5.9.2011 21:31

Odgovori Citiraj

Re: Web stranice

77ari kaže...

alankish kaže...

77ari kaže...

Kako staviti sliku za pozadinu?

C/P sa W3SCHOOLS: body {background-image:url('paper.gif');}

Da si malo čitao gornje postove, mogao si i sam već pronaći odgovor na svoje pitanje.

Za svaki slučaj ponavljam : W3SCHOOLS

Meni treba baš slika a ne kako obojati pzadinu!

A što je ovo gore, baba vanga? CSS background image property

trajni link nadporuka

0 0 hvala 0

77ari

13 godina

neaktivan

offline

uto 6.9.2011 12:32

Odgovori Citiraj

Re: Web stranice

mbaksa kaže...

77ari kaže...

Evo sad napokon idem napraviti web!...ali još imam isti problem nemogu stavljati č,ć,š i ostala slova!

Stavio sam <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> i još nevalja!

Naravno da možeš i da valja. U editoru koda odaberi enkodiranje UTF-8 (witout BOM). Nisi valjda očekivao da će ti neki žblj znak sad odjednom postati ž, neki šljb znak š itd.? Prekucaj "naša slova" u ispravnom encodingu.

Ja stavljam ščćžđ umijesto UTF-8 i opet nevalja

Arian RIčko

trajni link nadporuka

0 0 hvala 0

tnakir

17 godina

offline

uto 6.9.2011 12:35

Odgovori Citiraj

Web stranice

LoL :)

Baksa, Alankish, jel imate vi beneficirani radni staz radi sudjelovanja ua ovoj temi?

I am creationist. I believe man created god.

trajni link

1 0 hvala 0

mbaksa

17 godina

moderator

online

uto 6.9.2011 12:50

Odgovori Citiraj

Re: Web stranice

77ari kaže...

mbaksa kaže...

77ari kaže...

Evo sad napokon idem napraviti web!...ali još imam isti problem nemogu stavljati č,ć,š i ostala slova!

Stavio sam <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> i još nevalja!

Naravno da možeš i da valja. U editoru koda odaberi enkodiranje UTF-8 (witout BOM). Nisi valjda očekivao da će ti neki žblj znak sad odjednom postati ž, neki šljb znak š itd.? Prekucaj "naša slova" u ispravnom encodingu.

Ja stavljam ščćžđ umijesto UTF-8 i opet nevalja

Ne mogu reći da sam te skužio, odnosno ovo što si sad napisao ti nema smisla. Otvoriš stranicu programom Notepad++, u izborniku Encoding odaberešEncode in UTF-8 without BOM. Vidiš li sad, u Notepadu++, tamo gdje bi trebala ići ščćžđ upravo ščćžđ ili vidiš nekakve hijeroglife? Ako vidiš nekakve hijeroglife, onda te hijeroglife zamijeni odgovarajućim našim slovima.

Ako govoriš o slovima nečeg što vučeš iz baze podataka, onda si zeznuo stvar u tome što si u bazu podataka zapisao pogrešno enkodiran tekst.

tnakir kaže...

LoL :)

Baksa, Alankish, jel imate vi beneficirani radni staz radi sudjelovanja ua ovoj temi?

Ja se samo volim praviti pametan. {#}

trajni link nadporuka

2 0 hvala 1

77ari

13 godina

neaktivan

offline

uto 6.9.2011 20:58

Odgovori Citiraj

Web stranice

Trebam ovu sliku za pozadinu http://www.modbase.be/images/cod4/wallpapers/cod4_charlie-oscar-delta.html

Arian RIčko

trajni link

0 0 hvala 0

alankish

15 godina

odjavljen

offline

uto 6.9.2011 21:07

Odgovori Citiraj

Re: Web stranice

77ari kaže...

mbaksa kaže...

77ari kaže...

Evo sad napokon idem napraviti web!...ali još imam isti problem nemogu stavljati č,ć,š i ostala slova!

Stavio sam <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> i još nevalja!

Naravno da možeš i da valja. U editoru koda odaberi enkodiranje UTF-8 (witout BOM). Nisi valjda očekivao da će ti neki žblj znak sad odjednom postati ž, neki šljb znak š itd.? Prekucaj "naša slova" u ispravnom encodingu.

Ja stavljam ščćžđ umijesto UTF-8 i opet nevalja

Imao sam i s time probleme, kad sam to riješio, onda me collation u MySQL zezao, tako da obrati pažnju na to.Eksplicitno poslije spajanja na bazu, ako vučeš sadržaj iz nje, postavi collation na UTF-8.

tnakir kaže...

LoL :)

Baksa, Alankish, jel imate vi beneficirani radni staz radi sudjelovanja ua ovoj temi?

Još ne, ali nadam se.Barem do 30 odem u prijevremenu mirovinu.

trajni link nadporuka

0 0 hvala 0

alankish

15 godina

odjavljen

offline

uto 6.9.2011 21:14

Odgovori Citiraj

Re: Web stranice

77ari kaže...

Trebam ovu sliku za pozadinu http://www.modbase.be/images/cod4/wallpapers/cod4_charlie-oscar-delta.html

Uh, gdje je problem?Skineš sliku, narqavno prije toga pitaš autore za suglasnost da ti se ne dogodi ovo.Recimo da imaš strukturu direktorija, nešto ovako:

ROOT->index.html

images - folder

css - folder

etc...

U images folderu ti se nalazi slika cod4_charlie-oscar-delta.jpg.I recimo da je želiš iskoristiti za pozadinu cijele stranice, evo kod:

body { background: url(cod4_charlie-oscar-delta.jpg) no-repeat }

Nadam se da dalje znaš.

trajni link nadporuka

0 0 hvala 0

77ari

13 godina

neaktivan

offline

uto 6.9.2011 21:40

Odgovori Citiraj

Re: Web stranice

alankish kaže...

77ari kaže...

Trebam ovu sliku za pozadinu http://www.modbase.be/images/cod4/wallpapers/cod4_charlie-oscar-delta.html

Uh, gdje je problem?Skineš sliku, narqavno prije toga pitaš autore za suglasnost da ti se ne dogodi ovo.Recimo da imaš strukturu direktorija, nešto ovako:

ROOT->index.html

images - folder

css - folder

etc...

U images folderu ti se nalazi slika cod4_charlie-oscar-delta.jpg.I recimo da je želiš iskoristiti za pozadinu cijele stranice, evo kod:

body { background: url(cod4_charlie-oscar-delta.jpg) no-repeat }

Nadam se da dalje znaš.

Meni je problem što je ovo več zauzeto.I nemogu bikako staviti sliku sad.

<head>

<style type="text/css">

</style>

</head>

Napravio sam ovo http://www.w3schools.com/css3/tryit.asp?filename=trycss3_border-radius

Arian RIčko

trajni link nadporuka

1 0 hvala 0

alankish

15 godina

odjavljen

offline

uto 6.9.2011 21:43

Odgovori Citiraj

Re: Web stranice

Što je već zauzeto?Slika?Napravi svoju.Gdje ti je mašta?

Lijepo da si to napravio, ali kakve veze ima to sa background-image propertyem?

trajni link nadporuka

0 0 hvala 0

77ari

13 godina

neaktivan

offline

uto 6.9.2011 21:45

Odgovori Citiraj

Re: Web stranice

alankish kaže...

Što je već zauzeto?Slika?Napravi svoju.Gdje ti je mašta?

Lijepo da si to napravio, ali kakve veze ima to sa background-image propertyem?

Bez doga sam sliku bez problema stavio na pozadinu kad je došlo to nestala mi je slika!...neznam di da ubacim sliku?

Arian RIčko

trajni link nadporuka

0 0 hvala 0

alankish

15 godina

odjavljen

offline

uto 6.9.2011 21:56

Odgovori Citiraj

Re: Web stranice

77ari kaže...

alankish kaže...

Što je već zauzeto?Slika?Napravi svoju.Gdje ti je mašta?

Lijepo da si to napravio, ali kakve veze ima to sa background-image propertyem?

Bez doga sam sliku bez problema stavio na pozadinu kad je došlo to nestala mi je slika!...neznam di da ubacim sliku?

Kako to misliš neznaš?Imaš root fodler, gdje se ta tvoja web stranica nalazi, u njemu imaš index.html i recimo taj folder images, u njega iskopiraš sliku, i putem css je povežeš na element.Evo malo si prouči ovdje.Kreni sa tutorialima sa W3C Schools.

trajni link nadporuka

0 0 hvala 0