GIMP i webmastering - Szablon witryny WWW wykonany w oparciu o obłe prostokąty
Informacje z dnia: 27.06.08 Czytaj wiêcej...
Omawiany szablon witryny Magazynu INTERNET jest wykonany przy użyciu podstawowych narzędzi i opcji GIMP-a: zaznaczeń prostokątnych, gradientu, operacji zaokrąglania zaznaczenia, obracania warstwy oraz zmiany stopnia krycia warstwy.
Obrazy tworzone w GIMP-ie mogą zawierać proste elementy wektorowe. Służą do tego ścieżki. Wykonując przykład zwróćmy szczególną uwagę na fakt, że ścieżki można przekształcać na zaznaczenia, a zaznaczenia na ścieżki. Daje to duże możliwości tworzenia kształtów i ich obrysowywania. Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover. Wykorzystując efekty typu rollover możemy pokosić się o dodanie wskaźnika wybranej opcji. Wskaźnik taki będzie informować użytkownika o bieżąco dokonanym wyborze.

Szablon, który przygotowałem w tym odcinku ma układ dwukolumnowy. Kolumny o stałej szerokości wyśrodkowane na stronie rozciągają się na całą wysokość okna przeglądarki. Wydawałoby się, nic prostszego. Jak się okaże, problemem jest wyznaczanie wysokości elementów pływających. Główną cechą obrazów tworzonych w GIMP-ie jest wielowarstwowość. Obraz składa się z dowolnej liczby warstw, które są niezależnymi obrazami. W drugim spotkaniu z GIMP-em omówię wszystkie cechy warstw: wymiar, widoczność, przezroczystość, krycie, tryb, zachowanie przezroczystości, miejsce na stosie warstw oraz grupowanie. Standardy EXIF oraz IPTC umożliwiają zapis metadanych w obrazach cyfrowych. Plik graficzny (np. JPEG) może zawierać - oprócz samej fotografii - informacje o autorze, słowa kluczowe, opis oraz parametry i ustawienia aparatu. Artykuł opisuje metody odczytu oraz modyfikacji danych EXIF i IPTC przy użyciu kilku programów użytkowych oraz skryptów w języku PHP.

Przygotowanie obrazu w formacie XCF jest pierwszym etapem wykonania szablonu strony WWW. W artykule zajmiemy się przekształceniem pliku graficznego XCF w witrynę WWW. Szczególną uwagę zwrócimy na kilka haczyków dotyczących poprawności kodu HTML oraz wyglądu witryny w starszych przeglądarkach. Najpopularniejszymi formatami graficznymi używanymi przez twórców stron WWW są od lat JPEG i GIF. Czy zawsze jednak są także najlepszym możliwym rozwiązaniem? Grafiki można zapisać do pliku, używając różnych formatów graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazów, każdy ma swoje mocne i słabe strony. Formaty plików graficznych można podzielić na formaty przechowujące grafikę rastrową oraz te przechowujące grafikę wektorową. W artykule nauczymy się przygotowywać loga (w formie szerokich banerów) na strony WWW: o stałej szerokości, z tłem wypełniającym całe okno przeglądarki oraz z ilustracją powielaną dowolną ilość razy.

Baner witryny 33 i 1/3 składa się z kilku wyciętych okładek płyt, jednej dużej płyty oraz kilku napisów. W projekcie tym opowiem między innymi, w jaki sposób szybko i łatwo można wyciąć elementy z fotografii przedstawiających przedmioty na jasnym tle. W tym odcinku zajmiemy się kadrowaniem, przekształceniami całego obrazu oraz poszczególnych warstw. Do wprawnego wykonywania tych operacji niezbędna jest umiejętność posługiwania się prowadnicami oraz skalowaniem widoku. Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia.

Szablon, który dzisiaj przedstawię, nauczy dwóch ciekawych rozwiązań. Dowiemy się, w jaki sposób w GIMP-ie wykonać fotomontaż techniką "łatek" oraz na czym polega problem z wysokością elementów pływających w CSS. Wykorzystując możliwości warstw, ścieżek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji. Znikające obrazy tworzą bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosując maskę warstwy oraz ewentualnie warstwę przysłaniającą.


