My page - www.inw.tym.cz

imnotwhafo · Napísal **imnotwhafo**: 20.01.2007 19:12

Tak.
Niekedy prvy tyzden po vianociach som sa strasne nudil a len tak z haluze som stiahol HTML kit.(predtym so o tvorbe webu nevedel vobec nic) A musim povedat, ze ma to znacne chytilo, najlepsi bol pocit, ked som sa hodinu o volaco pokusal a nakoniec to vyslo. Tak som spravil moju prvu superamatersku stranku. No a potom som chcel spravit nieco lepsie. Tak som zacal v notepade volaco robit az som vytvoril toto:
www.inw.tym.cz
Dakujem vsetkym ktory mi so strankou pomohli
TAK CO VY NA TO?
Kritizujte...

--ta stranka potrebuje trochu odlahcit

xyz · Napísal **xyz**: 20.01.2007 19:34

uff
podla mna kopu "ramcekov", na tom shoute sa ta oranzova zle cita
background.gif sa mi nepaci ale hodi sa k tym "ramcekom"
nuz v kode mas tam zmatok...

nato, ze je to tvoja prva stranka klobuk dolu

imnotwhafo · Napísal autor témy **imnotwhafo**: 20.01.2007 19:41

JJ shoutbox este vylepsim to som tam len narychlo hodil. S kodom sa tiez pohram. A dam atm menej kociek.

suchy · Napísal **suchy**: 20.01.2007 20:41

no tak moja prva stranka vyzerala tisic krat horsie ale skus odsadzovat texty od okrajov. bude to vyzerat lepsie.
a co sa tyka dizajnu skus ho robit jednoduchsi. pride mi to take preplacane, to menu posobi neprehladne a jak uz bolo spomenute vela ramcekov a moc tam kricia.

xyz · Napísal **xyz**: 20.01.2007 20:43

a este ked som sa na to pozeral nieco mi tam chybalo-> je to footer

imnotwhafo · Napísal autor témy **imnotwhafo**: 20.01.2007 20:49

jj trochu to odlahcim, zlepsim vyraznost, dam tam madzi menu a zbytok nejaky separator a footer.

imnotwhafo · Napísal autor témy **imnotwhafo**: 20.01.2007 20:56

A dalsia moznost je ze uplne zmenim grafiku lebo ma to dost bavi. :loony:

shaggy · Napísal **shaggy**: 21.01.2007 12:10

Vyzeráš, že sa chceš zamerať na grafiku, tak ti radím zmeň komplet dizajn stránky. To písmo je hrozné (v menu) je hrozné, zle ladí so stránkou, zle sa číta. Skús si urobiť poriadny návrh v Photoshope a potom to zrealizuj.

imnotwhafo · Napísal autor témy **imnotwhafo**: 21.01.2007 14:19

NJ prepracujem to, uz mam aj predstavu...

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 13:25

Este taka otazocka - momentalne som v skole a IE my nezobrazuje spravne tu stranku, neviete v com je to?

exot · Napísal **exot**: 22.01.2007 14:00

imnotwhafo píše:

Este taka otazocka - momentalne som v skole a IE my nezobrazuje spravne tu stranku, neviete v com je to?

heh vidiet ze robis stranu prvykrat, totiz ono nie je to len vytvorit stranku ktoru ti dobre zobrazi ffox abo opera, ide aj o to, aby to zobrazili vsetky sucastne prehliadace (aj textove) rovnako. takze sa s tym budes musiet este pohrat.

grafika - moj vkus (ako tu uz bolo spomenute) hodne husto preplacana, webgrafika vypada predsalen trocha inak, skus to prerobit trosku.

kod - hm, vidiet snahu aj v tomto smere (neviem z kade si to skopcil, alebo ci je to vsetko z tvojej hlavy), ale co sa tyka napr. validity, tak si este hodne daleko. vsimol som si ze ta mas 2x body a podobne. vsetko co sa da presuvaj do CSS. napr <body text="#ec6a38" link="#d4e9f0" vlink="#ec6a38" alink="#d4e9f0">, na to mame CSS ! ako vidim "robis" xhtml, tak sa nim drz a daco si o nom nastuduj, meta tagy ukoncuj />, resp. neparove tagy (napr. aj <br> sa ma ukoncit, tzn. ze pouzijes <br />).

samozrejme na zaciatok to nie je zle, ale ak sa tym chces zaoberat aj dalej tak sa mas co ucit. xhtml a css je super, mna osobne bavi

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 14:06

nj momentalne prepracuvam header a potom aj zbytok.

este taky dodatok: meta name... som okopiroval s niekolko stranok, hambim sa :oops:

