Obrazki w treści

Standardowym i zalecanym sposobem dodawania zdjęć w DMScms jest użycie opcji „Wybierz zdjęcie na dysku” w formularzu edycji wiersza, z wykorzystaniem gotowych układów tekstu względem obrazu. Takie rozwiązanie zapewnia poprawne rozmieszczenie grafik oraz spójność układu strony.

Jeżeli jednak zachodzi potrzeba nietypowego umieszczenia obrazka w treści — np. wstawienia ikonki w tabeli, ikon plików PDF lub Word bezpośrednio w tekście — należy skorzystać z edytora tekstu.

Wstawianie obrazka w treści

Aby umieścić obrazek bezpośrednio w treści:

Ustaw kursor w miejscu, w którym obrazek ma się pojawić.
Kliknij ikonę „Obrazek” w przyborniku edytora tekstu.
Wyświetli się okno dialogowe umożliwiające:
- przesłanie obrazka na serwer za pomocą Repozytorium plików,
- bezpośrednie przesłanie pliku z dysku komputera,
- wybór wcześniej dodanego obrazka z listy plików.

Edycja i modyfikowanie obrazków

Modyfikowanie obrazków odbywa się poprzez zmianę parametrów dostępnych w oknie właściwości obrazu.

W treści można umieszczać obrazki w formatach: JPG, PNG oraz GIF.

Informacje o obrazku

Adres URL – ścieżka do pliku znajdującego się na serwerze.
Repozytorium plików – baza plików dostępnych w systemie.
Tekst zastępczy (ALT) – opis zawartości obrazka, wyświetlany w przypadku braku możliwości załadowania grafiki oraz wykorzystywany przez czytniki ekranów.
Szerokość i wysokość – wymiary obrazka podawane w pikselach.
Ikona „Kłódka” – zachowanie proporcji obrazu podczas zmiany rozmiaru.
Ikona „Strzałka” – przywrócenie oryginalnych wymiarów obrazka.
Obramowanie – grubość obramowania obrazka (w pikselach).
Odstęp poziomy / pionowy – margines oddzielający obrazek od pozostałej treści.
Wyrównaj – wyrównanie obrazka względem tekstu (np. do lewej, do prawej, do środka).

Hiperłącze na obrazku

Obrazek może pełnić również funkcję odsyłacza. W tym celu dostępne są następujące opcje:

Hiperłącze – umożliwia nadanie linku do obrazka,
Adres URL – ścieżka do strony internetowej lub pliku,
Link do podstrony – odsyłacz do podstrony wewnętrznej serwisu,
Obiekt docelowy – określenie sposobu otwierania odsyłacza (np. w nowym oknie).

Dodatkowe opcje

Wyślij – umożliwia przesłanie pliku bezpośrednio z dysku komputera użytkownika.
Zaawansowane – zawiera dodatkowe, specjalistyczne ustawienia obrazu.

Stosowanie powyższych zasad pozwala na prawidłowe i bezpieczne dodawanie grafik w treści, bez ryzyka problemów z układem strony lub wyświetlaniem obrazów.

Przykład

Załadowana grafika została umieszczona w obramowaniu o grubości 1 px, z ustawionymi odstępami pionowym i poziomym po 5 px oraz wyrównaniem do lewej strony względem otaczającego tekstu.

Widoczna ścieżka w polu „Adres URL” potwierdza, że plik został poprawnie przesłany i zapisany na serwerze.