Iscem Html & css tutorial
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #1 Objavljeno 14.01.2014 15:39:25 Iscem Html & css tutorial |
|
Zdravo,
kot je zgoraj omenjeno, iscem dober html & css tutorial, osnove html-ja so mi sicer ze malo jasne, o css pa ne vem prav dosti. Zelim najti nek tutorial, kjer so zraven dobri primeri in pa prav tako zadolzitve oziroma naloge, da se delas na prakticnih primerih. Bi bil zelo hvalezen za predloge!
Hvala,
Lp Ales
|
|
Premaknjeno: Tor 14. Jan 2014 15:42. |
Jablanator
Pridružen/a: 10.10.2012 |
Prispevkov: 141 |
|
|
|
|
Prispevek: #2 Objavljeno 14.01.2014 16:57:32 Re: Iscem Html & css tutorial |
|
|
|
Stevie Jabuk
Pridružen/a: 04.10.2011 |
Prispevkov: 749 |
|
|
|
|
Prispevek: #3 Objavljeno 14.01.2014 17:15:53 Re: Iscem Html & css tutorial |
|
Udemy.com sam sem nabavil tutorial od LearnToProgram.Tv (Mark Lassoff - become certified web developer), ko je bil znizan iz 199$ na 29$. Vem da obstaja polno brezplacnega materiala, samo tukaj je res vse na kupu, HTML, CSS, JavaScript, PHP, SQL,... Videi podkrepljeni z primeri, vaje in testi ob koncu lekcij. Mislim da je tecaj vseboval okoli 200 posnetkov ce se ne motim, predelal pa sem ga v slabih dveh mesecih. Skratka za vsoto ki sem jo placal res obilo znanja.
Edit: je pa na udemy.com polno brezplacnih in placljivih tecajev in ves cas so neka znizanja itd...
_________________ MacBook Pro iPhone Apple Watch
|
|
Jabuček
Pridružen/a: 06.06.2007 |
Prispevkov: 62 |
|
|
|
|
Prispevek: #4 Objavljeno 14.01.2014 20:28:00 Re: Iscem Html & css tutorial |
|
HTML in HTML5 tutorial s celim kupom primerov v slovenščini: http://sola-programiranja.osik.si
|
|
Stevie Jobs
Pridružen/a: 05.02.2008 |
Prispevkov: 3715 |
|
|
|
|
Prispevek: #5 Objavljeno 14.01.2014 22:55:13 Re: Iscem Html & css tutorial |
|
|
|
Stevie Jobs
Pridružen/a: 10.11.2008 |
Prispevkov: 9142 |
Kraj: LJ |
|
|
|
Prispevek: #6 Objavljeno 14.01.2014 23:39:35 Re: Iscem Html & css tutorial |
|
Kaj pa lynda.com nima nič pametnega?
http://www.lynda.com/search?q=html5+css
Na travnikih maš njihove robe kolk hočeš.
Jaz sem se pred časom po njihovih filmih učil Dreamweaver in sproti dobil še kar precej dodatnega znanja iz web standardov (html, scc, javascript, php, sql)
|
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #7 Objavljeno 15.01.2014 20:17:18 Re: Iscem Html & css tutorial |
|
Super, hvala za predloge. se bom poglobil
|
|
Jablanator
Pridružen/a: 08.08.2012 |
Prispevkov: 146 |
Kraj: Ljubljana |
|
|
|
Prispevek: #8 Objavljeno 26.01.2014 11:50:12 Re: Iscem Html & css tutorial |
|
Na cultofmac.com v podmeniju deals imaš cel kup zelo znižanih tečajev (learn html5 and javascript za 19 dolarjev al pa Become web developer from scratch za 30 dolarjev--tega sm tudi jst vzel in je ogromen. VSebuje cirka 42 ur tečaja. Je mal na bol amaterski ravni, ampak dobišpa osnovno idejo za vsa področja web develpmenta....html, html5, css3, php, javascript, jqueri, xml).
_________________ Macbook Air 2012 i5 8G rama 128 SSD
|
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #9 Objavljeno 02.02.2014 19:36:03 Re: Iscem Html & css tutorial |
|
Sem našel ustrezen tutorial na udemy. Hvala za vse predloge!
Sedaj pa imam eno vpršanje...
Na spletni strani imam dve sliki 600x500 eno ob drugi... vendar ko na browserju (chrome) izberem da okno prilagodi vsebini, je na desni strani rob večji kot na levi... kako to popraviti?
hcala in lp
|
|
Stevie Jabuk
Pridružen/a: 04.10.2011 |
Prispevkov: 749 |
|
|
|
|
Prispevek: #10 Objavljeno 02.02.2014 20:12:38 Re: Iscem Html & css tutorial |
|
lakai je napisal/a: | Sem našel ustrezen tutorial na udemy. Hvala za vse predloge!
Sedaj pa imam eno vpršanje...
Na spletni strani imam dve sliki 600x500 eno ob drugi... vendar ko na browserju (chrome) izberem da okno prilagodi vsebini, je na desni strani rob večji kot na levi... kako to popraviti?
hcala in lp |
Sklepam da imas obe na "float:left", morda ce das eno float:left in drugo float:right, lahko das obe v en div in mu dolocis margin: 0px auto;... Resitev je naceloma veliko ampak najbolje bi bilo ce nalimas html in css kodo da se vidi na cem si
_________________ MacBook Pro iPhone Apple Watch
|
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #11 Objavljeno 03.02.2014 09:56:41 Re: Iscem Html & css tutorial |
|
Imel sem float:left in float:right.... Ne vem v čem je problem, ker ne deluje nič...
Imam pa še eno težavo... ne vem v čem je fora, ampak dvakrat moram definirati padding-bottom. v prvem div in nato še vstaviti en prazen div+style, da mi naredi na koncu (spodaj) strani praznih 80px...
Označeno z redečo barvo, če ni enega ali drugega, potem se spodnji rob ne prikaže....
Koda: | <!DOCTYPE html>
<html>
<head>
<title>TEST WEB</title>
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<style>
h1{
background-color:#000000;
color:#FFFFFF;
margin:10px 0 10px 0;
padding:0 0 0 0;
font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace;
font-size:70px;
text-align:center;
}
body{
background-color:#000000;
width:1000px;
}
</style>
</head>
<body>
<div style="width:1000px;height:90px;">
<h1>TEST?™</h1>
</div>
<div style="width:1000px;height:612px;padding:0 0 80px 0;">
<a_ href="http://www.test.com/" target="_blank">
<img src="http://slika2" alt="Slika1" style="float:left;"/>
</a>
<a_ href="http://www.test.com/shop/" target="_blank">
<img src="http://slika1" alt="Slika2" style=";float:right"/></a>
</div>
<div style="width:1000px;height:80px"></div>
</body>
</html> |
Nazadnje urejal/a lakai Pon 03. Feb 2014 10:48; skupaj popravljeno 1 krat
|
|
Stevie Jobs
Pridružen/a: 10.11.2008 |
Prispevkov: 9142 |
Kraj: LJ |
|
|
|
Prispevek: #12 Objavljeno 03.02.2014 10:44:32 Re: Iscem Html & css tutorial |
|
A po novem ni treba diviv več zaključevat s slash div, al ti je samo požrlo del kode, ker si objavil kot quote namesto kot code?
|
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #13 Objavljeno 03.02.2014 10:49:10 Re: Iscem Html & css tutorial |
|
Ja... ker sem uporabil "quote", in obarval rdeče... Sem sedaj popravil.
|
|
Stevie Jabuk
Pridružen/a: 30.11.2007 |
Prispevkov: 399 |
|
|
|
|
Prispevek: #14 Objavljeno 03.02.2014 21:12:33 Re: Iscem Html & css tutorial |
|
Če imaš floatan content, pomeni da je pozicioniran nad parent node-om in nad njim lebdi (float-a). Ker lebdi ta vsebina ne vpljiva na dimenzije parent node-a. Dejansko to pomeni, da je padding drugega diva brez efekta.
Namesto, da drugemu div-u daš fiksen height, lahko dodaš v drug div na koncu še en div:
...
<img src="http://slika1" alt="Slika2" style=";float:right"/>
<div style="clear:both; height:0">
...
|
|
Jabužiček helper
Pridružen/a: 03.01.2009 |
Prispevkov: 3825 |
|
|
|
|
Prispevek: #15 Objavljeno 04.02.2014 10:23:04 Re: Iscem Html & css tutorial |
|
Hvala za odg, sem sicer sam popravil, na drug način, vendar ne vem če je ok...
Zanima me še, kaj se da storiti za padding na desni strani, da se torej stran lepo odpre v brwoserju, tako da je od vsebine (torej dveh slik) na vsaki strani enakomerna razdalja.
trenutna koda:
Koda: | <!DOCTYPE html>
<html>
<head>
<title>SLIKA</title>
<link href="WGSfavicon.ico" rel="icon" type="image/x-icon"/>
<style>
h1{
background-color:#000;
color:#FFF;
font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace;
font-size:70px;
text-align:center;
margin:15px 0px 15px 0px;
}
a{
color:#FFF;
text-decoration:none;
}
body{
background-color:#000000;
width:1000px;
margin-bottom:75px;
margin:0 10px 70px 10px;
}
</style>
</head>
<body>
<div>
<h1>
<a href="http://www.slika.com/">SLIKA?</a>™
</h1>
</div>
<div style="width:1000px;height:700px;">
<a href="http://www.slika1.com/" target="_blank">
<img src="slika1.png" alt="slika1" style="float:left;"/>
</a>
<a href="http://www.slika2.com/shop/" target="_blank">
<img src="slika2.png" alt="slika2" style=";float:right"/>
</a>
</div>
</body>
</html> |
|
|