Muj web/weby

Jestli ti je do pěti let, je to perfektní...

aha...tak dik...

Kámoši mají pravdu.
Ale jestli je to první pokus, tak to není až taková bída.
Hloupé na tom je, že nemáš vkus. Nevidíš, že se některé barvy k sobě nehodí. Potom taky nemáš znalosti - jinak bys nemohl mít ve zdrojovém kodu třeba "<font FACE="PAPYRUS">".
Na znalostech se dá zapracovat - třeba tady: www.jakpsatweb.cz
S tím vkusem to bude horší.

no jo... s tim vkusem a predstavivosti to je asi urcite pravda, pac tohle je uz 3. pokus... asi se na to vykaslu, pac ze me nikdy dobry grafik nebude...

Být Tebou bych to nevzdával...Grafiku, webdesing, dobrý vkus si neosvojíš během pár pokusů, ale jsou to léta dřiny a odříkání. Koukej po ostatních webech, jak jsou zpracovány graficky, uvědom si, že někdy méně je více..a pak to půjde:)

a taky by to chtelo nejaky talent na kresleni... ja ve vytvarce stejne vsechno poseru xD

a taky... pokazdy vidim jen weby, ktere jsou bud udelane pres jinne weby (takove ty naklikavaci xD) a nebo nejaky uplne krasny, ktery je rucne nakresleny, a ja ho nikdy neudelam, pac nemam skoro zadne zkusenosti s photoshopem... pouzivam ho jen malo, a zadny kurz nemam, ani se ho nikde neucim...

talnet na kreslenie nepotrebujes, nikto nehovori, ze tam musis mat 200 obrazkov ktore si kreslil ty, ale vkus bude potreba, to ano - ale ten sa da ziskat casom ako ti tu radili

neexistuje nejaky kurz na photoshop?

*zdarma

Hele od čeho je google?
Ten najde věcí... Dokonce i jak na Photoshop. Nu jsem nemocný tak mám čas. Koukni tu:
http://www.tutorials.cz/clanek1248-zaklady-v-photo shopu-cs3-prvni-spusteni-lekce-v-ovladani
http://photoshop.apple-mac.cz/navod/adobe-photosho p-navod-1
Jsou to dostatečně blbovzdorné návody...

Uprimnost nadevse :D

Co si budeme nalhávat, ve Photoshopu to bude stejně hnusný. Jen to zabere víc času.

hmm takze ikdyz to budu delat 5let, tak to bude hnusny?

Zkus to, za pět let se zeptej znova.

za 5 let by to podle me melo byt urcite lepsi... napisu ti (doufam)

Hlavně tam nedávej anketu, jak se vám líbí, počítadlo a dnes má svátek Božena.

ok dik za radu :D

Dobra rada nad zlato. Ani dnesny datum.

Na vytvoření pěkného webu Photoshop nepotřebuješ.

photoshop nepotřebuješ. Začni s tužkou a papírem, popř. vodovkami.

Až budeš umět navrhnout web na papíře, pak můžeš přejít k elektronické formě (a nemusí to být ani photoshop, existuje milion jiných "malovátek" za nižší nebo nulovou cenu - nepředpokládám, že bys měl PS koupený)

Přasně tak, nevzdávej se. Koukni třeba na tyto stránky:
bestwebgallery.com
Mají tam sice často i poměrně náročné kousky, ale to nevadí. Spíš hledej kombinace barev a tvarů, rozložení stránky, zajímavé nápady atd.

jak se tak znam, tak kdybych chtel tohle udelat ve vlastni tvorbe (proste to"obkreslil" ) tak by to vypadalo odporne... no zkusim jeste neco... kdyztak dam nekdy vedet, ale dneska bych to uz asi nedal

Promiň, ale je to infantilní. Rozvržení zcela přebijí ty hnusný prvky (nesouladnost barev, debilní písmo, hlavičky menu), taková vuvuzela na staďáku.

Nevzdávej to, každý někdy začal a teď by svůj první web neukázal ani za zlaté prasátko.
nazorne.php

