Razvoj web-stranica

Bug Tečaj u HTML/CSS-u

Zvjerkan pon 20.2.2012 20:12

Ma zapinejm na ove tablice što imaju ove redove i stupce spojene, ovu prvu sam skonto.. to je jako lagana.

 

1.

 

<table border="1">
<tr>
<td>1</td>
<td>2</td>

 <td>3</td> 
</tr>
<tr>

<td>4</td>
<td>5</td>

 <td>6</td> 

 

</tr>
</table>

 

a ostalo nemam blage.

 

Pa ako hoćeš napisat riješenje i objasnit što i kako i zašto je tako... 

kule93 pon 20.2.2012 21:56

pozdrav !

jel mi može netko objasniti kako ide postupak od napravljene stranice do njene objave na netu odnosno zanima me kako se neka npr moja stranica može objaviti na netu i da li se to što plaća?

 

 

DamageHigh pon 20.2.2012 22:02
kule93 kaže...

pozdrav !

jel mi može netko objasniti kako ide postupak od napravljene stranice do njene objave na netu odnosno zanima me kako se neka npr moja stranica može objaviti na netu i da li se to što plaća?

Iako se u principu može dobiti i besplatno, hosting i domena se plačaju.

Dakle, zakupiš web-hosting (ili nađeš negdje besplatno, kao npr. 000webhost) i uploadaš stranicu. Kako bi do nje mogao i doći, a da ne upisuješ IP adresu, treba ti i domena. Domene se plačaju (znaju dolaziti i besplatno uz komercijalni hosting), ali i tu ima besplatnih alternativa kao npr. co.cc.

Horz čet 23.2.2012 08:45

...kada regaš domenu obično treba pričekati do 24h da se domena propagira (virtualno oživi).

Kada zakupiš (ili uzmeš neki free) host,  provider ti na mail pošalje pristupne šifre za cpanel,

FTP, NS brojeve...

 

NS brojevi su bitni jer pomoću njih "kačiš" domenu na server.

Obično su to ns1 i ns2 (name server). Te brojeve pejstaš na

account gdje si regao domenu i paziš da ih upišeš na pravo mjesto

inače nebu dobro:)

 

I ovo ponekad treba pričekati.

 

Kada si povezao domenu sa hostom skineš si neki FTP klijent

(preporuka FileZilla). To je sof instaliran na lokalno računalo a služi

za prebacivanje podataka (stranice) na server.

 

Kompletan site se na server sprema u za to predviđeno mjesto - i samo tamo.

To je obično public_html folder.

 

Ako sve ispravno napraviš i ukucaš

http://www.mojaDomena.com/

prikazati će se tvoja online stranica.

tnakir pon 5.3.2012 09:06
woodgamesfx kaže...

Jel ima tko da je počeo raditi s HTML5 ? Ako ima , jel može malo opisati tu tehnologiju iz prve ruke. 

 

 

Ja sam nesto cackao, ali nisam se htio previse zezati oko toga. Daleko je to od standarda. Sto te konkretno zanima?

woodgamesfx pon 5.3.2012 09:46
tnakir kaže...
woodgamesfx kaže...

Jel ima tko da je počeo raditi s HTML5 ? Ako ima , jel može malo opisati tu tehnologiju iz prve ruke. 

 

 

Ja sam nesto cackao, ali nisam se htio previse zezati oko toga. Daleko je to od standarda. Sto te konkretno zanima?

 

Zanima me koliko je brža implementacija html5 drugih web platformi, koje su performanse.

Da li podržava evente, da li radi asinhronično.

tnakir pon 5.3.2012 10:37
woodgamesfx kaže...

 

Zanima me koliko je brža implementacija html5 drugih web platformi, koje su performanse.

Da li podržava evente, da li radi asinhronično.

1. To neznam... ali mislim da novi browseri jako brzo rade sa javascriptom i rendanjem HTML-5. Svakako brze nego flash.

2. Eventi da

3. Async da

royalhero pon 5.3.2012 13:02

