Jak vložit obrázek do podpisu Gmailu

08.10.2012, aktualizováno 18.09.2019

Připravoval jsem polopatický návod pro známého Jak vložit obrázek do podpisu Gmailu a přišlo mi škoda to nezveřejnit, možná se to bude někomu hodit.

Návod na nastavení obrázku do podpisu Gmailu.

Do podpisu lze vložit pouze obrázek, který je umístěn trvale na internetu!

1. Kliknout na zubaté kolečko vpravo nahoře a vybrat položku Nastavení (viz screenshot níže)
   
2. Najít na stránce níže položku Podpis (viz screenshot níže)
3. V liště ikonek nad okénkem kliknout na 9 ikonu Vložit obrázek (šedivý čtvereček s bílými skalisky)
4. Vyskočí nové okno - jsou na výběr tři možnosti: 1. Můj disk, 2. Nahrát, 3. Webová adresa. Asi nejlepší bude překliknout na Nahrát - vybrat požadovaný obrázek z počítače - po nahrání se vloží obrázek do podpisu mailu na místo kurzoru. Obrázek se uloží se na Můj disk Google jako sdílený a nesmíte si ho při úklidu Disku smazat!
5. Do podpisu lze doplnit text např: Se srdečným pozdravem a přáním příjemného dne (jméno)
6. Nezapomenout na konci stránky kliknout na Uložit změny
7. Zkusit Napsat nový mail a zkontrolovat správnost vložení obrázku.
8. Hotovo 

Mějte na paměti, že u takto přidaných obrázků do podpisu mailu, bude muset adresát Povolit zobrazení vložených obrázků v doručeném mailu!

Jak se proměnil IT pracovní stůl od roku 1980

Video inspirace

Aktualizováno 10.12.2015

Tvorba výukových videí laikem: http://is.muni.cz/do/rect/el/estud/fsps/js09/video/web/index.html


Sbírka odkazů na zajímavé TV znělky, videa a videoklipy pro tvůrce videa:

http://www.youtube.com/watch?v=VN5ljiptWS8 - hudebně šťavnatá znělka NHL

http://www.televiznireklamy.cz/ - Databáze televizních reklam

Zajímavě udělaná videa:

http://www.youtube.com/watch?v=AYkN7nNpgp4&feature=player_embedded – WebExpo 2009

http://www.fengoffice.com/web/tour.php - Feng Office Tour

http://www.caterham.co.uk/assets/html/fifty_years/video.html - 50 Years of Driving Thrills

http://www.youtube.com/user/raistooza - Kanál Youtube uživatele raistooza - Animovaná ukázková videa, ve kterých můžete sledovat jak se rodí některé moje webdesigny.

http://www.youtube.com/watch?v=qvZlv7D8JWk&feature=player_embedded - vývoj do roku 2020

http://www.youtube.com/watch?v=8k4qN-5jjOw - Showreel 2007 AV ČVUT

http://dokumentarni.tv/zivotni-prostredi/pribeh-veci-story-of-stuff - Příběh věcí / Story of Stuff

http://www.fashionstarstv.cz/cz/aktualne/article/165/finalistka-ceske-miss-c-8.html - reportáž fashionstars.tv

http://www.vidu.cz/films - krátké filmy, znělky, upoutávky

http://www.estranky.cz/funkce/dalsi-funkce/ - ukázky funkčnosti poutavě udělané

http://www.microtv.cz/ - videomarketing

http://dema.cz/obraz/

https://www.youtube.com/channel/UClKfE8kVQ6zcBd0HuCJOePA - přeprava nadměrných nákladů

Videoklipy:

http://www.mixer.cz 

Filmové triky:

http://www.videacesky.cz/tag/freddie-wong

Slider - layer slider - carousel pro web

nejlépe free i pro komerční použití (F), nejlépe jQuery (J), nejlépe responzive (R), nejlépe WordPress plugin (W) a nejlépe layer slider (L)... :-)
- |F|J|R|W|L|

-- Free --

bxslider - The Responsive jQuery Content Slider - http://bxslider.com/ - |F|J|R|W|L|

jCarousel - Riding carousels with jQuery - http://sorgalla.com/jcarousel/ - |F|J|R|W|L|

-- Online generátor --