Zbytok som spravil sam

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 16:35

Novinka:
co poviete na takyto header?:
http://img266.imageshack.us/my.php?image=header8po.gif

exot · Napísal **exot**: 22.01.2007 17:08

imnotwhafo píše:

Novinka:
co poviete na takyto header?:
http://img266.imageshack.us/my.php?image=header8po.gif

v pohode ale neviem preco ukazujes len header. predsa v photoshope (alebo obdobnom softe) sa spracuje najprv komplet cely layout stranky, ktory sa rozrezie a CSSkom vsadi do xhtml kodu. takze nerob oddelene header oddelene lave menu a pod. sprav celu stranku a potom si ju rozrez jak je libo.. :rolleyes:

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 17:17

ano ja viem, tak to aj robim, len som nechcel ukazovat zbytok

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 18:30

Este taka otazocka:
Ako odsadim povedzme 5px od kraju text v dive bez toho aby som musel pouzivat pre div padding?(ten mi totiz sposobuje zle vykreslovanie v IE)

suchy · Napísal **suchy**: 22.01.2007 18:58

no ja to riesim padingom a pre ie existuje taka vec ktorej sa hovori css hack. http://programujte.com/view.php?cisloclanku=2007010701-CSS-hacky
alebo sa to da riesit este sposobom ktory sa nazyva matriosky. to je ze do toho divka vlozis este jedno a tomu zadas margin

imnotwhafo · Napísal autor témy **imnotwhafo**: 22.01.2007 19:11

No slava dikz, tie hacky to je dobry o*eb :-D

exot · Napísal **exot**: 22.01.2007 20:28

no jo, IE treba ojebavat a riadne, ja to riesim zas troska inak, lebo hacky robia CSS nevalidnym.. pouzivam dalsi CSS subor len pre IE6. tu je example:

Kód:

<head>
..
<link rel="stylesheet" href="./styles/default.css" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" href="./styles/default-ie.css" type="text/css"  media="screen, projection" /><![endif]-->
..
</head>

v tomto pripade je:
default.css - vseobecne cssko pre kazdy prehliadac
deafult-ie.css - iba pre IE6 (pozor, nie 5 ani 7)

imnotwhafo · Napísal autor témy **imnotwhafo**: 23.01.2007 14:07

Nj asi to dam tak , kedze validita je validita.
PS Zmenil som design ale este to neni kompletne. Mohol by mi niekto povedat ci je border presne tak ako ma byt aj v Opere?

//edit:
Moze mi niekto poradit ako dat dva div-y vedla seba, lebo ked to spravim napr takto:

Kód:

<div>
   <div id="border">
</div>
   <div id="post">
<h1>Nadpis 1</h1>
<p>
blablabla
</p> 
</div>

tak mi to da pod seba.
Ked to spravim tak ze ten div border neukoncim, tak ten druhy bude potom zacinat tam, kde konci text prveho :jaw:

suchy · Napísal **suchy**: 23.01.2007 15:59

no na moj vkes si tam dal tie butony prilis velke

imnotwhafo · Napísal autor témy **imnotwhafo**: 23.01.2007 16:02

Ale lepsie nez predtym

//edit: tie divy som uz vyriesil

imnotwhafo · Napísal autor témy **imnotwhafo**: 24.01.2007 17:01

Tak, a je tu komplet graficky Upgrade, toto uz asi moc menit nebudem

PS>>Linky zatial nefunguju, lebo by som sa chcel spytat, ci by sa nejako dalo spravit(bez frames), aby po kliknuti na button mi nacitalo len ten hlavny div(id="post") a nie komplet celu stranku. Ale pochybujem ze sa to da. :loony:

--Je to hotove--
v 2.0

Fenius · Napísal **Fenius**: 14.02.2007 16:44

skus originalnejsiu grafiku lebo toto mi pripada okopirovane z tutorials.cz

imnotwhafo · Napísal autor témy **imnotwhafo**: 15.02.2007 19:22

Neboj uz sa pracuje na novej, bude to rapid, zlepsil som si vedomosti ale robil som dva navrhy grafiky a ani jeden sa nelubil tak teraz robim treti.
-z tutorials.cz to je, ano viac-menej skopcene preto lebo v tej dobe ked som to robil som vo photoshop skoro nic nevedel, teraz je to celkom dobre tak robim design uplne podla seba.
Coskoro bude update, mozno iny webhosting, uvazujem nad profitux.cz

//edit: este mi chyba naucit sa nieco z PHP, lebo chcem vutvorit funkciu search, lne to bude este trvat...

My page - www.inw.tym.cz

Podobné témy