- Kurzor myši umístit na místo, kde chcete mít zobrazený obrázek (obrázek lze po vložení přesunout).
- Klepnout na ikonku pro vložení obrázku. Zobrazí se okno Vlastnosti obrázku.
- Klepnout na tlačítko Vybrat na serveru. Otevře se okno, které umožňuje zvolit obrázek uložený na serveru.
- Pokud již je obrázek uložený na serveru pokračovat bodem 9, jinak klepnout na tlačítko Procházet.
- Příslušný obrázek nalézt a vybrat ve Vašem počítači.
- Potvrdit tlačítkem Otevřít.
- Klepnout na tlačítko Nahrát.
- Jestliže je okno po tomto kroku prázdné (zpravidla v prohlížeči Mozilla Firefox), aktualizovat adresář zvolením v levém menu. Nyní již můžete obrázek vidět.
- Klepněte na příslušný obrázek, okno se samo zavře a je vidět opět okno Vlastnosti obrázku.
- V Náhledu lze ihned posoudit vhodnost velikosti obrázku vůči textu. Pokud chcete, aby byl obrázek v textu zmenšený, zadat v jednom z polí Šířka či Výška menší rozměry obrázku (Např. 100). Druhé se změní automaticky.
- Nyní potvrdit tlačítkem Ok v okně Vlastnosti obrázku, nebo využít další možnosti, které jsou uvedené níže v Poznámkách (například zarovnání obrázku).
Tip:
► Je velmi vhodné vyplnit Alternativní text obrázku (Vlastnosti obrázku - záložka Informace o obrázku), čili toho co je na obrázku zobrazeno. Například Oslava narozenin. Zásadní význam má pro uživatele s vypnutými obrázky, zrakově postižené a pro alternativní média (textové prohlížeče, indexovací roboty, hlasové výstupy...).
Poznámky:
► Obrázku můžete přidělit Id (záložka Rozšířené). Pak tento obrázek může fungovat i jako záložka/kotva.
► Některé další vlastnosti obrázku lze vybrat v Třída (class) prvku (záložka Rozšířené):
► Zarovnání vlevo - Obrázek se zarovná k levému okraji a text ho bude obtékat zprava.
► Zarovnání na střed - Obrázek se zarovná na střed a text ho bude obtékat pouze shora a zdola.
► Zarovnání vpravo - Obrázek se zarovná k pravému okraji a text ho bude obtékat zleva.
► Zarovnání vlevo s rámečkem - Kolem obrázku bude navíc rámeček.
► Zarovnání na střed s rámečkem - Kolem obrázku bude navíc rámeček.
► Zarovnání vpravo s rámečkem - Kolem obrázku bude navíc rámeček.
► Rady pro vytvoření obrázku, který se po klepnutí zvětší jsou v části Jak vytvořit obrázek, který se po klepnutí zvětší.
► Rady pro vytvoření fotogalerie jsou v části Jak vytvořit fotogalerii v textu.