Programiranje

Html kako napraviti web stranicu

decko1987 uto 9.2.2010 20:37

ovako stvarno sam se pomucio da nađem ovu temu ali nisam uspio i jako mi je zao ako je ovo dupla tema ali trebam pomoc...

ovako radim jednu web stranicu u notepadu  za vjezbu to mi je prva...sada znam one osnove kako umetnuti naslov,ostali tekst,breakove,boja backgrounda,boja slova itd...

e sad me jos zanima kako da umetnem linkovve ,slike, bacground sliku, mozda onu trazilicu, i kako je na kraju staviti na internet...

molim vas da mi pomognete jer sam pocetnik.hvala svima unaprijed...Smijeh

MrBlc uto 9.2.2010 23:16

Što se tiće izrada web stranica, baci pogled na http://www.w3schools.com/

 

U pravilu ti svi operateri daju šaku megabajta sa hostanje stranica, pa na korisničkim stranicama imaš sve postavke i web sučelje za upload stranica. Obično ti je adresa tvojih stranica u obliku www.operaterova_domena.hr/~tvoj_account ili   www.operaterova_domena.hr/freeweb/proizvoljni_naziv_koji_je_slobodan.

Naravno, imaš i zakup host-ova, ali u to nisam previše upuče.

 

Stranice možeš postaviti i na svoje računalo, samo su nedostupne kad ti je računalo ugašeno, treba ti dyndns za bi imao pristup iz vana, otvoren port na routeru, dignut web server na računalu i na kraju ti brzina učitavanja bude loša jer ovisi o tvojo brzini upload-a.

decko1987 pet 12.2.2010 21:02

imam pitanje...ja kakoradim te link slike zelim da budu kao povezane....neznam kako da to opisem.zelim da bude kao jedna slika sa vise linkova...kao traka sa vise linkova....jel ima neki nacin kako to napraviti......hvala

 

street pet 12.2.2010 22:32
decko1987 kaže...

imam pitanje...ja kakoradim te link slike zelim da budu kao povezane....neznam kako da to opisem.zelim da bude kao jedna slika sa vise linkova...kao traka sa vise linkova....jel ima neki nacin kako to napraviti......hvala

 

 

decko1987 kaže...

...

Jel mi mozzete reci jeli dobro ovo za 14-togodišnjaka...ima jos dolje i nije jos gotovo

Koliko sam shvatio iz prvog posta želiš postaviti više linkova na jednu sliku. To pogledaj ovdje: http://www.w3schools.com/TAGS/tag_map.asp

Što se tiče drugog posta ovo je sasvim ok ako si tek počeo. Samo bih ti jos savjetovao da kod linkova stavis border na 0.

markomarko pet 12.2.2010 22:35
decko1987 kaže...

hvala puno...ali neznam sta je border na 0...i jel znas kako da maknem da mi je oko linka ljubicasto..

nemas bas stila.jer taj text mi ide na k**** primjerice.a i nekako nije sve slozeno.No,vidi se potencijal.Ali trebas ti napraviti dizajn kodiran za webspell ili drupal,da mozes pisat postove,nije to toliko jednostavno :)

street pet 12.2.2010 22:46
decko1987 kaže...

hvala puno...ali neznam sta je border na 0...i jel znas kako da maknem da mi je oko linka ljubicasto..

Bas sam na to mislio. Bilo bi dobro da naucis koristit CSS, ali mozes i HTMLom. Stavi border="0" unutar img taga.

Primjer: <img src="slika.jpg" border="0"/>

sk8 4 life pet 12.2.2010 22:46
decko1987 kaže...

hvala puno...ali neznam sta je border na 0...i jel znas kako da maknem da mi je oko linka ljubicasto..

promjeni u CSS-u, cuj ljepo je to što si se zabavio oko web dizajna ali nemoj mucit ljude ljepo nauci CSS, HTML i malo jave ako ti bude teška nauci jQuery i nakon 1 mj. ucenja radit ćeš stranice i po, a ovoj ceš se smijat. Stvarno nema smisla da za svaki problem pitaš kako kako...pa di je tu istraživaćki duh!! Namigiva

MrBlc sub 13.2.2010 12:21

Ako ti engleski ne šteka, pročešljaj tutorijale na w3schools. Kreni sa html-om i css-om, pa dalje lagano što ti bude trebalo. Puno ćeš bolje naučit nego ovako da pitaš kako ću ovo, pa ti netko odgovori. Kad prođeš tutorijale, ostati će ti u glavi nešto što nisi ni isprobao, pa kad ti bude trebalo, onda će biti "Aha, to je ono, vidija sam to na w3schools, idem viditi kako se to točno napravi".

vedrann ned 14.2.2010 19:53
decko1987 kaže...

