GIMP i webmastering: Baner witryny 33 i 1/3
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
Polecamy:
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¶æ |
| 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¶æ |
| 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¶æ |
| 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. Zobacz oryginaln± tre¶æ |
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¶æ |
| 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¶æ |
|
Zobacz oryginaln± tre¶æ |
| 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¶æ |
| 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. 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¶æ |
| 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¶æ |
| 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. Zobacz oryginaln± tre¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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. 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¶æ |
| 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¶æ |