NEWSLETTER - NEJŽHAVĚJŠÍ NOVINKY ZE SVĚTA WEBHOSTINGU
OBSAH 1) AKTUALITY... 2) TÉMA: Kaskádové styly - historie, vývoj, CSS3... 3) JAK NA TO: aneb vlastní styl v redakčním systému... 4) OTÁZKY A ODPOVĚDI... 5) CO NÁS ČEKÁ V PŘÍŠTÍM ČÍSLE?... 6) SOUTĚŽ... 1 2 3 5 7 6 AKTUALITY Vážení klienti, dovolte, abychom Vám představili několik posledních novinek, se kterými se můžete setkat při využívání našich služeb. Připravili jsme pro Vás doplňkový tarif SEO s garancí prvních pozic ve vyhledávačích, nové funkce administrace služeb, další verzi oblíbeného redakčního systému WWW stránky zdarma a v neposlední řadě také akční letní cenu při vytvoření nového webhostingu u tarifu Standard. Chcete-li dnes dosáhnout větší návštěvnosti Vašich stránek, je nutné, aby byly na internetu jednoduše vidět a zobrazovaly se na předních pozicích výsledků vyhledávačů. Toho lze docílit mnoha způsoby registrací stránek do většího množství katalogů, správně zvolenými klíčovými slovy nebo také pravidelnou údržbou a optimalizací obsahu. Docílení požadovaného efektu však i přesto nemusí být jistotou. Nově Vám nabízíme tuto službu jako součást webhostingového programu SEO. V ceně hostingu tak získáte veškeré služby VIP tarifu, http://www.banan.cz/seo---optimalizace-pro-vyhledavace s garancí prvních pozic ve výsledcích. Do 30 dnů od naplnění webu texty Vám předáme minimálně polovinu výsledků na pozicích, které byly dohodnuty a zbytek v následujících 40 dnech. To vše od nás získáte za zaváděcí cenu 155 Kč bez DPH. Pro méně náročné zákazníky jsme dále připravili akční letní cenu při vytvoření nového webhostingu u tarifu Standard. Ten si můžete během léta objednat za pouhých 55 Kč měsíčně, taktéž s možností využití našich WWW stránek zdarma. Nová je také možnost přidělit správu svých služeb více uživatelům, např. editorům, vývojářům, či fakturantům. Novou funkci můžete nalézt v administraci na adrese https://admin.banan.cz/ v sekci Správa webhostingu, pod ikonkou Správce. Více informací naleznete na odkaze: http://www.banan.cz/spravce. Nakonec jsme nezapomněli ani na redakční systém webové stránky zdarma, kde se v nové verzi administrace kromě malých vylepšení a oprav některých vzhledů objevila možnost zapojení se do našeho provizního systému, díky němuž můžete získat až 500 Kč za nově registrovaného klienta. Pokud byste se chtěli zapojit, stačí si nechat vložit na stránky reklamní banner či ikonku a v případě, že si někdo přes takový odkaz zakoupí hosting, dostanete i Vy provizi za doporučení. Správu Vašeho provizního účtu naleznete v administraci na admin.banan.cz. Do této provizní promo akce se mohou zapojit jak stávající klienti, tak nově registrovaní (i pouze za tímto účelem). Více informací naleznete na adrese: http://www.banan.cz/index/provizni-systemy#banan S přáním krásného léta tým banan.cz autor: Tomáš Přeček WEBHOSTING 1
TÉMA: Kaskádové styly - historie, vývoj, CSS3 Historie CSS (Cascading Style Sheets) neboli kaskádových stylů sáhá až do roku 1996. V této době začal rozvoj sofistikovanějších webových stránek a spolu s ním také pokročil rozvoj grafických prvků na webových stránkách. Vznikl tedy nový jazyk soustředící se pouze na grafickou část webových stránek. Záštitu nad jeho tvorbou a tvorbou pravidel používání si vzala pod svá ochranná křídla organizace W3C. World Wide Web Consortium (W3C) je mezinárodní konsorcium, jehož členové společně s veřejností vyvíjejí webové standardy pro World Wide Web. Cílem konsorcia je Rozvíjet World Wide Web do jeho plného potenciálu vývojem protokolů a směrnic, které zajistí dlouhodobý růst Webu. W3C se také zabývá vzděláním a přístupností, vyvíjí software a nabízí otevřenou diskuzi o Webu prostřednictvím fóra. Zdroj:Wikipedie První verze nového jazyka měla název CSS neboli CSS1. Měla však pouze omezené použití, jako například změnu typu a barvy textu. Tyto základy již podporoval Internet Explorer 3. S nástupem Internet Explorer 4 a také jeho konkurence Netscape Navigatoru, se již působnost CSS1 zvětšovala a to například na pozicování. I když oba zmíněné prohlížeče referovaly plnou podporu CSS1, tu a tam se stávalo (především u Netscape Navigatoru), že některé vlastnosti nebylo možno plnohodnotně, nebo i vůbec využít. Internet Explorer i sám nezávisle v tuto dobu začal zdokonalovat CSS1 a obohacoval ji vlastnostmi fungujícími pouze pod IE. Toto se hlavně týkalo průhlednosti, systémových barev a písem. Postupem času se využitelnost dále a dále zvyšovala a s příchodem IE 5.5, mohl již uživatel plně využívat možností tohoto jazyka. V této době se již také pracovalo na v pořadí druhé verzi tohoto jazyka z označením CSS2, který je v současné době nejrozšířenější. Tato verze byla naplno spuštěna koncem roku 2000 a umožňovala uživatelům daleko více možností nastavování pozicování (ať již relativní nebo absolutní) či využívání stínů, a stala se tak základem pro práci v XML. Také byl vyvíjen jazyk CSS2.1, který opravoval nově nalezené chyby v předchozí verzi. Ukázka kódu: <style type="text/css"> #hlavicka{ width: 200px; height: 450px; } </style> V současné době se mezi vývojáře a uživatele dostává již třetí verze tohoto jazyka označena CSS3 spolu s jazykem HTML 5. Tato verze si dala za úkol sjednocovat postupy a pravidla pro tvorbu kaskádových stylů napříč prohlížeči, zjednodušit a zpřehlednit jejich využívání. Mezi takové ukázkové kousky využití CSS3 bych určitě zařadil kulaté rohy, u nichž vám při jejich vytváření postačí jednoduchá definice a není již potřeba využívat např. obrázky. Další vychytávkou je jistě stínování objektů i písma, nebo třeba zesvětlení tvz. Systém barev RGBA, kde se kromě standardního modelu RGB přidává i A, což označuje průhlednost. Ukázká kódu CSS 3 : Veškeré kódy se dají volně stáhnout ze stránek http://css3generator.com/ Ukázka využití zesvětlení: <div style="background: rgba(255, 0, 0, 0.2);"></div> <div style="background: rgba(255, 0, 0, 0.4);"></div> <div style="background: rgba(255, 0, 0, 0.6);"></div> <div style="background: rgba(255, 0, 0, 0.8);"></div> <div style="background: rgba(255, 0, 0, 1) ;"></div> WEBHOSTING 2
A ještě jedna malá ukázka možnosti zahnutí rohů: #Název { height: 65px; width:160px; -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; } Osobně si myslím, že CSS3 je krok správným směrem a dává vývojářům a grafikům ještě mocnější nástroj, který je lepší a lépe využitelnější než doposud využívané CSS2, případně CSS2.1. Autor: Stanislav Vaštyl JAK NA TO: Úprava vlastního stylu" v redakčním systému Každému, kdo využívá naší služby www stránky zdarma, se to již určitě stalo. Ačkoliv je v našem systému na výběr přes 440 šablon, kde si vybere každý, stane se, že pozadí nebo barva menu nemusí každému sedět. A my si dnes ukážeme, jak si stránky upravit k obrazu svému. Prostor pro úpravy vzhledu stránek se nachází v administraci v sekci Vzhled (nalezneme v horním menu). Máme zde několik možností od výběru aktuálního motivu šablony vzhledu, přes vzhled tabulek či stínů obrázků, vložení loga stránek až do vlastního stylu, kterému se dnes budeme věnovat nejvíce. Já jsem si vybral šablonu Fotodokumentace. Prvním krokem ke změně stránek je změna hlavičky (loga). Vytvořil jsem si vlastní logo v grafickém programu a nyní jej pomocí možnosti Vzhled -> Logo změním. Logo bychom měli, nyní se vrhneme na změnu pozadí. Zde již využijeme možnosti Vlastního vzhledu. Abychom změnili barvu pozadí je potřeba zjistit, kde je barva nadefinována. K tomu nám výborně poslouží program, který je součástí webového prohlížeče Opera a nazývá se Dragonfly. Rychle jsme zjistili, že pozadí se nachází v oddílu body. Vrátíme se do vlastního stylu a zde předefinujeme barvu. Zapíšeme tedy: body {background-colour: barva; } Místo barvy zde napíšeme název, a to např. red, blue, black apod. Případně můžeme využít hexadecimálního zápisu ve tvaru #000000 černá, #FFFFFF bílá, případně kombinace např. #88001d - vínově červená. Pokud nechcete jen jednobarevné pozadí, je možné umístit na pozadí i obrázek. Daný obrázek umístíme v administraci do sekce Soubory. Po umístění se vrátíme do Vlastního stylu a napíšeme zde následující kód: body {background-image: url( userfiles/obrazek.jpg ); } userfiles nás odkazuje do sekce Soubory, kde máme uložen onen soubor (viz předchozí krok). Pokud bychom umístili obrázek do nějaké složky v Souborech, je potřeba cestu poupravit, a to takto: userfiles/složka/obrazek.jpg apod. Pozadí bychom tedy úspěšně změnili. Nyní se vrhneme na změny velikosti a barvy textů. Jelikož se mi nelíbí zelený nadpis a zdá se mi malý, změním si jej na modrý a větší. Postup je obdobný. V aplikaci Dragonfly si kliknu na nadpis a dozvím se, že jeho název je #main h1. Do vlastního stylu napíši následující kód: #main h1 {color:blue; font-size:33px; } WEBHOSTING 3
Takto obdobně si mohu měnit barvu, velikosti a styly písma kdekoliv na naší stránce. Stránky se začínají měnit podle mých představ. Pozadí a nadpisy jsme úspěšně změnili, nyní si ještě změníme pozadí, text a orámování v našem menu, aby se celkově hodil do vzhledu stránek. Opět si pomocí Dragonfly zjistíme potřebný název změny menu po najetí myší, a to je #sidebar ul.sidemenu a:hover. Nyní využijeme všeho, co jsme si doposud řekli a budeme měnit. #sidebar ul.sidemenu a:hover {background-color: #83b2ed; color:blue; border-left: 5px solid blue;} V našem kódu se objevuje nový prvek a to border-left. Tento prvek znamená ohraničení zleva v síle 5px, plné čáře a v barvě modrá. Výsledek vypadá velmi efektivně. Celý náš kód pro změnu: body { background-color:#d3d3d3; background-image:url("userfiles/pozadi.png"); color:#5870ca;} #main h1 {color:blue; font-size:20px; } #sidebar h2 {color:blue; font-size:17px; } #sidebar ul.sidemenu a:hover{background-color: #83b2ed; color:blue; border-left:5px solid blue;} Takovýmito jednoduchými úpravami pomocí vlastního stylu se dá velmi jednoduše a efektivně změnit celý web k Vaší spokojenosti a představě. Dílčí kroky k výše popsaným postupům můžete vidět také zde: http://www.banan.cz/userfiles/newsletter/dragonfly.png http://www.banan.cz/userfiles/newsletter/zacatek.png http://www.banan.cz/userfiles/newsletter/zmena-loga.png http://www.banan.cz/userfiles/newsletter/vysledek.png Autor: Stanislav Vaštyl WEBHOSTING 4
OTÁZKY A ODPOVĚDI ANEB NA CO SE NEJČASTĚJI KLIENTI PTAJÍ Dobrý den, mám u Vás nový hosting a nemohu se přes FTP dostat do složky subdomains/www. Dobrý den, problém bude pravděpodobně způsoben přítomností našeho Redakčního systému v této složce. Systém zde byl automaticky nainstalován v případě, že jste si při objednávce služeb zatrhli: Chci WWW stránky zdarma. Pro zpřístupnění složky pomocí FTP je třeba přes administraci služeb na adrese https://admin.banan.cz v sekci Služby zdarma => www stránky zdarma, náš redakční systém ze složky smazat. Dobrý den, ráda bych si změnila svůj autorizační email v rámci Vaší společnosti. Dobrý den, pokud máte přístup do své původní schránky, můžete si změnu emailu zadat jednoduše přes administraci služeb na adrese https://admin.banan.cz v sekci Osobní nastavení. Na Váš původní i nový administrační email přijde textový kód, jehož vložením do kolonky v administraci celou operaci potvrdíte. Dobrý den, dovolil bych si Vás poprosit o přidání aliasu k mé hlavní doméně. Doména je již zakoupena a správně nasměrována. Dobrý den, přidání aliasu ke své doméně můžete nejjednodušeji provést přes administraci služeb na adrese https://admin.banan.cz v sekci Faktury a objednávky. V této sekci vyberete z rolovátka svou hlavní doménu a po zobrazení možných objednávek vepíšete název Vaší nové aliasové domény v příslušné kolonce. Systém Vám umožní jak pouhé nastavení domény, tak např. registrování domény zcela nové. Dobrý den, jak si prosím mohu nechat přesměrovat poštu z emailové schránky, jež je vedena u Vaši společnosti, na svůj soukromý email? V aplikaci webmail jsem tuto možnost bohužel nikde nenalezl. Dobrý den, přesměrování pošty lze nastavit v administraci služeb na adrese https://admin.banan.cz v sekci Pošta. Jednoduše si přes záložku Nový účet vyplníte odkud a kam Vaši elektronickou poštu přeposílat. Autor: Tomáš Hrabal WEBHOSTING 5
POZOR SOUTĚŽ Přihlaste své webové stránky do soutěže a vyhrajte hosting na rok zdarma, SEO optimalizaci a další atraktivní ceny. Jste-li pravidelným čtenářem našeho newsletteru, pak jistě víte, že se snažíme přinášet návody a postupy na úpravu Vašich webových prezentací. Věříme, že řada z Vás se do úprav dle našich návodů pustila. Rozhodli jsme se tedy ocenit Vaši snahu a zhodnotit Vaše výtvory. Podmínky soutěže: 1) přihlásit se může každý klient využívající náš redakční systém, který si stránky spravuje sám, (tzn., že k úpravě stránek nevyužívá žádnou další osobu ani firmu, která tyto služby poskytuje komerčně) 2) přihlaste své webové stránky na www.banan.cz/soutez od 1.8. do 30.9. 2011 10 nejzdařilejších výtvorů bude oceněno takto: 1. MÍSTO: rok hostingu zdarma 2. MÍSTO: SEO optimalizace Vašich stránek 3. MÍSTO: flash disk 4. 4. - 10. MÍSTO: tričko Vyhlášení soutěže proběhne v říjnu 2011. Majitelé nejlepších webů budou o výhře informováni mailem + jejich stránky vystavíme na našich webových stránkách. O výhercích budeme informovat také v dalším čísle newsletteru. Doplňující informace: Návody a postupy pro účely této soutěže naleznete zde: http://www.banan.cz/userfiles/newsletter/newsletter-2-2011.pdf newsletter červenec 2011 http://www.banan.cz/jak-vytvorit-pekny-web#banan Jakékoliv Vaše dotazy Vám rádi zodpovíme na adrese: webcentrum@banan.cz Začátek soutěže: 1.8.2011 Konec soutěže: 30.9.2011 WEBHOSTING 6
CO NÁS ČEKÁ V PŘÍŠTÍM ČÍSLE TÉMA: E-shop, historie, výhody, nevýhody, pro koho ano, pro koho ne JAK NA TO: Jak oživit své stránky hudbou a videem? Měsíc vydání příštího čísla: říjen 2011 WEBHOSTING 7
Těšíme s Vámi na shledanou příště... Dejte i Vy o sobě vědět ostatním! Na tomto místě Vám zdarma umístíme Vaši reklamu v této podobě: JMÉNO FIRMY PŘEDMĚT PREZENTACE ADRESA WEBOVÝCH STRÁNEK Pozn. Rádi bychom Vás upozornili, že prostor vyčleněný reklamě je omezený. Budeme zde umisťovat reklamu v takovém pořadí, v jakém jsme obdrželi Vaši žádost. V případě, že se již do aktuálního čísla Váš požadavek nedostane, budete automaticky umístěni v dalším čísle. Děkujeme za pochopení. WEBHOSTING 8