Evo ja sam se odlučio za liste, možda nije po njegovoj knjizi, ali vidim da ih niste obradili, a korisne su, pa evo.
Liste:
Liste se dijele na: nebrojive i brojive. Brojive liste se ubacuju pomoću <ol> tga, a nebrojive pomoću <ul>. Pojedinačne stavke liste ubacuju se pomoću <li> taga.
Nije zgoreg pomenuti da i ovi tagovi po standardu zahtjevaju završni tag.
Primjer brojive i nebrojive liste:
 
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title> Liste </title>
</head>

<body>
  <p>Poredak popularnosti programskih jezika:</p>
  <ol>
        <li>Java</li>
        <li>C</li>
        <li>C#</li>
        <li>C++</li>
        <li>Objective C</li>
  </ol>

  <p>Hardverska specifikacija LINKS Helium E5700:</p>
  <ul>
        <li>INTEL Dual Core E5700 (3.0GHz)</li>
        <li>RAM: 2GB</li>
        <li>HDD: 500GB</li>
        <li>DVDRW</li>
        <li>GMA X4500</li>
        <li>tipk.</li>
        <li>miš</li>
        <li>zvuk </li>
  </ul>
 
Još nam ostaju definicijske liste, koje ću obraditi kasnije.

TheRunner pon 5.3.2012 16:12

Da, radi po Head Firstu....
Bilo bi dobro ako već nastavlja netko drugi da @captain_soap_McTawish uredi svoj post sa linkovima na lekcije koje su drugi radili jer je njegov post odmah drugi pa barem dok se ne vrati OriginalEXE.

david7 pon 5.3.2012 19:41

Evo ja ću definicijske liste...

 

Definicijsku listu određujemo <dl> tagovima. Možemo zaključiti da ul znači Unordered List(nebrojive liste), ol je Ordered List(brojive liste), a dl je Definition List(definicijske liste).

Naslov neke stavke ćemo "umotati" u <dt> tag unutar kojeg stavljamo opis te stavke koji će se nalaziti između <dd> tagova. Ovdje je također potrebno napisati završni tag. Ukoliko otvorimo <dt> tag, zatvorit ćemo ga sa </dt>. Isti je slučaj i sa <dd> tagom, zatvoren izgleda ovako </dd>.

 

Već je navedeno što znače kratice ul, ol i dl. Sad ćemo pojasniti dt i dd... dt znači Definition Term(definicijska stavka), dok opis stavke, kojeg označavamo sa dd znači Definition Description(opis definicije)

Ovako izgleda HTML kod:

 

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Definicijske liste</title>
</head>

<body>
<dl>
<dt>Stavka 1</dt>
<dd>Opis stavke 1</dd>
<dt>Stavka 2</dt>
<dd>Opis stavke 2</dd>
</dl>
</body>

</html>

 

Da pojasnimo...

 

<dl> tagom smo otvorili definicijsku listu unutar koje ćemo pisati stavke i opise. Stavke i opise ne smijemo pisati izvan <dl> taga. Već smo rekli da <dt> označava stavke, a <dd> opis te stavke.

 

Ukoliko nešto nije jasno, slobodno pitajte.

dario111cro pon 5.3.2012 20:26

Izgleda da bi se ovo moglo pretvoriti u lijepi community step-by-step tutorijal. Nadam se da cu i sam uskoro uhvatiti vremena za napisati nesto. Sto vas zanima (mislim prvenstveno na pocetnike koji prate temu od pocetka)?

NoorMomento pon 12.3.2012 13:44

HTML5 i (X)HTML koriste apsolutno iste znakove i sve se radi na isti naćin osim

 

1.Head se moalo drugaćije deklarira puno jednostavnije udnosu na (X)HTML toćnije netreba ti ona cijela kobasa u doctypeu

2.. Neki novi tagovi koji imaju svoju smislenu cijelinu te pomažu nesamo boljoj poziciji u tražilicama već imaju svoju funkcionalnost koja stvarno puno olakša čovjeku život

3. Puno lakša integracija nekih tehnologija te samim time pojednostavljeno njihovo korištenje

4. HTML5 pruža neke nove mogućnosti dizajniranja stranica, te neke nove tehnike koje olakšavaju programeru život no zasad ih samo mozzila i chrome podržavaju.

 

