Informacje z dnia: 27.06.08 Czytaj więcej...
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.
Goethe w swojej książce "Teoria kolorów" stwierdził, że gdy oko dostrzeże kolor, ulega natychmiastowemu pobudzeniu. Od XIX w. sporo nauczyliśmy się o kolorach, jednak ta podstawowa zasada sprawdza się do dziś, gdy malujemy obraz czy projektujemy strony. 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. Wkomponowanie kolażu fotografii w baner i włączenie go w projekt strony uczyni ją bardziej profesjonalną i przyciągnie wzrok. Co będziemy tworzyć? Kompletną stronę WWW z banerem witryny, który będzie działać w oknach przeglądarki o różnej szerokości. Grafika po prawej stronie banera pojawia się lub znika w miarę zmieniania szerokości okna przeglądarki. Jeśli będzie ono bardzo szerokie, baner przejdzie w kolor tła.

Gdy znamy podstawowe cechy GIMP-a, umiemy pracować z warstwami, wprawnie operujemy selekcjami oraz wybranymi narzędziami, możemy przystąpić do pracy nad bardziej wyrafinowanymi projektami. W tym artykule zajmiemy się przygotowaniem witryny WWW. 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. Twórz lepsze i szybciej wczytujące się ilustracje, dowiedz się jak usprawnić pracę z plikami graficznymi, dodawaj wspaniałe efekty - wszystko po to, aby twoja strona znowu zachwycała odwiedzających

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. 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. Omawiany szablon jest płynny: wypełnia całe okno przeglądarki od rozdzielczości 800×600 wzwyż. Efekt ten jest osiągnięty dzięki ujemnym marginesom oraz rozsuwaniu tła.

Artykuł ten rozpoczyna nowy cykl poświęcony przygotowywaniu szablonów witryn WWW w programie GIMP. W każdym odcinku będzie szczegółowo opisany jeden szablon. W dzisiejszym spotkaniu przygotujemy wizytówkę firmy z branży motoryzacyjnej. 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. Jak można szybko i łatwo stworzyć galerię internetową za pomocą polskiego programu Galernik NxG.

Opisywany szablon jest podzielony na trzy poziome obszary. Jest to szablon stałej szerokości, wyśrodkowany na stronie. Środkowy pas wykorzystuje sztuczkę udawanych kolumn, zaś etykiety opcji menu są wyśrodkowane poziomo i pionowo. Animowane GIF-y pojawiają sie na stronach WWW jako osobne animacje bądź jako efekty wzbogacające interfejs witryny. Wyjaśnimy podstawowe cechy formatu GIF i pokażemy w jaki sposób tworzyć animowane GIF-y w programie GIMP. Animowane menu strony, którego opcje reagują na wskaźnik myszki, jest bardzo atrakcyjne. W artykule przedstawimy w jaki sposób wykonać takie menu, gdy dysponujemy obrazem narysowanym w GIMP-ie. Kod HTML menu będzie wykorzystywać elementy div oraz arkusze stylów.


Polecamy:
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

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 oryginalną treść

informacje z dnia: 27.06.08

Jedna z podstawowych technik tworzenia projektĂłw graficznych polega na Ĺ‚Ä czeniu elementĂłw pochodzÄ cych z róşnych zdjęć w jednÄ całość. W GIMP-ie wykorzystujemy do tego dobrze znanÄ technikę kopiuj-wklej. Ilustracje tworzone w ten sposĂłb składajÄ się z wielu warstw - kaĹźda z nich jest osobnym obrazem i moĹźe być przekształcana niezaleĹźnie. Zobacz oryginalną treść

informacje z dnia: 27.06.08

ZnikajÄ ce obrazy tworzÄ bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosujÄ c maskę warstwy oraz ewentualnie warstwę przysłaniajÄ cÄ . 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

Zobacz oryginalną treść

informacje z dnia: 27.06.08

Jak moĹźna szybko i łatwo stworzyć galerię internetowÄ za pomocÄ polskiego programu Galernik NxG. Zobacz oryginalną treść

informacje z dnia: 27.06.08

Opisywany szablon ma staĹ‚Ä szerokość. Wykorzystuje tzw. czyszczenie, ktĂłre nadaje elementom pływajÄ cym odpowiedniÄ wysokość. Ponadto w nagłówku, przy uĹźyciu pozycjonowania względnie bezwzględnego, rozjaśniany jest fragment zdjęcia. 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

Opisywany szablon jest podzielony na trzy poziome obszary. Jest to szablon stałej szerokości, wyśrodkowany na stronie. Środkowy pas wykorzystuje sztuczkę udawanych kolumn, zaś etykiety opcji menu sÄ wyśrodkowane poziomo i pionowo. 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

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

Gdy znamy podstawowe cechy GIMP-a, umiemy pracować z warstwami, wprawnie operujemy selekcjami oraz wybranymi narzędziami, moĹźemy przystÄ pić do pracy nad bardziej wyrafinowanymi projektami. W tym artykule zajmiemy się przygotowaniem witryny WWW. 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

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

Omawiany szablon jest płynny: wypełnia całe okno przeglÄ darki od rozdzielczości 800×600 wzwyĹź. Efekt ten jest osiÄ gnięty dzięki ujemnym marginesom oraz rozsuwaniu tła. Zobacz oryginalną treść

informacje z dnia: 27.06.08

Wkomponowanie kolaĹźu fotografii w baner i wĹ‚Ä czenie go w projekt strony uczyni jÄ bardziej profesjonalnÄ i przyciÄ gnie wzrok. Co będziemy tworzyć? KompletnÄ stronę WWW z banerem witryny, ktĂłry będzie działać w oknach przeglÄ darki o róşnej szerokości. Grafika po prawej stronie banera pojawia się lub znika w miarę zmieniania szerokości okna przeglÄ darki. Jeśli będzie ono bardzo szerokie, baner przejdzie w kolor tła. Zobacz oryginalną treść