comSlider - Free Online Slideshow Creator - http://www.comslider.com/ - |F|J|R|W|L|

-- $ za peníze --

LayerSlider WP - LayerSlider Responsive WordPress Slider Plugin - http://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin-/1362246 - |F|J|R|W|L|

PHP: Otvírací doba - zavřeno

Malá letní PHP hříčka.

Jak zobrazit informaci o zavření kanceláře na webu do zadaného datumu a času pomocí PHP?

1. Zjistit aktuální časové razítko time stamp v unixovém formátu
2. Převést zadaný datum a čas na unixový formát
3. V podmínce porovnat aktuální a zadaný unixový formát datumu a času a na základě toho zobrazit informaci o zavření.
4. Po uplynutí zadeného datumu a času se řádka o zavření už nezobrazí a člověk nemusí nic hlídat... :)

---------- například:

Otvírací doba:

Po – Pá 08.00 – 12.00 13.00 – 16.00 hod.
So a Ne ZAVŘENO

Dne 1. 8. 2013 z technických důvodů zavřeno.

---------- PHP kód:

<?php
$datumHodinaDnes = time(); 
// aktuální unixové časové razítko 1375330347
$datumHodinaZavreno = strtotime("2013/08/01 16:00"); 
// rok/měsíc/den hodiny:minuty - anglický tvar datumu a času
 ISO8601 Notations, do kdy má být zavřeno, 
do kdy se má hláška o zavření zobrazovat na webu
if ($datumHodinaDnes <= $datumHodinaZavreno) {
echo 'Dne 1. 8. 2013 z technických důvodů zavřeno.'; 
}
?>

Elektronické knihy - e-Knihy

aktualizováno 08.05.2014

Na internetu lze sehnat již značné množství elektronických knih (e-knih) i zdarma.

Kde je sehnat a na čem je číst je dobře pospáno na http://www.zonerbooks.cz/

http://www.machart-books.cz/e-kniha_na_klic.html

http://www.ereading.cz/cs/ 

http://www.palmknihy.cz/web/?Xkategorie=4

Knihy v PDB  http://www.pcfonty.cz/dokumenty.php?akce=seznam&strana=1&kat=4

www.bezvydavatele.cz - Formáty: PDF, ePUB, mobi

Odkazy z komentářů:

http://databookblog.blogspot.cz/2012/08/e-knihy-zdarma-kde-stahovat.html

http://it-ebooks.info/

http://eknizky.sk/

http://www.kosmas.cz/eknihy - http://www.kosmas.cz/vyklad/43/e-knihy-zdarma/

Výsledky online průzkumu - Používání zobrazovacích jednotek a jejich vliv na zdraví uživatelů

Bartoň, B. – Používání zobrazovacích jednotek a jejich vliv na zdraví uživatelů (výsledky průzkumu), 2011.
Dostupné online na http://zdravotni-rizika-pra.vyplnto.cz.

Syntax highlighting aneb zvýraznění syntaxe na webu

Jak zvýraznit syntaxi programového kódu (PHP), který je třeba zobrazit na webu, pro usnadnění čtení zdrojového kódu.

Zvýraznění syntaxe http://cs.wikipedia.org/wiki/Zv%C3%BDrazn%C4%9Bn%C3%AD_syntaxe

Exisují webové nástroje pro Online syntax highlighting

• Online syntax highlighting http://tohtml.com/
• Quick Highlighter http://quickhighlighter.com/
• Nebo vygooglit - http://www.google.cz/search?hl=cs&source=hp&q=online+syntax+highlighter&lr=&aq=0&oq=online+syntax

Existují i další opensource a free nástroje

• SyntaxHighlighter http://alexgorbatchev.com/wiki/SyntaxHighlighter
• GeSHi - Generic Syntax Highlighter http://qbnz.com/highlighter/index.php

Nebo lze použít přímo PHP funkci

• highlight_string(); http://www.php.net/highlight-string

Tato PHP funkce zvýrazní syntaxi kódu a naformátuje ho tak jak kód vložíme do funkce. V (X)HTML kódu stránky je pak kód uzavřen do tagu CODE a jednotlivé barevné části kódu jsou u zavřeny do SPAN s přímými styly. Pak stačí v CSS přidat pravidlo - code, pre, tt {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", Monaco, "Courier New", Courier, monospace;} (převzato z http://www.php.net/) a máme zvíraznění syntaxe a formátování kódu jako na http://www.php.net/.

SVN – Subversion

SVN – Subversion – je systém pro správu a verzování zdrojových kódů

Kde začít?

VyGooglit SVN :)

