--=REKLAMA=--

Narzędzia projektanta/Korzystanie z Firebuga w Joomla!

Z Joomla!WikiPL

Wersja Zwiastun (dyskusja | edycje) z dnia 11:34, 26 lut 2010

(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)

Firebug jest wolnym niezwykle użytecznym dodatkiem do przeglądarki Firefox. Jest bardzo pomocny w pracy ze stronami internetowymi, w tym także opartymi na systemach obsługi witryn, takimi jak Joomla. Firebug pozwoli Ci:

  • znaleźć szybko dokładny kod CSS, który formatuje jakiś element na stronie,
  • zidentyfikować kod HTML dowolnego elementu na stronie,
  • zobaczyć natychmiast skutki zmian wprowadzanych w kodzie HTML lub CSS.

Odnośniki poniżej zaprowadzą Cię do bezpłatnego poradnika wideo pt. "Using Firebug With Your Joomla! Website" ("Zastosowanie Firebuga w Twojej witrynie Joomla"). Poradnik jest wprawdzie w języku angielskim, ale na tyle obrazowo ilustruje korzystanie z tego wyśmienitego narzędzia, że będzie dość zrozumiały nawet dla osób nieznających języka.

Aby odtworzyć filmy, wystarczy kliknąć odnośniki. Aby pobrać pliki wideo na swój komputer i odtwarzać je lokalnie, kliknij każdy odnośnik prawym przyciskiem myszki i zaznacz opcję Zapis odnośnik jako....

Poniżej przedstawiamy zwięzły spis treści filmow:

Część pierwsza (18 minut)

  • Instalacja Firebuga
  • Firebug Layout
  • Polecenie Inspect
  • Wyszukiwanie elementów HTML
  • Zmiana CSS
  • Dodanie nowej własności CSS
  • Objaśnienie szablonu Beez
  • Przyciski rozmiaru czcionki w Beez
  • Beztabelowy szablon Beez
  • Co dalej

Część druga (13 minut)

  • Przyrostek klas modułu
  • Stylizacja menu
  • Parametry przyrostka klas modułu
  • Parametry przyrostka klas strony
  • Dodawanie właściwości CSS wewnątrz linii
  • Zastosowanie stylów nowej klasy CSS
  • Pomoc dla Firebuga

Przyciski odtwarzacza:

  • Play / Pause - zatrzymaj
  • Slider - suwak, umożliwia szybkie przeniesienie się do dowolnego momentu filmu
  • Volume - siła głosu
  • Table of Contents - spis treści w dodatkowym oknie
  • Time Elapsed / Total Time - upływ czasu/czas trwania całego filmu

Wygląd przycisków przedstawia ilustracja poniżej.

Video tutorial controls.png

Dziękujemy za wkład

» Stefan Wajda [zwiastun],