Polecamy:
informacje z dnia: 27.06.08
Baner witryny 33 i 1/3 składa się z kilku wyciętych okładek płyt, jednej dużej płyty oraz kilku napisów. W projekcie tym opowiem między innymi, w jaki sposób szybko i łatwo można wyciąć elementy z fotografii przedstawiających przedmioty na jasnym tle.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
W kolejnym szablonie przedstawię połączenie trzech technik: ujemnych marginesów, udawanych kolumn oraz wymiany obrazów FIR. Dzięki użyciu tych technik otrzymany kod XHTML jest w pełni semantyczny, zaś w przypadku szablonu tekstowego także częściowo elastyczny.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
IrfanView to program znany przede wszystkim jako znakomita, darmowa przeglądarka graficzna. Jednak mało kto wie, że za pomocą Irfana można z powodzeniem szybko i łatwo wykonać galerię internetową. Zobaczmy, jak to się robi.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Wykorzystując efekty typu rollover możemy pokosić się o dodanie wskaźnika wybranej opcji. Wskaźnik taki będzie informować użytkownika o bieżąco dokonanym wyborze.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08

Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08



Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
wózki wid³owe firma zajmuje siê importem wózków wid³owych od roku 1997 ró¿nych marek, a od roku 1999 skupi³a siê na imporcie sprzêtu japoñskiego marki Toyota i Mitsubishi.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Obrazy tworzone w GIMP-ie mogą zawierać proste elementy wektorowe. Służą do tego ścieżki. Wykonując przykład zwróćmy szczególną uwagę na fakt, że ścieżki można przekształcać na zaznaczenia, a zaznaczenia na ścieżki. Daje to duże możliwości tworzenia kształtów i ich obrysowywania.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Przygotowywana w tym odcinku witryna wykorzystuje prowadnice, gradienty, zaznaczenia, ścieżki, warstwy i maski, wklejanie elementów do obrazu oraz zaokrąglone prostokąty. Do ułożenia ikon opcji menu użyłem kwadratów i prostokątów. Metoda ta gwarantuje, że każda z ikon zajmie dokładnie tyle samo miejsca oraz to, że ikony będą równoodległe, co ma znaczenie podczas przygotowywania kodu HTML.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Standardy EXIF oraz IPTC umożliwiają zapis metadanych w obrazach cyfrowych. Plik graficzny (np. JPEG) może zawierać - oprócz samej fotografii - informacje o autorze, słowa kluczowe, opis oraz parametry i ustawienia aparatu. Artykuł opisuje metody odczytu oraz modyfikacji danych EXIF i IPTC przy użyciu kilku programów użytkowych oraz skryptów w języku PHP.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Szablon, który przygotowałem w tym odcinku ma układ dwukolumnowy. Kolumny o stałej szerokości wyśrodkowane na stronie rozciągają się na całą wysokość okna przeglądarki. Wydawałoby się, nic prostszego. Jak się okaże, problemem jest wyznaczanie wysokości elementów pływających.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Najpopularniejszymi formatami graficznymi używanymi przez twórców stron WWW są od lat JPEG i GIF. Czy zawsze jednak są także najlepszym możliwym rozwiązaniem? Grafiki można zapisać do pliku, używając różnych formatów graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazów, każdy ma swoje mocne i słabe strony. Formaty plików graficznych można podzielić na formaty przechowujące grafikę rastrową oraz te przechowujące grafikę wektorową.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Obsługa dziesiątek formatów graficznych, wraz z możliwością pełnej obróbki z poziomu przeglądarki internetowej, to marzenie każdego właściciela strony WWW. W tym artykule zaprezentujemy, co w praktyce potrafi stworzone w tym celu narzędzie ImageMagick i dlaczego wśród podobnych rozwiązań nie ma sobie równych.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Główną cechą obrazów tworzonych w GIMP-ie jest wielowarstwowość. Obraz składa się z dowolnej liczby warstw, które są niezależnymi obrazami. W drugim spotkaniu z GIMP-em omówię wszystkie cechy warstw: wymiar, widoczność, przezroczystość, krycie, tryb, zachowanie przezroczystości, miejsce na stosie warstw oraz grupowanie.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
GIMP, bezpłatny program do edycji grafiki rastrowej, z roku na rok zyskuje coraz większą popularność. W pierwszym odcinku nowego kursu "GIMP od podstaw" dowiesz się, skąd pobrać i jak zainstalować GIMP-a, poznasz bogaty zestaw wbudowanych filtrów do przetwarzania obrazu i nauczysz się nimi posługiwać.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Selekcja, nazywana również zaznaczeniem lub maską, jest kluczowym narzędziem w edytorach grafiki rastrowej. Wskazuje ona obszar obrazu, który będzie poddawany działaniu narzędzi edycyjnych. GIMP posiada sześć wbudowanych narzędzi do zaznaczania obszaru oraz bogaty zestaw metod przekształcania selekcji.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Wykorzystując możliwości warstw, ścieżek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji.
Zobacz oryginaln± tre¶æ

kabarety Sudáfrica México kompy tworzenie stron www dom weselny Gniezno warszawa fotograf slubny diety przepisy truvu.pl Odzie¼ E³k