tohle je muj 3. pokus... chces videt prvni?? asi pred pul rokem xD ... sracky.borec.cz ...rekl bych, ze je to 100x horsi, nez to, co jsem ted tvoril ::D :D :D :D

Já bych tak kritický k původní tvorbě nebyl. Je to zhruba stejný.

no jo, tak pro vas no... to je fuk..

Pouzivas hrozne farby a farebne kombinacie, na to sa vobec neda pozerat (to nove je stejne). Precitaj si nieco o ergonomii farieb.
Druha vec je nechapem preco si mysils ze web musi byt domalovany jak omalovanky pre deti do 3rokov. Na webe ma byt nejaky zaujimavy text/obsah, a podla moznosti citatelnou farbou, a nie modrym pismom na modrom pozadi. Vsetko ostatne (vyjma toho zaujimaveho obsahu) mozes odtial vyhodit. T.j. mozes vyhodit vsetko co tam doteraz je :)

Prožil jsem docela příjemný víkend, a toto (myšlena tato diskuze) je taková zlatá tečka. Pokud se hodláš webdesignem zabývat vážněji i nadále, tak ti může, mimo již zmíněných, pomoci i generátor barevných schémat.
Ovšem s tím vkusem...

Peknee...moc dik

Viděl jsem mnoho horších. Trochu mi to přijde jako někde okoukaný třísloupcový layout se změněnými barvami.
Než si navymýšlíš 150 rubrik, dělej to raději obráceně. Vycházej z toho co máš a na to udělej rubriku. Je docela trapné, když se přijde někam na web a na osmnácti stránkách ze dvaceti je nápis ve smyslu "na stránce se pracuje" a je tam 5 let, protože autor si nejdříve vymyslel rubriky a neměl do nich co dát.
Jinak jak už tu zaznělo: "Méně je více."
Na kód jsem se ani nekoukal. U stránky s návrhem to myslím nemá cenu.

co myslis tim "Na kód jsem se ani nekoukal. U stránky s návrhem to myslím nemá cenu."?

Za kratu neodpoviem, len poradim, aby ste, p. Debil, pouzival validatory. Nehovorim, ze ich berte ako modlu a vzdy vsetko optimalizoval pre validatory na 0 chyb, ale aspon sa budete vyvarovat chyb, ako tato:

<div id="clanek2" style="position: absolute; top: 700px; left: 190px;")

(Na konci mate oblu namiesto "hranatej" zatvorky)

aha...omlouvam se...

nechci nikomu delat reklamu, ale da se v photoshopu udelat napr. tento web? securis.vserver.cz ... by me zajimalo, jak neco takovyho jde vubec nakreslit...

v Photoshopu se weby nepíšou...

a proc mi hodne lidi reklo, ze to vytvareli ve photoshopu??... a tak v cem to mam delat?

PSPad. Photoshop je na obrázky.

No tak to joo... proc tedy psal "v Photoshopu se weby nepíšou...", kdyz jsem o psani nepsal nic :D

protože ho neudělal v PS. Chápeš? Weby se píšou.

:D ... ja vim, ale musis taky do toho nakreslit (napr. v PS) ty obrazky... vlastne nemusis, ale je to hezci...

Obrázky kreslit ve Photoshopu? Případný nick.

Umíš nakreslit obrázek tužkou na papírek? Jestli ne, ukradením Photoshopu se to nezlepší.

Jo, grafické rozvrhnutí se dělá v photoshopu / jiném programu, co umí pracovat s vrstvami. Vlastní nakodování už třeba v PSPadu .

Udělají se obrázky, editotrů na obrázky jsou tuny (jeden z nich - placený a pro tebe "kanón na vrabce") je Photošop další zadarmiko jsou například
Photofiltre photofiltre.suewebik.net
Paint.Net paintnet.suewebik.net
A když jsou obrázky připravené, napíše se zdrojový kód třeba v PSPadu www.pspad.com

