Fórum Ubuntu CZ/SK
Ubuntu pro osobní počítače => Software => Příkazový řádek a programování pro GNU/Linux => Téma založeno: vasicekabc 05 Února 2011, 07:17:25
-
Nikdy jsem se tvorbou webu nezabýval, ale nyní mě okolnosti donutily vytvořit nějaké jednoduché stránky. Protože o problematice webu a jeho tvorby vůbec nic nevím, sáhl jsem po aplikaci Kompozer a v ní stránky vytvořil jakž takž k všeobecné spokojenosti. Bohužel, tři dost zásadní problémy mě dělí od absolutní spokojenosti.
1. Stránky se zobrazují v každém prohlížeči jinak. Zkusil jsem Firefox, Aroru, Operu, IE, Google Chrome a vždy je výsledek trochu jiný. Lidově řečeno text je prostě "rozjetý". Nejblíže požadovanému výsledku je Firefox. Může být problém způsobený třeba nevhodným fontem?
2. Místy jsem použil styl písma přerušované (blikací), pokud prohlížím stránky ještě ve složce na PC, je vše OK, po umístění na server však nápis nebliká.
3. Nevím jak jednu ze stránek vytvořit tak, aby byla denně editovatelná (pravděpodobně k tomu budou chtít použít MS Word). Jedná se o jídelní lístek.
Děkuji všem za případnou radu nebo nakopnutí správným směrem.
-
1. Jo, tak to je a tak to vzdycky bude. Kazdej prohlizec ma jiny renderovaci jadro. Je treba s tim pocitat. Neexistuje nejaka universalni rada, jak to poresit, jedine zkusit nejaky CSS framework. Co se tyce fontu, tak ten je trosku problem. Je treba pouzivat fonty nebo rodiny fontu, ktera vypada an vsech platformach priblizne stejne. Treba viz http://www.dgx.cz/tools/fonts/ Samozrejme se daji pouzit i vlastni fonty, ale je to slozitejsi. Jednoduse se daji pouzivat napr. fonty od Google http://code.google.com/webfonts
2. <blink> je uz par let po smrti, takze jste zrejme pouzil nejaky javascript. Mozna je to tim, ze ten js soubor nemate nahranej na server, nebo mate k nemu spatnou cestu?
3. Statickou stranku to zrejme nevyresite. (pro rejpalce - ano, jsem si vedomej, ze neni problem AJAXem potahnout soubor do stranky, ale nebudeme to vasickovi komplikovat) Doporucil bych si najit nejaky jiz napsany redakcni system (cocrete5, wordpress, drupal, joomla), protoze jeho napsani u vas asi nepripada v uvahu.
-
Blikání jsem nastavil přímo v editoru css obsaženém v kompozeru. Vytvořil jsem tak nový styl, který jsem aplikoval na daný nápis. Pokud soubor stylu otevřu v geditu, je tam toto:
h6 {
text-decoration: blink;
}
Zkusím tedy vyměnit fonta za standartní, třeba to pomůže.
Jméno Drupal jsem už slyšel v mnoha souvislostech, mám to chápat také jako wysiwyg editor?
Edit: znamená to tedy, že pokud použiji ty google fonty, musím do zdrojového kódu stránky vložit to co uvádějí, např.
<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'>a pak mohu font použít a každý kdo používá google jej uvidí správně, zatímco ti s jiným vyhledávačem mohou mít problémy?
-
Jestli mohu radit, tak se na nějaké blikání, vlastní fonty a jiné voloviny vykašli. Funkčnost těchhle věcí je vždy nejistá. Nejlepší je používat "úplně obyčejné" css stylování, tedy např. u fontů se omezit fa rodinu (font-family) a podobně.
-
A nebo když se na to nechcete vykašlat, budete muset nastudovat js.
-
A nebo když se na to nechcete vykašlat, budete muset nastudovat js.
Tak tak. A spoléhat na to, že si ho někdo nevypne :-)
P.S.
Osobně stránky, na kterých na mě něco bliká, okamžitě zavírám...
-
blink a marquee jsou skvele... kdyz chcete vytvorit neco takoveho (http://www.angelfire.com/super/badwebs/)
-
Zkusím tedy vyměnit fonta za standartní, třeba to pomůže.
To pomůže určitě.
Jméno Drupal jsem už slyšel v mnoha souvislostech, mám to chápat také jako wysiwyg editor?
Ne, je to hotová šablona a redakční systém pro stránky. Nedoporučoval bych ho někomu, kdo se v tvorbě nevyzná. Něco podobného je WordPress -s tím mám výborné zkušnosti. Instalace probíhá tak, že stáhnete pár souborů a dáte je na server. Pak je vlastně grafická klikací instalace. Všechno naklikáte přes webové rozhraní, popřípadě nahrajete nové vzhledy a tak. Obměna konkrétní stránky probíhá tak, že se vám na webu (po přihlášení) objeví grafický editor.
Jediné, co potřebujete a možná to nemáte je nějaká SQL databáze. Třeba MySQl. Kdyžtak popište server a my vám poradíme.
Výhodou takovéhoto redakčního systému je, že ho dělají lidé, kteří rozumí mnoha detailům, kterým nejde rozumnět pokud to opravdu neděláte. Navíc se vzásadě automaticky aktualizuje, čili je jednoduchá udržba.
-
blink a marquee jsou skvele... kdyz chcete vytvorit neco takoveho (http://www.angelfire.com/super/badwebs/)
Typický hnus...
-
Panové bežte se o zásadách HTML, CSS a podobných nejasností dohadovat jinam. Snažíme se vyřešit dotaz.
-
Panové bežte se o zásadách HTML, CSS a podobných nejasností dohadovat jinam. Snažíme se vyřešit dotaz.
Promiň, ale tenhle dotaz nebude mít řešení, pokud si panáček neujasní rozdíl mezi kvalitní webovou stránkou stránkou a pohlednicí z Matějské pouti. A s tím bohužel zásady HTML, CSS a mnohé další - jako např. že nadpis nedělají velká tlustá písmena, ale tag <Hn>- přímo souvisí.
-
Já bych to vcelku považoval za vyřešené, nechci rozpoutávat odborné debaty ani se nijak v budoucnu webu věnovat, kdybych nemusel, tak bych do toho Vám, kteří to umíte profesionálně vůbec nefušoval. Ale v našem zaměstnání jde vše od desíti k pěti, vedení nemá snahu s tím cokoli dělat, natož investovat jedinou korunu a tak se s kolegy snažíme svépomocí zachránit, co se dá, abychom o práci nepřišli. Dodělám tyto stránky a už to nikdy nechci vidět ;)
Na blikání jsem se vykašlal.
Standartní fonty MS zdá se pomohly, ve většině prohlížečů je to v pohodě, jen Opera písmo příliš zvětšuje a naopak google chrome zmenšuje. Ještě uvidím, co na to IE, až budu mít v dosahu nějaké pc s windows.
Chybí mi vyřešit ta editovatelná stránka (denní jídelní lístek). Doteď jsme to měli tak, že šlo o html stránku s čistým textem o třech sloupcích (gramáž, název, cena). Ten kdo píše denní jídelák se pomocí IE připojil na server a u daného souboru zvolil v kontextu "Upravit pomocí MS word". Stránku upravil, vytiskl xkrát na stoly a uložil zpět na server.
Teď se asi držíte za hlavu, ale toto řešení se mi zdá nejschůdnější (nechci ještě pokoušet nějaké formuláře, php a kdoví co ještě, když tomu nerozumím), tak mě prosím, nekamenujte.
Otázka tedy zní: jak vytvořit takový jednostránkový dokument A4, aby se zobrazilo formátování stejně ve wordu, v OOo i na serveru jako html?
-
...Na blikání jsem se vykašlal.
:-)
Otázka tedy zní: jak vytvořit takový jednostránkový dokument A4, aby se zobrazilo formátování stejně ve wordu, v OOo i na serveru jako html?
Nijak.
P.S.
Asi bych zkusil tabulku s uložením do html...
-
On nám takový dokument a systtém skutečně sloužil, vlastně asi deset let to fungovalo. Jenže teď se při nějaké editaci rozhodilo formátování a nikdo to nedokáže opravit, záloha není.
-
Tak sem dej to, co máš, třeba s tím něco vymyslíme :-)
Nebo pošli odkaz na tu stránku, kde to visí na síti...
-
Takže to co jsem zatím vytvořil běží cvičně na
www.abicko.webpark.cz (http://www.abicko.webpark.cz)
Moje představa je, že se přes odkaz Jídelní lístek>>denní jídelní lístek prokliknu k té editovatelné stránce, která se každý den bude měnit.
Ta současná rozformátovaná ostuda běží zatím tadyhttp://www.abicko.com/DOWNLOAD/Jidelni_listek.htm (http://www.abicko.com/DOWNLOAD/Jidelni_listek.htm)
Jak říkám, ten systém docela dobře fungoval, než to někdo rozsypal.
-
Doporučil bych tu tabulku dělat v kompozeru či v Calcu. A vyexportovat do html. Ta tabulka bude jednoduchá (předpokládám, že nemáte nějaký krkolomný lístek), čili to půjde relativně snadno.
Navíc by zajisté šlo nastavit nějakou šablonu, která by takové tabulce dodala příslušný vzhled.
Běžný uživatel bude jen muset vědět, že má dát uložit jako ... to by snad šlo.
-
To jsem zapomněl podotknout, jednou z klíčových vlastností musí být opravdu taková nenáročnost obsluhy, aby to zvládl i náš "starouš" šéf. Jestliže něco dělá deset let denně stejně a přesto v tom plave, opravdu si nedovolím zavést nový systém a ještě k tomu složitější.
Řešení co navrhuje Kedrigern se mi zdá schůdné, odpoledne vyzkouším.
-
A hele, Ábíčko, tam to znám :-) Ale už jsem tam roky nebyl...
Hele, a proč to je udělaný v excelu? To máte na Ubuntu excel? Můžeš sem třeba dát i ten soubor, ve kterým to zpracováváš? Možná by stačilo ho nějak přeformátovat. Podíval bych se ti na to...
A jinak - jestli je šéf na počítače nemehlo, tak počítej s tím, že to může kdykoliv zase zmrvit. Zmáčkne pár blbejch kláves a je to...
-
A jinak - jestli je šéf na počítače nemehlo, tak počítej s tím, že to může kdykoliv zase zmrvit. Zmáčkne pár blbejch kláves a je to...
Proč? Pokud tam dáš práva právě k jedné složce, kam budeš ukládat soubor, tak maximálně rozbije to zobrazení, ale tak tam hodíš znovu ten soubor správně. Den se asi přežije.
Jinak se asi také někdy zajdu mrknout :).
-
A jinak - jestli je šéf na počítače nemehlo, tak počítej s tím, že to může kdykoliv zase zmrvit. Zmáčkne pár blbejch kláves a je to...
Proč? Pokud tam dáš práva právě k jedné složce, kam budeš ukládat soubor, tak maximálně rozbije to zobrazení, ale tak tam hodíš znovu ten soubor správně. Den se asi přežije.
Jinak se asi také někdy zajdu mrknout :).
Myslel jsem to tak, že dodrbat formátování dokumentů je zhruba stejně snadné, jako správně napsat "Dobrý den". Předpokládám, že kdyby kluci měli někde schovaný původní dokument, tak tu tohle téma nikdy nebylo :-)
-
Když jsem kdysi dělal weby tak na generování jídeláků, štítků na paměťi stolního telefonu, štítky na dveře a podobné jsem používal jednoduchou konstrukci - formulář, po odeslání se to prohnalo FPDF knihovnou (php) která udělala formátování a vyplivla výsledek v PDF.
Doporučuji propojit s mysql (pokud je potřeba opakovaně používat vstupní data bez ručního přepisování) a PDF vytvářet včetně includnutých fontů kdy je výsledný soubor sice trochu větší ale tiskový výstup vypadá stejně nezávisle na operačním systému klienta.
Zobrazení (pdf výstup) je nerozbitelné - texty se doplňují do generované tabulky pevného formátu s možností nastavení jestli řádky zalamovat nebo raději zmenšovat písmo, vždy se do polí vejdou.
Je s tím sice trochu hraní s přípravou tabulek, ale pak už to jede samo.
-
Když jsem kdysi dělal weby tak na generování jídeláků, štítků na paměťi stolního telefonu, štítky na dveře a podobné jsem používal jednoduchou konstrukci - formulář, po odeslání se to prohnalo FPDF knihovnou (php) která udělala formátování a vyplivla výsledek v PDF.
Doporučuji propojit s mysql (pokud je potřeba opakovaně používat vstupní data bez ručního přepisování) a PDF vytvářet včetně includnutých fontů kdy je výsledný soubor sice trochu větší ale tiskový výstup vypadá stejně nezávisle na operačním systému klienta.
Zobrazení (pdf výstup) je nerozbitelné - texty se doplňují do generované tabulky pevného formátu s možností nastavení jestli řádky zalamovat nebo raději zmenšovat písmo, vždy se do polí vejdou.
Je s tím sice trochu hraní s přípravou tabulek, ale pak už to jede samo.
Pěkné, ale obávám se, že
a) je to nad jejich možnosti,
b) nejde jim v tuto chvíli asi ani tak o tiskový výstup, jako o slušně vypadající html stránku.
-
Přesně tak, do něčeho takového se vůbec pouštět nechci.
Excel na Ubuntu samozřejmě nemáme, v hospodě má v kanceláři šéf PC s windows, z nějž ty denní jídeláky dělá. A ten původní tedy patrně někdo kdysi dávno napsal v excelu a od té doby se to táhne. Proto jsem trval na tom, aby to bylo editovatelné ve wordu.
Stránky a ostatní věci dělám z domova na Ubuntu, přístup na server mám, takže je to jednodušší než čekat až mě někdo vpustí do kanceláře.
A pokud se to zase domrví, tak tentokrát nechám vše pečlivě zálohované, jak má být.
Pro mka: můžu ti ten soubor poslat mailem? nebo jak jinak jej vložit?
-
Můžeš, e-mail mám v profilu.
Jinak vložit jej sem můžeš tak, že klikneš na Rozšířené možnosti a poté do Připojit vložíš pomocí talčítka Procházet onen soubor. Ale nejsem si jist, jestli ti to sežere i ten excel, píšou tam něco o povolených typech souborů... :-)
-
Vyřešil jsem to zatím za pomoci pdf, jídelák se píše v OOo, jedním tlačítkem vyexportuje do pdf a je to. Čas ukáže, zda to bude dostačující řešení, ale prohlížel jsem stránky mnoha restaurací a toto řešení je docela časté.
Každopádně moc děkuji Vám všem za pomoc.
-
http://theoatmeal.com/comics/restaurant_website ;D
-
http://theoatmeal.com/comics/restaurant_website ;D
Vítej ve věku informačních technologií :-)
-
Přesně tak, do něčeho takového se vůbec pouštět nechci...
Zkus vizualní editaci html zde: http://zmsoft.cz/clanky/wysiwyg.php (http://zmsoft.cz/clanky/wysiwyg.php)
-
ahojda,poradíte prosím někdo jak dostanu třeba google fonts do kompozeru?