GIMP i webmastering: Przygotowanie obrazów do efektu rollover
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
Polecamy:
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¶æ |
| 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¶æ |
| 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. Zobacz oryginaln± tre¶æ |
| Tym razem przygotujemy witrynÄ™ z bardziej skomplikowanym efektem rollover. Po wskazaniu wskaźnikiem myszki opcji menu wymienimy nie tylko ikonÄ™ opcji, ale także dodamy tytuÅ‚ wybranej pozycji menu. Zobacz oryginaln± tre¶æ |
|
Zobacz oryginaln± tre¶æ |
Zobacz oryginaln± tre¶æ |
| Wózki wid³owe oraz wypadki. Przegl±daj±c fora internetowe, na których wspomina siê wózki wid³owe, czêsto poruszany jest temat wypadków z nimi zwi±zanych. Czêsto te¿ mo¿e spotkaæ wypowiedzi z nimi zwi±zane na³adowane bardzo emocjami. wózki wid³owe i praca z ich wykorzystaniem odbierana jest wtedy czêsto jako niebezpieczny kawa³ek chleba. ¦cieraj± siê ze sob± chêæ pracy razem z obrazami wypadków. Niestety czêsto to opisy niepotrzebnie odstraszaj± od pracy. Kiedy mówi siê o wypadku mo¿emy przeczytaæ opis tego co siê sta³o. Rzadko jednak dowiemy siê z czyjej winy dosz³o do wypadku. Czy by³a to wina maszyny czy te¿ po prostu b³±d cz³owieka. Czytaj±c ró¿nego typu wypowiedzi dotyka nas nie raz brak obiektywizmu innych. Podobnie jest z wypadkami zwi±zanymi z prac± wózków wid³owych. Zobacz oryginaln± tre¶æ |
| czê¶ci do wózków wid³owych Wózki wid³owe japoñskich marek, tzw. japoñczyki Toyota i Mitsubishi, nale¿± do ¶cis³ej czo³ówki mocno wydajnych i zaawansowanych technologicznie urz±dzeñ do transportu wewnêtrznego. Jeste¶my firm± specjalizuj±c± siê w imporcie, sprzeda¿± oraz napraw± wózków wid³owych. Sprowadzamy wózki wid³owe o parametrach standardowych oraz nietypowych na ¿yczenie klienta. W sprzedawanych wózkach wid³owych s± wykonywane remonty, w razie potrzeby dokonujemy napraw i serwisu. 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¶æ |
| Omawiany w tym odcinku szablon jest staÅ‚ej szerokoÅ›ci. Ma on trzy kolumny, nagłówek oraz stopkÄ™. WewnÄ…trz kolumn lewej i prawej znajdujÄ… siÄ™ wielokrotne dwupoziomowe menu. Zobacz oryginaln± tre¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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 Zobacz oryginaln± tre¶æ |
| 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. Zobacz oryginaln± tre¶æ |
| ZnikajÄ…ce obrazy tworzÄ… bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosujÄ…c maskÄ™ warstwy oraz ewentualnie warstwÄ™ przysÅ‚aniajÄ…cÄ…. Zobacz oryginaln± tre¶æ |
| Jak można szybko i Å‚atwo stworzyć galeriÄ™ internetowÄ… za pomocÄ… polskiego programu Galernik NxG. Zobacz oryginaln± tre¶æ |
| 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¶æ |