Gimp: tworzenie szablonów stron WWW cz. 6
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
Polecamy:
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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
Zobacz oryginaln± tre¶æ |
| 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¶æ |
|
Zobacz oryginaln± tre¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| Jak można szybko i Å‚atwo stworzyć galeriÄ™ internetowÄ… za pomocÄ… polskiego programu Galernik NxG. Zobacz oryginaln± tre¶æ |
| 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¶æ |
| 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. 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¶æ |
| 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¶æ |