Jabuk - Poglej temo - Iscem Html & css tutorial

Iscem Html & css tutorial

lakai

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.

zhelzkitc

Jablanator

Pridružen/a: 10.10.2012

Prispevkov: 141

Prispevek: #2 Objavljeno 14.01.2014 16:57:32
Re: Iscem Html & css tutorial

www.codeschool.com

ajCloud

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. Cool

Edit: je pa na udemy.com polno brezplacnih in placljivih tecajev in ves cas so neka znizanja itd...

_________________
 MacBook Pro  iPhone  Apple Watch 

iztok15

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

agerg

Stevie Jobs

Pridružen/a: 05.02.2008

Prispevkov: 3713

Prispevek: #5 Objavljeno 14.01.2014 22:55:13
Re: Iscem Html & css tutorial

Men je tale zelo všeč: http://www.w3schools.com

macata

Stevie Jobs

Pridružen/a: 10.11.2008

Prispevkov: 9108

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)

lakai

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 Smile

Boris_Lion_SLO

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

lakai

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! Smile

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 Smile

ajCloud

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! Smile

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 

lakai

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

macata

Stevie Jobs

Pridružen/a: 10.11.2008

Prispevkov: 9108

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?

lakai

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.

doto

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">

...

lakai

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>

« Poglej prejšnjo temo - Razvoj programske opreme - Poglej naslednjo temo »

Gostovanje: 3fs.si