Praca z obrazami

W dzisiejszych czasach bardzo trudno wyobrazić sobie stronę bez żadnych zdjęć. Zazwyczaj wykorzystuje się je jako banery, slajdów, tła, wkladka w różne teksty, artykuły, itp.

Dzisiaj przyjrzymy się, jak wstawiać zdjęcia.

Sposób nr 1 - ładowanie nowego obrazu.

aby wstawić obraz, który jeszcze nigdy nie ściągali na swojej stronie internetowej, należy w pasku narzędzi edytora tekstu, nacisnąć przycisk "Obraz"

W otwartym oknie trzeba zrobić kilka kroków:

  1. Wybierz kartę "Pobierz"
  2. Kliknij przycisk "Wybierz plik", po czym musisz wybrać zdjęcie, które chcesz przesłać na swojej stronie internetowej.
  3. Kliknij "prześlij na serwer" i zobaczysz pobrania obrazek z wymiarami itp. ważne:, przed tym jak dodawać zdjęcie, dalej czytać instrukcję do końca, ponieważ poniżej opisano jak przetworzyć obraz w wersji mobilnej wszystko poprawnie отбражалось.
  4. Ostatni krok, aby zapisać kliknij "OK"

Sposób nr 2 - korzystanie z już załadowanego obrazu.

mamy już pobrane obraz na stronie internetowej, ale trzeba użyć jeszcze raz. Aby nie tworzyć duplikaty obrazów po ponownym załadowaniu, możemy zabrać ją z serwera.

 należy w pasku narzędzi edytora tekstu tak, nacisnąć przycisk "Obraz"

W otwartym oknie trzeba zrobić kilka kroków:

1. Wybierz kartę Image Info ("Dane o obrazie")

2. Nacisnąć Browse Server ("Wybór na serwerze") i w wyświetlonym oknie znaleźć wcześniej obrazek.

ważne:, przed tym jak dodawać zdjęcie, dalej czytać instrukcję do końca, ponieważ poniżej opisano jak przetworzyć obraz w wersji mobilnej wszystko poprawnie отбражалось.

3. Aby zapisać kliknij "OK"


wersja Mobilna.

W mobilnej wersji serwisu zdjęcia, które nie są przetwarzane zgodnie z oczekiwaniami, są wyświetlane niepoprawnie.

Gdy ładowany jest obraz, ona ma swoje rozmiary, więc trzeba początkowo zebrać obraz wymaganych wymiarów (wskazówka: rozmiar zdjęcia nie powinien przekraczać 900px).

Oczywiście chcemy, aby zdjęcia były na tyle duże, przyciąga uwagę odwiedzających i nie musiały brać szkło powiększające, by rozważyć, co na tym obrazku нарисавано lub napisane.

Ale w telefonie komórkowym, wymiary ekranu małych i jeśli nie przetworzyć obraz, to będzie ona wyglądać tak:

  • obraz będzie wystawać poza szerokość tekstu, a to źle i wygląda brzydko.

Co zrobić aby zdjęcie wyglądało dobrze?

Krok 1:

Kiedy ładujemy zdjęcia na stronie internetowej, w oknie pobierania trzeba usunąć wymiary szerokości i wysokości obrazu.

czyli nic tam nie powinno być napisane (to ważne).

Aby zapisać, kliknij "OK"

Krok 2:

W artykule, gdzie mieściło się obraz, w wierszu edycji tekstu, kliknij "Źródło", przed nami otworzy HTML kod, znajdujemy w którym stoi nasz obraz i wpinamy tam oto ten kod: class="img-responsive"

Jeszcze raz naciśnij "Źródło" i zapisujemy.

Teraz nasz obraz w wersji mobilnej będzie wyświetlany poprawnie.

 


Czasami konieczne jest, aby po kliknięciu na zdjęcie (banner, tekst, pokazy itp.), przechodzili na drugą stronę serwisu lub jakiegoś innego zewnętrznego źródła. 

Do tego trzeba zrobić kilka kroków:

krok nr 1. Otworzyć artykuł i zaznacz obraz, do której trzeba przypisać link
krok nr 2. Kliknij na ikonę "Link"

krok nr 3.  B wyświetlonym oknie wpisać odpowiedni adres URL, wszystko zapisujesz.

Teraz po kliknięciu na obrazek zostaniesz przeniesiony na zainstalowanym link.

 

zaktualizowane: 26/09/2019
icon