• http://subversion.tigris.org/ - homepage - Subversion - is an open source version control system.
• http://cs.wikipedia.org/wiki/Subversion - Wikipedia - Subversion
• http://cs.wikipedia.org/wiki/Verzov%C3%A1n%C3%AD - Wikipedia - Verzování
• http://java.vse.cz/Main/Subversion - Používání Subversion - Úvod do Subversion
• http://www.linuxsoft.cz/article_list.php?id_kategory=236 - Seriál o Subversion na linuxsoft.cz (poskytující dostatečný úvod do problematiky) - 23.8.2005
• http://www.abclinuxu.cz/clanky/programovani/jak-spravovat-software-pomoci-subversion-i - Jak spravovat software pomocí Subversion - I - 13. 2. 2004
• http://www.abclinuxu.cz/blog/alblog/2007/6/10/183030 - Óda na SVN
• http://kore.fi.muni.cz:5080/wiki/index.php/Subversion - Subversion
• http://merlin.fit.vutbr.cz/wiki/index.php/SVN_tutori%C3%A1l - SVN tutoriál

YAHOO! a SPAM

Tak jsem si vyzkoušel udělat na YAHOO! mail, abych se taky podíval jak vypadá webové rozhraní i jinde. Ještě ten den, sice do SPAMového koše, mi přišel první SPAM na Viagru s datumem Tuesday, January 19, 2038 3:14 AM a z emailu dhfmuyhsyyq@yahoo.com. Co si myslet o YAHOO! nechávám na laskavém čtenáři.

Webdesign

Aktualizováno 29.01.2011

Počáteční úvahy nad novým designem webu se točí kolem mnoha parametrů. Jedním z prvních důležitých parametrů je, jestli to bude fixní nebo plovoucí layout. Pakliže to bude fixní layout vyvstává otázka „šířka“ webu. Už to samo o sobě znamená uvážit spoustu dalších parametrů, které se bohužel ještě časem mění, z důvodu technického rozvoje hardwaru a zvyšování rychlosti internetu.
Hlavní body jsou:

• jaké je aktuálně používané rozlišení pracovní plochy cílové skupiny návštěvníků (tady asi pomůže Google Analytics)? (800×600px je už dávno překonáno, ale 1024×768px je v době psaní tohoto článku stále aktuální) - http://www.w3schools.com/browsers/browsers_display.asp
  
