GRAFIKA NA STRONIE WWW

  1. Na stronie internetowej można umieszczać obrazki zapisane w jednym z następujących formatów:
    • *.jpg
    • *.gif
    • *.png

  2. Aby obrazek był jednym z elementów zawartości strony, należy w dowolnym miejscu (w kodzie źródłowym) wstawić polecenie:
    <IMG SRC="katalog/nazwa_pliku" ALT="opis obrazka" STYLE="WIDTH: szerokość; HEIGHT: wysokość">

  3. Obrazki, które mają się znaleźć na stronie, najlepiej zapisać w katalogu, w którym znajdują się pliki *.html lub jego podkatalogach.





    SAMOUCZEK

    Aby określić położenie obrazka względem tekstu należy w stylach dopisać polecenie FLOAT oraz okreslić położenie:
    - left - obrazek ustawiony po lewej stronie względem otaczającego go tekstu
    - right - obrazek po prawej stronie względem tekstu

     

    W celu odsunięcia tekstu od obrazka należy użyć polecenia MARGIN.
    Wielkość marginesu można określić w "mm", "px" (pikselach), "pt" (punktach).

     

    Aby obrazek miał obramowanie należy w stylach zdefiniować następujące cechy:
    - BORDER-WIDTH - grubość obramowania, którą można określić w "mm", "px" (pikselach), "pt" (punktach);
    - BORDER-STYLE - styl lini obramowania;
    - BORDER-COLOR - kolor obramowania.

    Przykladowe wartości BORDER-STYLE:
    - dashed - wszystkie krawędzie jednakowe - linia kreskowa
    logo szkoły
    - double solid - górna i dolna krawędź linią ciągłą podwójną, prawa i lewa linią ciągłą
    logo szkoły
    - dotted double hidden - górna krawędź linią kropkową, prawa i lewa linią ciągłą podwójną, dolna krawędź ukryta
    logo szkoły
    - groove ridge inset outset - górna krawędź typu "rowek", prawa typu "grzbiet",   dolna typu "ramka", lewa typu "przycisk"
    logo szkoły

    Styl obramowania określa się zgodnie z ruchem wskazówek zegara począwszy od krawędzi górnej.