Tvůrci securis vyřiď, že weby se dělají takové, aby se vešly na šířku na monitor a nevznikal vodorovný posuvník.
Myslím, že byste si oba měli lépe prostudovat www.jakpsatweb.cz. Pokud by to bylo moc složité, je ještě polopate.jakpsatweb.cz

Nicméně neklesej na mysli, každý nějak začínal.

<Joke> Tvůrce securisu zřejmě nepočítal s tím, že nějaký hráč bude prohlížet stránky na 15" CRT </joke>

LOL. Mám normální notebook 1024x768.

No jo... ten photoshop mam stazeny, a stahnul jsem si i videokurz na nej, tak to jeste zkusim s nim... ty kody pisu vetsinou normalne v textaku... na tom jakpsatweb.cz studuji porad, ale asik malo...

Zkusim to zase, doufam, ze to bude lepsi...

místo kradení software investuj svůj čas raději do vzdělání.

vsak ja se ucim dobre... jsem v 8. tr a na vizo bude jen par dvojek... pak se (doufam) dostanu na skolu, sezenu praci (taky doufam) a PS si koupim... slibuji!

věřím tomu, že kdyby jsi znal cenu photoshopu, nebudeš tvrdit, že si ho koupíš:) Sorry za OT

No to si delate prdel?!? Ono to stoji 12 000kc?!!?... Tak to nevim no :d ...sry za cl
Upravena velikost písmen. (LaKr) (Kráťa)

Cena:
od 15468,- Kč (18.599,- Kč s DPH)

Další varianty produktu:
Nová licence (ceny bez DPH):

21.836,- Kč
Adobe Photoshop Extended CS5 WIN CZ

21.431,- Kč
Adobe Photoshop Extended CS5 WIN CZ Licence

15.527,- Kč
Adobe Photoshop CS5 WIN CZ Licence

20.757,- Kč
Adobe Photoshop Extended CS5 WIN CZ UPSELL z PS ELEMENTS

17.934,- Kč
Adobe Photoshop CS5 WIN ENG

26.016,- Kč
Adobe Photoshop Extended CS5 WIN ENG

etc.
http://www.sw.cz/digitalni-fotografie/uprava-fotog rafii/adobe-photoshop-cs5-win-cz/

Proc to stoji tolik?!? vzdyt je to jen blby program... mimochodem jak udelal majtel webu bestwebgallery.com u toho horniho menu to, ze ma tu svetlou barvu jen dole a na bocich, pritom vnitrek je uz tmavy?

ok uz to mam

tak si to naprogramuj, ked je to len blby program. Podobne amaterke pubertalne kecy milujem....
Preco stoji dobre vybavena Oktavka pol miliona? ved je to len blbe auto...

no tak promin no...

no, srovnávat ochcávku a PS je trochu mimo mísu.

Nikoli, PS není "blbý" program. Je to SW, který má za sebou už 20 let vývoje. A kupovat jej nemusíš, existuje pro běžnou práci kopa podobných, které jsou buď za hubičku, nebo dokonce zdarma. Na dělání webů bohatě stačí např. GIMP - a ten je zdarma. PS využijí profíci, co se zabývají grafikou a tiskařinou, dokáží využít např. všech barvových prostorů, apod.

Jistě lze louskat ořechy (tj. dělat web grafiku) tankem (PS), ale proč, když existují louskáčky (GIMP, Paint.net apod.)...

PSPad je také "texťák". Pouze oproti Notepadu je to na psaní webu jako Mercedes proti Trabantu.
Z jakpsát webu si zkopíruješ kousek kódu, nahradíš tam své věci a nemůže se ti například stát, že máš na konci kulatou závorku místo špičaté.
A i v tom PSPadu je vkládání tagů, kdy pouze doplníš například style (okopírované z jakpsátwebu) a tag se vloží dobře.

nemyslis, ze by bylo lepsi, kdybych to psal sam, nez abych to kopiroval? pac takhle se to naucim hur, kdyz to jen zkopiruji a bude to napsane bez chyb.