meni se sviđa ova traka s linkovima...moram i ja naucit css haha...mi mos napisat di si naso to kako napraviti tu traku...(link)...molim te

Nisam napravio izbornik samo sam ga skinio sa interneta i ubacio.

sk8 4 life ned 14.2.2010 20:59
vedrann kaže...

Pozz. Danas sam poćeo učit html+css. Gledao sam tutoriale na http://www.w3schools.com i do sada sam napravio ovo. Koristio sam html+css. Izbornik i background sliku sam stavio pomoću css-a Sad me zanima kako se ubacuje banner i kako se ubacuju izbornici sa strane. Čito sam sve na w3schools al nisam mogao naći.

trebaš naućit kako uradit div tagove-napisat ih u HTML-u i uredit u CSS-u, ako to nisi napravio pri smanjivanju preglednika sranica će se "raspast".

 

 

 

vedrann ned 14.2.2010 22:28

Ako sam dobro skužio ide ovako:

Ako imam ovaj kod: <div id="right" style="text-align: right;">
                                   <img src="/slike/Dmx.jpg" width="320" height="240"

 

css za njega je ovaj #right img {
                                 width: 100;
                                 height:200px

                                 {

 

 

i sad ako imam naprimjer: div id="auto"

                                         <img src="/slike/Dmx.jpg" width="320" height="240"

                                         <li><a href="/index.html" title="index.html">Početna</a></li>

css kod za sliku je #auto img {

                    width: 320px;
                    height: 240px;

                    }    

css kod za link je #auto a{

                                 width: 5px;
                  height: 2px;
                  font: serif;
                  font-size: 26px;
                  }

jel ide ovako ili ne.

Hvala na pomoći.

 

sk8 4 life ned 14.2.2010 22:53
vedrann kaže...

Ako sam dobro skužio ide ovako:

Ako imam ovaj kod: <div id="right" style="text-align: right;">
                                   <img src="/slike/Dmx.jpg" width="320" height="240">

 

css za njega je ovaj #right img {
                                 width: 100;
                                 height:200px

                                 {

 

 

i sad ako imam naprimjer: div id="auto"

                                         <img src="/slike/Dmx.jpg" width="320" height="240">

                                         <li><a href="/index.html" title="index.html">Početna</a></li>

css kod za sliku je #auto img {

                    width: 320px;
                    height: 240px;

                    }    

css kod za link je #auto a{

                                 width: 5px;
                  height: 2px;
                  font: serif;
                  font-size: 26px;
                  }

jel ide ovako ili ne.

Hvala na pomoći.

 

da to je to...

div tagovi se mogu nazivat kako želiš ali kombinacija naziva right i left nije poželjna jer npr. meni na jednom prosjecnom template-u bude oko 12-ak div tagova i zbog takvih imena bi se mogao izgubit u šumi koda, pa ih radije imenuj Header, mainContent, footer, sidebar itd. ili na Hrv. Glava, glavni sadrzaj, zaglavlje, drugi sadrzaj itd.

vedrann pon 15.2.2010 14:41

kako dodam sliku ispod slike koristim ovaj kod <img src="put do slike" ali uvijek se slika stavi pokraj ove prve. Ako stavim align "left" ili align "right" i na tu poziciju dvije slike stave se jedna pokraj druge.  

sk8 4 life pon 15.2.2010 15:02
vedrann kaže...

kako dodam sliku ispod slike koristim ovaj kod <img src="put do slike" ali uvijek se slika stavi pokraj ove prve. Ako stavim align "left" ili align "right" i na tu poziciju dvije slike stave se jedna pokraj druge.  

tako da na svaki img tag dodaš paragraf <p></p>

 

npr.

<p><img src="put do slike1" width="85" height="40" /></p>
<p><img src="put do slike 2" width="85" height="40" /></p>

 

decko1987 uto 16.2.2010 21:31

ljudi trebam pomoc sad stvarno neznam sta da upisem u google...

jel se mogu kad stavljam slike stavit sve odjednom a ne da jednu po jednu stavlja...(a ako moze jos bolje da je sve u istom prozoru pa da listam jednu po jednu sliku...

sk8 4 life uto 16.2.2010 22:42
decko1987 kaže...

ljudi trebam pomoc sad stvarno neznam sta da upisem u google...

jel se mogu kad stavljam slike stavit sve odjednom a ne da jednu po jednu stavlja...(a ako moze jos bolje da je sve u istom prozoru pa da listam jednu po jednu sliku...

za ovo podebljano ti treba znanje u JavaScript-u može i jQuery ili AJAX što ti bolje bude išlo...ili ako želiš više vizualno uradi u Flashu CS4 i smjesti flash u HTML kod.