Jak přenést grafiku do samotné stránky Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: únor 11
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Jak přenést grafiku do samotné stránky  Vyřešeno

Příspěvekod cosmosD » 10 úno 2011 18:33

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.

Reklama
Uživatelský avatar
Těsňa
Level 5.5
Level 5.5
Příspěvky: 2849
Registrován: prosinec 10
Bydliště: Jižní Čechy
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Těsňa » 10 úno 2011 20:36

Napiš soukromou zpávu členovi Veba97 .. Ten se zabívá desingem a tvorbou webovek :)
Macbook Pro 13" 2012- Prodáno

iPhone 4S 16GB Black- Darováno
iPhone 5s 16GB Gold- Prodáno
iPhone 6 Plus 128GB Black- Prodáno
iPhone 6s 64GB Gold- Prodáno
iPhone 7 128GB JetBlack- Prodáno
iPhone X 64GB Silver - Darováno
iPhone 11 Pro 64GB Green

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Myloš » 10 úno 2011 21:21

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.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: únor 11
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod cosmosD » 10 úno 2011 21:49

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?

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Myloš » 10 úno 2011 21:55

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.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: únor 11
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod cosmosD » 11 úno 2011 14:02

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.

Uživatelský avatar
Orcus
člen Security týmu
Elite Level 10.5
Elite Level 10.5
Příspěvky: 10645
Registrován: duben 10
Bydliště: Okolo rostou 3 růže =o)
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Orcus » 11 úno 2011 14:10

K Blueboardu,.. zkoušel si tuhle stránku?

http://blueboard.cz/help
Láska hřeje, ale uhlí je uhlí. :fire:



Log z HJT vkládejte do HJT sekce. Je-li moc dlouhý, rozděl jej do více zpráv.

Pár rad k bezpečnosti PC.

Po dobu mé nepřítomnosti mě zastupuje memphisto, jaro3 a Diallix

Pokud budete spokojeni , můžete podpořit naše fórum.

Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: únor 11
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod cosmosD » 11 úno 2011 14:46

Jo jo, myslel jsem Guidebook, a ten tam taky je ;). Ale ještě mě zajímá zda se dá také naprogramovat takové fórum.

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Myloš » 11 úno 2011 15:53

Na fórum bych nasadil nějaké osvědčené řešení, jako phpBB a podobně.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Stene » 11 úno 2011 16:21

Čistá instalace phpbb3 není taky zrovna ideální řešení, pokud se v kódech aspoň trochu neorientuje.

Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: únor 11
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak přenést grafiku do samotné stránky

Příspěvekod cosmosD » 11 úno 2011 20:46

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.

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak přenést grafiku do samotné stránky

Příspěvekod Stene » 11 úno 2011 21:46

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?


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Jakou grafiku
    od 32387 » 16 srp 2024 12:13 » v Rady s výběrem hw a sestavením PC
    7
    2247
    od buchtik Zobrazit poslední příspěvek
    18 srp 2024 19:28
  • Facebook - stránky se nezobrazí Příloha(y)
    od Hoff » 18 říj 2024 10:17 » v Internet a internetové prohlížeče
    9
    4609
    od Hoff Zobrazit poslední příspěvek
    19 říj 2024 09:25
  • Web stránky se nedají načítat
    od jurasek9 » 04 pro 2024 11:22 » v Problémy s hardwarem
    5
    1970
    od jurasek9 Zobrazit poslední příspěvek
    05 pro 2024 07:50
  • Mobilní aplikace ve stylu webové stránky
    od bradto » 07 úno 2025 22:52 » v Programování a tvorba webu
    3
    4281
    od HelFix Zobrazit poslední příspěvek
    08 úno 2025 14:27
  • Chyba načítání stránky v prohlížeči, kde to fungovalo! Příloha(y)
    od Minapark » 23 srp 2024 11:53 » v Internet a internetové prohlížeče
    5
    4950
    od Minapark Zobrazit poslední příspěvek
    30 srp 2024 09:29

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti