Stránka 1 z 3
Jak přenést grafiku do samotné stránky Vyřešeno
Napsal: 10 úno 2011 18:33
od cosmosD
Dobrý den, chci se zeptat, jakým způsobem přenesu vytvořený design stránky ve Photoshopu, do stránky s příkazy. Dělám web pomocí html a css, nyní chci začít i s grafikou webu. Jak jsem již uvedl, vzhled jsem si navrhl v PS, ale teď netuším "jak propojit grafiku s napsanou stránkou".
--- Doplnění předchozího příspěvku (10 Úno 2011 19:22) ---
Opravdu nevíte? Není tu nikdo zkušenější kdo se zabývá tvorbou webu? Já programuji pomocí CSS a HTML. Jen prostě nevím jak navrhlou grafiku propojit s kódem. Jestli budu muset děla spoustu divů, které budu absolutně umisťovat, nebo je nějaká jednodušší cesta, která by mi mohla pomoci.
Re: Jak přenést grafiku do samotné stránky
Napsal: 10 úno 2011 20:36
od Těsňa
Napiš soukromou zpávu členovi Veba97 .. Ten se zabívá desingem a tvorbou webovek :)
Re: Jak přenést grafiku do samotné stránky
Napsal: 10 úno 2011 21:21
od Myloš
Nepiš nikomu soukromé zprávy s dotazy. Na dotazy je fórum.
Grafiku bude potřeba rozřezat na jednotlivé prvky (hlavičku, pozadí – to nejlépe když je repetované, případně ozdobné rámečky a podobně) a tyhle obrázky pak přiřadíš jednotlivým částem stránky přes css jako backgournd-image.
Pro grafiku doporučuji formáty JPG na fotky (a adekvátní obrázky) a PNG (v indexovaných barvách zabere nejméně místa, ale je nutné počítat s menším počtem barev; pokud by barev bylo málo, pak 24bitový PNG – tedy bez alfakanálu, ten nasadit až v případě potřeby průsvitnosti). Gif je spíš minulostí – v indexovaných barvách ho nahrazuje tpravidla datově menší PNG a animace až na výjimky spíš kazí dobrou pověst.
Pokud si s tím nevíš rady, zkus si prostudovat nějaké [url=http://interval.cz/hotova-reseni/pro-css/]layouty na Intervalu[/i] a když si ani s tím nebudeš vědět rady, dej sem maketu návrhu jako přílohu a zkusíme ti s tím snad nějak pomoct.
Re: Jak přenést grafiku do samotné stránky
Napsal: 10 úno 2011 21:49
od cosmosD
Ta stránka mi velmi pomůže :). Layouty si umím navrhnout sám, už jsem si také navrhnul jak by mělo rozložení na stránce vypadat. Akorát pořád nevím, když si v PS navrhnu nějaký vzhled například:
http://www.youtube.com/watch?v=6cgL15WSdkg když se mrkneš nakonec, jak design ve finále vypadá, tak ho mám pak rozsekat na určité části? Např. hlavičku, levy sloupec, pravy sloupec a hlavní obsah?
Re: Jak přenést grafiku do samotné stránky
Napsal: 10 úno 2011 21:55
od Myloš
Jejda, ¾hodinové video, to ne…
Jinak s tím rozsekáním máš v zásadě pravdu. Umíš-li vytvořit layout a umíš-li „v CSS myslet“, pak asi odhadneš, co jak rozřezat.
Pokud nevíš, klidně sem ten grafický návrh v podobě makety dej (třeba jako JPG s vodotiskem, abys neměl obavu, že ti to někdo odcizí) a juknu na to (i když nevím, jestli teď, protože se chystám pozvolna do postele), aspoň se zase trochu procvičím.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 14:02
od cosmosD
Tak nakonec jsem udělal pouze header, kterej sem si umístil na stránku. Jinak design přímo pomocí CSS

. Ještě mě zajímá jak vložím do stránek Diskuzní fórum? Například přes Blueboard? A také jak vytvořím fotogalerii. Dále by mě zajímalo k čemu je dobré vkládat do stránek php, jakou funkci php zastává?
Jsem velmi potěšen tímto fórem, v žádném jiném není taková ochota a hlavně um.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 14:10
od Orcus
K Blueboardu,.. zkoušel si tuhle stránku?
http://blueboard.cz/help
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 14:46
od cosmosD
Jo jo, myslel jsem Guidebook, a ten tam taky je

. Ale ještě mě zajímá zda se dá také naprogramovat takové fórum.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 15:53
od Myloš
Na fórum bych nasadil nějaké osvědčené řešení, jako phpBB a podobně.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 16:21
od Stene
Čistá instalace phpbb3 není taky zrovna ideální řešení, pokud se v kódech aspoň trochu neorientuje.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 20:46
od cosmosD
No na to zatím kašlu, zatím to nechám na blueboardu. Akorát mě zajímá... když mám už stránku index.htm s menu a headerem, nyní si vyberu v menu nějakou položku - jak zachovám vzhled (header, menu) a zobrazím jen obsah té stránky v hlavním poli, mám nastylovaný header, levy sloupec, patičku a část s obsahem. Chci aby se mi vybraná stránka zobrazila pouze v tom obsahu, aby zustal header a menu.
Re: Jak přenést grafiku do samotné stránky
Napsal: 11 úno 2011 21:46
od Stene
Udělej si 5 stejných stránek a odkazuj na ně mezi sebou. Každá bude mít jiný obsah, ale budou vypadat stejně.
Nebo jsem tě špatně pochopil?