Samozřejmě to piš jak je ctěná libost. Nicméně když to píšeš celé sám, tak si to pak zkontroluj validátorem, jestli tam nemáš blbosti.

Měl jsem na mysli to, že až tam dáš obsah, nebude těch chyb v kódu jen 150 jako máš v návrhu, ale 1000. Už samotný návrh by měl být bez fatálních chyb (validnost také není má modla). Když máš už v návrhu takové řekl bych "hrubé chyby v kódu", některé tu byly zmíněny, je myslím prohlížení kódu zcela bezpředmětné, protože to ti udělá každý validátor.

a jake jsou rozdily mezi temi verzemi HTML?? jako v gramatice? .. a kdyz tam mam treba <div id="nahore" style="position: absolute; top: 0px; left: 15px;"></div> ... a je zvyraznene to " za tim style=, tak tam ma byt mezera nebo co? si ale myslim, ze to vubec nevadi, kdyz to tak je ne?

Je jedno jestli máš

<div id="clanek2" style="position: absolute; top: 445px; left: 190px;">

nebo třeba

<div id="clanek2"style="position: absolute;top: 445px;left: 190px;">

je to jen pro přehlednost kódu.
není však jedno, když máš na konci kulatou závorku

<div id="clanek2" style="position: absolute; top: 445px; left: 190px;")

mrkni na
zaklady-html.html

tak to jo no... to byl "preklik" :D

ps: asi jsem byl ospaly :D

1. Nesnáším nahrazování I vykřičníkem, E znakem eura atd, přijde mi to dětinské
2. Proč to nedáš doprostřed?
3. černý text v menu na tmavě modré barvě moc dobře nevypadá
4. Strašně to bije do očí
5. Obsah je důležitý - proč ho zabarvuješ tmavšími barvami než pozadí?
...

Prohlédni si některé designy portfolií, můžeš se inspirovat i touto poradnou. Nic na webu nesmí být extrémně kontrastní (třeba nikdy nedávat dohromady růžovou a zelenou), přečíst si něco o typografii atd. Já téměř všude používám kombinaci odstínů šedých + jedna nebo dvě barvy. Co se týče nakodování, tam toho ani tak není tolik vytknout, kod je celkem čistý. Nestyď se za to, že nemáš výtvarný vkus, pro začátek si klidně stáhni nějaký hotový template (bude to vypadat lépe). Až budeš mít nějakou praxi (nejde to dělat přímo, potřebuješ mít nápad, skicy na papíře, jít se třeba projít - to vše pomůže), můžeš vyzkoušet vytvořit vlastní design. Nebo si ho nech udělat na míru (na www.webtrh.cz - občas to tam někteří dělají i zadarmo). Co se týče písem, zkus použít třeba Tahomu.

Osobně se domnívám, že nasadit nějakou šablonu je špatná cesta. lepší je, si ty šablony prohlédnout a když nějaká "padne do oka", pokusit se jí vyrobit podle ní vlastnoručně.