• kolik chci na webu mít sloupců?
• budou na webu používány reklamní bannery?, jakých rozměrů?, vejdou se do plánovaných sloupců? (tady se asi vyplatí používat zavedené velikosti reklamních bannerů firem zajišťujících internetovou reklamu http://www.spir.cz/)
• vejde se důležitý obsah webu také na výšku do viditelné oblasti prohlížeče bez nutnosti rolovat oknem (kupodivu se setkávám s lidmi, kteří obsahem okna internetového prohlížeče nerolují!)? http://978.gs/browsers/
  
• nebude šíře textového řádku moc dlouhá na čtení (dlouhé řádky znesnadňují čtení textu)?
• jaká tedy bude šířka layoutu, když nevíme jaké rozlišení bude mít koncový uživatel? Jak vylpývá z následujícího obrázku, zatím (v době psaní tohoto článku) by šířka neměla překročit 995px. http://978.gs/browsers/
  
• šířku jednotlivých sloupců odvodíme od požadovaného obsahu, případně dle zamýšlených velikostí reklamních bannerů

Rozvržení webdesignu v IE 7 (+ klikni na obrázek pro zvětšení)

Video servery

Kam dát svoje video na internet?

• http://www.youtube.com/
• http://www.viddler.com/
• http://www.metacafe.com/
• http://vimeo.com/
• http://video.google.com/
• http://www.myspace.com/
• http://video.yahoo.com/
• http://www.videacesky.cz
• http://www.stream.cz/
  

Jak uložit FLASH z HTML stránky

Sothink SWF Catcher for IE je free prográmek (422 kB), který se infegruje so kontextové nabídky IE 5.0+ a kterým je jednoduše možné uložit SWF flash animaci či online hru na disk. Je dostupná verze i pro Firefox. Tento nástroj se hodí i ke zjištění kolik a jaké flashe jsou na stránce HTML.

Free maily

Na internetu lze najít mnoho serverů, na kterých je možné si založit zdarma e-mailovou schránku. HTML e-mail je dobré testovat na všech těchto službách.

• http://mail.google.com
• www.seznam.cz
• www.atlas.cz - www.centrum.cz
• www.volny.cz
• www.tiscali.cz

Tabulka z Wordu/Writeru do HTML na web

Word/Writer -> Excel/Calc -> .csv -> Dremweaver 8 -> HTML (web)

Měl jsem docela složitou tabulku v textu ve Wordu/Writeru (.doc) a potřeboval jsem ji dát do UTF-8 HTML stránky. Samozřejmě co nejrychleji a oproštěnou od veškerého původního formátování.

Zvolil jsem následující postup:

• Upravil jsem ve Wordu/Writeru tabulku a její obsah, tak jak jsem potřeboval.
• Tabulku jsem označil a přes schánku Windows (Ctrl+C a Ctrl+V) jsem ji vložil do Excelu/Calcu.
• Z Excelu/Calcu jsem soubor Uložil jako typ *.csv. Při ukládání jsem nastavil Znakovou sadu na UTF-8, Oddělovač pole jsem nechal , (čárku), Oddělovač textu jsem nechal " (uvozovky).
• V Dreamweaveru jsem tabulková data naimportoval: z menu Vložit/Objekt tabulky/Import tabulkových dat - zde je nutno pouze nastavit zvolený Oddělovač.

Do (X)HTML se vloží čistá tabulka s obsahem.

Doplňování pevných mezer   do textu -   replacer

Aktualizováno 26.07.2019

&nbsp replacer je název online nástroje pro automatické doplňování pevných mezer to textu. Jedná se o nástroj pro webdesignery a copywritery, kteří si chtějí usnadnit práci při používání správné typografie i na webu!

&nbsp replacer automaticky doplní do vašeho připraveného textu, před vložením na web, pevné mezery za jedno a více písmenné spojky a předložky, aby tak v textu nezůstávaly na koncích řádků.

Pevné mezery se tímto nástrojem doplňují za tyto předložky a spojky: s, v, z, k, u, o, i, S, V, Z, K, A, U, O, I, na, ve, do, za, po, ta, to, ku, či, se, ze, ke, pod, nad, aby, když, který, před, při, Na, Ve, Do, Za, Po, Ta, To, Ku, Či, Se, Ze, Ke, Pod, Nad, Aby, Když, Který, Před, Při

Nástroj najdete na adrese: http://www.nedivse.cz/doplnovani-pevnych-mezer/ Do prvního pole se vloží text před úpravou a po zmáčknutí tlačítka "Doplnit pevné mezery" se ve druhém okně zobrazí text po úpravě s vloženými pevnými mezerami. Lze vkládat i text s HTML značkami.

Tento nástroj umí vkládat pevné mezery i tam, kde to není typograficky vyžadováno. Lze vybrat ze tří možností.

Volby vkládání

1. Volba Všude vkládá defaultně pevné mezery i tam, kde to není typograficky vyžadováno.
2. Volba Typograficky zužuje výběr toho, kam se vloží nedělitelná mezera.
3. Volba Úzký sloupec zužuje výběr na jednopísmenné předložky a spojky. Vhodné pro sazbu do úzkých sloupců.

Popis funkčnosti je v Nápovědě.

Jak zvalidnit počítadlo TOPlist

Na jednoduché weby někdy stačí používat pro rychlou orientaci v počtech návštěvnosti TOPlist - audit návštěvnosti webových stránek. Vygenerovaný kod není XHTML 1.0 Strict validní. Úprava je ale jednoduchá. Stačí vyřadit tři parametry a přidat dva odstavce:

• Vynechat v tagu script parametr language="JavaScript"
• Vynechat parametr border="0", v kódu se vyskytuje celkem dvakrát
• Uzavřít do odstavce nebo divu vše od začátku až před tag noscript
• Uzavřít do odstavce nebo divu obsah mezi tagy noscript