Gimp: tworzenie szablonów stron WWW cz. 3
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| # Zapewniamy profesjonalny serwis wózków wid³owych z dojazdem do klienta, jak i w naszych warsztatach. # Dostarczamy czê¶ci zamienne do wszystkich typów wózków wid³owych. # Wynajmujemy wózki wid³owe na okresy d³ugoterminowe jak i na okresy krótsze. # Zapewniamy kompleksow± obs³ugê transportu wewnêtrzego kliena przez nasz± firmê, dostarczaj±c nasze wózki wid³owe i bior±c na siebie obowi±zki utrzymania ich w ruchu. Gwarantujemy nieprzerwan± pracê za i wy³adunkow±. Zobacz oryginaln± tre¶æ |
| Czy kiedykolwiek nie zastanawia³e¶ siê, jakie szanse daje Ci skuteczna strona internetowa, np. e-commerce? projekty domów w dobie tak silnie rozwiniêtego Internetu, który powoli staje siê dla nas drugim domem, grzechem by³oby nie wykorzystanie istniej±cego w nim potencja³u. Zobacz oryginaln± tre¶æ |
| ogrody zimowe ciesz± siê coraz wiêksz± popularno¶ci± na ¶wiecie oraz od niedawna tak¿e w Polsce. Ogród zimowy to doskona³y sposób na powiêkszenie i docieplenie budynku, ale i równie¿ podwy¿sza standard i jako¶æ naszego ¿ycia.
Zobacz oryginaln± tre¶æ |
Zobacz oryginaln± tre¶æ |
hydraulik Poznañ, nieruchomo¶ci, wózki wid³owe, ogrody zimowe, projekty domów, meble Koszalin, us³ugi fryzjerskie S³upsk informacje z dnia: 01.10.08
| Tworzenie prze¼roczysto¶ci nie jest ³atwe, poniewa¿ trudno stworzyæ co¶, co nie ma barwy lub ma specyficzn± konsystencjê: kropla wody, deszcz, p³yn w szklance lub sama szklanka. Poka¿ê trzy formy prze¼roczyste, które mo¿na stworzyæ korzystaj±c wy³±cznie z poleceñ programu, do ka¿dego elementu wykorzystuj±c tylko jedno zdjêcie stanowi±ce podk³ad do pracy. Zobacz oryginaln± tre¶æ |
| Prawdopodobnie ka¿da z osób tworz±cych projekty do wy¶wietlania na ekranie monitora (strony WWW, prezentacje) mia³a nieraz problem z odpowiednim wyborem palety kolorów. Dobór schematu barw mo¿na upro¶ciæ, korzystaj±c z przygotowanych do tego narzêdzi. Zobacz oryginaln± tre¶æ |
| Jak można szybko i Å‚atwo stworzyć galeriÄ™ internetowÄ… za pomocÄ… polskiego programu Galernik NxG. Zobacz oryginaln± tre¶æ |
| Prezentowany szablon jest ograniczony od do³u i od góry przez poziome pasy. W ten sposób realizowane jest dostosowanie szablonu do rozdzielczo¶ci: pasy zawsze rozci±gaj± siê od lewej do prawej krawêdzi przegl±darki. ¦rodkowa czê¶æ szablonu jest podzielona na dwie kolumny, których szeroko¶æ mo¿e byæ dowolnie zmieniana w CSS. 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¶æ |
| Pierwsze blogi zaczê³y powstawaæ ponad 10 lat temu. Ma³o kto móg³ wtedy sobie pozwoliæ na obejrzenie filmu przez sieæ. Brak równie¿ by³o reklam - Google nie wystartowa³o z reklamami AdSens, bo nie by³o jeszcze samego Google. Dopiero z czasem na blogi zawita³a efektowna grafika, materia³y wideo oraz interaktywne gad¿ety. Szkoda tego nie wykorzystaæ. Naj³atwiej to zrobiæ, korzystaj±c z gotowych szablonów. 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¶æ |
| Szablon ten prezentuje menu z efektem rollover oraz wska¼nikiem wybranej opcji. Oba efekty s± wykonane w CSS z wykorzystaniem kafelkowania (ang. sprites). Wska¼nik wybranej opcji wymaga dodania do kodu XHTML jednego elementu span dla ka¿dej opcji oraz identyfikatora elementu body. Zobacz oryginaln± tre¶æ |
| Warto zapoznaæ siê funkcj± Obliczenia (Calculations), poniewa¿ daje ona wiele ciekawych mo¿liwo¶ci. Nie bêdziemy nic liczyæ, wiêc kalkulatory s± zbêdne. Liczeniem zajmie siê Photoshop, my natomiast udzielimy mu niezbêdnych wskazówek. 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¶æ |