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
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
|
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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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. 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¶æ |