- Když začátečník nasadí již hotovou šablonu, vůbec neví co je co, co co dělá, kde co změnit v CSS, který je často rozsáhlý a celý napěchovaný jemu neznámými výrazy (např. #content) etc. Když si to vyrobí sám a třeba to #content nazve #obsah bude vědět co to je.
- Nic se nenaučí.
- Později, když třeba ovládá CSS a HTML, chce si upravit vzhled často to rozhodí celé natolik, že už se v tom nikdo nevyzná.

Píšu to z vlastní zkušenosti, kdy si jeden kámoš vymyslel web ze šablony a chtěl jí "malinko předělat". Dopadlo to tak, že byla předělaná tak na 80 % a bylo to 10x pracnější, než vytvoření nové podle té origoš, ve které se pak vyznal a mohl nadále měnit co potřeboval.

Jestlipak máš na ty kreslené občany vyřešená autorská práva? Dát si tyto známé postavy na svůj WEB bez souhlasu majitele práv je docela riskantní.

aha... no ma to plno webu... tak ja to sundam, ikdyz nejaky american urcite necumi na cesky stranky a nehleda svy postavicky, ktere namaloval :D

Divil by ses, taková OSA ti napaří pokutu i za to, že si pouštíš písničky na soukromé party, když nemáš právo je pouštět a někdo je práskne - z vlastní zkušenosti, o vlásek tomu vyvázli. A podobné organizace pracující i tady v čechách toto kontrolují. A jako další příklad Youtube - kdo by si prohlížel tvoje videa? A přece, když v nich máš nějakou písničku, na kterou nemáš povolení ji tam dát, tak ti ji z videa dřív nebo později vymažou.

Nevite, prosim, jak mam udelat to, ze mam menu, to tlacitko je napr. modre, klikn u na nej a bude cervene do te doby, nez nekliknu na jine...jde to nejakym prikazem nebo jinak?

No tak jak máš tu stránku, tak si uděláš další CSS styl na to, aby to tlačítko bylo červené a přiřadíš na konkrétní stránce ten styl konkrétnímu tlačítku.

aha... tak to jo.. ja myslel, ze by to slo udelat prikazem... ok

Já to dělám třeba takto

<div class="menu">
<a class="menu" href="index.html"><b>hlavní strana</b></a>
<span class="neodkaz">co poskytuji</span>
<a class="menu" href="ambulance.html"><b>ambulance</b></a>
<a class="menu" href="poradna/index.php"><b>on line logopedická poradna</b></a>
</div>

K vidění tady
co-poskytuji.html
Tedy jestli jsem dobře pochopil oč jde. Samozřejmě také záleží na počtu položek v menu a jak je to menu vkládáno/nevkládáno na logopedii je toho málo.

jj je to ono... zkusil jsem to znovu (mujnavrh.borec.cz):D ale prijde mi to takovy "suchy"... jeden typek mi rekl, ze bych to mel delat spise ve svetle barve, tak to zkusim :D :D

Tento návrh je vzhledově o dost lepší než předchozí.
Avšak:
- Nepoužívej fonty, které nejsou v základních instalacích OS, fobrazí se Times new Roman - viz fonty.html
- Někde tam máš asi width, co udělá vodorovný posuvník na rozlišení 1024x768

- Nezakrývej zbytečně reklamu Webuzdarma, mohli by ti to smazat, navíc to vypadá hloupě. Nastav ji na všechny stránky dolů (v administraci na WZ), soubory zakonči

<div style="height: 222px"> </div>
</body>

a ona se vloží pod ten div a nebude ani vidět

<div style="height: 222px"> </div>
<!--WZ-REKLAMA-1.0IZ-->
</body>

Diky ... mimochodem jaka je takova idealni sirka?? pac me se to na mych PCckach ukazuje dobre...

Všechny weby dělám tak těch 970-980px (aby nebyl dole posuvník v prohlížeči na rozlišení 1024*768). Nudlička optimalizovaná pro 800*600 na dnešních širokoúhlých 22-24 palcových monitorech už dobře nevypadá. Nebo to dělám roztahovací (tak, jak je poradna - v každém rozlišení vypadá dobře )

aha... no ta sirka v tech procentech by byla urcite lepsi, ale jak to mam udelat u menu? jak je tam ta polozka, a najedete na ni mysi, tak se u ni ukazou takove ty "bile okraje" a ty jsem nakreslil v photoshopu, a kdybych dal sirku te plozko napr. na 10% a na rozliseni 1024x768 vypadalo normalne, ale na vetsim by se to uz zvetsovalo, takze by se ten obrazek kopiroval ne? (a to by vypadalo blbe)

Menu uděláš s pevnou šířkou, zbytek "nafukovací" a celé to uzavřeš do <div> s maximální šířkou třeba těch 980px. Jak se dělá max šířka je na JPW.

jako cely web??... jako treba

#lol {
max-width: 980px;
}

a tim obklopim cely soubor??? pac jak jsem to tak udelal, tak se mi cely web posunul doprostred a dolu, a ylo to jakesik divne :D

tak ne..je to upe vpravo dole :D