to su one ljepe stvari, kreni mo sad na ružne

1. Svi browseri ne rade baš najbolje sa html5 (ista stvar sa css3) problem je u novim tagovima koji dolaze sa HTML5, a ne u naćinu pisanja

2. IE6-9 nepodržava html5 da se napravit da podržava nije komplicirano,a l treba obratit pažnju nato

3. Neki takovi rade malo drugaćije uodređenim broserima nije stvar tagova nego podoataka koji oni trebaju npr.

treba vam video datoteka

 

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

 

zašto dupli source tag zato jer svi braoseri nepodržavaju mp4 datote isto vrijedi i za sve vrste audio i video datoteka.

 

Html5 i CSS3 su stvari budućnosti mnoge stvari unjima olakšavaju život no problem je što dosta ljudi koristi brovsere kojih ne podržavaju te treba stranice optimizirat za njih, no kada oni postanu standart ako ste stranicu napisali te tehnologije stranica će vam puno bolje živijet, puno će je laše bit održavat i sl.

 

Svladajte osnove HTML i CSS jer sve te stvari ćete koristiti i u HTML5 i CSS3

royalhero pon 12.3.2012 17:57
Intelovac123 kaže...

Evo nasao sam jednu knjigu za HTML5 i CSS3..

 

Uopste nije skupa i zanima me da li se iz nje moze nauciti bar osnove i nesto malo naprednije?

Kratak sadrzaj:

Uvod xi
Uvod u HTML
Izrada veb strane pomocu HTML5 oznaka
HTML oznake za markiranje teksta
HTML hiperveze
Dodavanje slika na HTML stranu
HTML tabele
HTML obrasci
Upotreba HTML atributa za fino podesavanje obrazaca
CSS3 – sta je novo?
Uvod u CSS
Definisanje CSS stilova
Podesavanje ivica pomocu CSS-a
Formatiranje boja i pozadine pomocu CSS-a
Formatiranje fontova i teksta pomocu CSS-a
CSS margine, udaljenost od ivica i velicina elementa
Pozicioniranje elemenata pomocu CSS-a
Jos ponesto o CSS-u
Dodatak 1: Lista HTML oznaka koje se korite u ovoj knjizi
Dodatak 2: Lista CSS svojstava koja su objasnjenja u ovoj knjizi
Dodatak 3: CSS imena boja i numericke vrednosti
Recnik termina
Vodic za resavanje problema
(Izdavac)

 

Prema sadržaju- može!

david7 pon 12.3.2012 19:29

Što se tiče HTML-a 5 i CSS-a 3, apsolutno ih podržavam i koristim... HTML5 Shiv, Boilerplate, i još mnogo fixeva koji omogućavaju rad na svim browserima... Ne shvaćam korisnike koji još koriste IE6 ili neki drugi, da ga nazovem, mutavi preglednik... Kada pogledam statistiku na sajtovima koje administriram, plače mi se kada vidim da je IE najzastupljeniji... Šta je toliki problem skinuti Chrome, FF, Safari, Operu ili čak najnoviji IE? Ako ovdje ima onih koji su još na IE-u 6, pozivam ih da si nabave neki od gore navedenih preglednika i olakšaju život i sebi i nama developerima.... Vjerujte, dobit ćete mnogo, a mi ćemo vam biti zahvalni... 

NoorMomento uto 13.3.2012 08:34

U potponosti se slažem stobom mozzila rules neradi nikakve probleme uvjek prati standarde itd. (Nije ni chrome loš, al sam paranoičan po pitanju njega radi propusta u sigurnosti). No tužna je slika unas što je velik postotak ljudi još ovisan o IE6 pogotovo firme koje su još na pentijum kompjutorima većinom.

david7 uto 13.3.2012 10:38

Meni je opet Chrome favorit zbog brzine i jednostavnosti.... Inače, da kažem svim početnicima koji su svladali HTML i CSS da se uhvate HTML-a 5 i CSS-a 3 jer će im mnogo koristiti u budućnosti kada postane standard..

Nova tema

Nova poruka u temi

Novi komentar na sadržaj

Odgovor na poruku

Uređivanje poruke

    Dodaj slike (max 5MB)