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.
Maj±c do dyspozycji kilka fotografii mo¿emy spróbowaæ po³±czyæ ich wybrane fragmenty w jedno. Dziêki temu stworzymy niecodzienn± kompozycjê - mniej lub bardziej realn±. W tej lekcji stworzymy dwie hybrydy: grejpfruta z kiwi oraz szczura z jeleniem. Dodatkowo zmodyfikujemy zdjêcie czapki poprzez doszycie wirtualnego futerka, które sami stworzymy. Futro bêdzie od nas wymagaæ inwencji i pewnej rêki. Ka¿dy ruch i ka¿da zmiana k±ta pêdzla da ró¿norodny efekt. A wiêc mamy pe³ne pole do eksperymentu. 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. Prezentowany szablon bazuje na uk³adzie sta³ej szeroko¶ci. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie wzglêdnie bezwzglêdne oraz FIR (ang. Fahrner Image Replacement).

W¶ród bloggerów popularne jest powiedzenie "je¶li nie masz o czym pisaæ - zmieñ wygl±d bloga". Oczywi¶cie w sieci jest wiele darmowych szablonów, jednak je¶li chcesz siê wyró¿niæ, postaw na w³asny projekt. To nie takie proste, na jakie wygl±da - warto wiedzieæ na co zwróciæ uwagê, aby u³atwiæ u¿ytkownikom korzystanie z serwisu. ArtykuÅ‚ ten rozpoczyna nowy cykl poÅ›wiÄ™cony przygotowywaniu szablonów witryn WWW w programie GIMP. W każdym odcinku bÄ™dzie szczegółowo opisany jeden szablon. W dzisiejszym spotkaniu przygotujemy wizytówkÄ™ firmy z branży motoryzacyjnej. 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Ä….

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

SVG to format grafiki wektorowej, powsta³y z my¶l± o stronach internetowych. Jednak korzystanie z SVG wci±¿ jest problemem, gdy¿ nie wszystkie przegl±darki go odczytuj±. 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. 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.

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. Kolor t³a i tekstu to kluczowy element na ka¿dej stronie internetowej. Z³e za³o¿enia mog± potem byæ przyczyn± wielu problemów. Warto wiêc po¶wiêciæ czas na wybór najlepszego schematu kolorów. 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.


Polecamy:
informacje z dnia: 08.11.08
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¶æ
informacje z dnia: 27.06.08
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¶æ
informacje z dnia: 01.10.08
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¶æ
informacje z dnia: 08.11.08
Kolor t³a i tekstu to kluczowy element na ka¿dej stronie internetowej. Z³e za³o¿enia mog± potem byæ przyczyn± wielu problemów. Warto wiêc po¶wiêciæ czas na wybór najlepszego schematu kolorów.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08

Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Banki i inne instytucje finansowe wysz³y naprzeciw oczekiwaniom klientów i stworzy³y bardzo liczn± gamê us³ug kredytowych. Obecnie ksi±¿ka telefoniczna mo¿na wzi±æ ju¿ na niemal wszystko, zaczynaj±c od ¿arówek, a¿ do domu, czy nieruchomo¶ci. Kredyty s± najwa¿niejszym ¼ród³em dochodów banków, które czerpi± zyski z prowizji za ich przyznanie, ze sp³at odsetek oraz dodatkowych ró¿nych op³atukrytych podatków. Bardzo czêsto kredytobiorca nie ma ¶wiadomo¶ci, ile pieniêdzy bêdzie musia³ zwróciæ w ramach zaci±gniêtego kredytu. Jaka charakterystyka kredytu jest najistotniejsza? Czy jest to wysoko¶æ raty, okres sp³aty, prowizja czy mo¿e stopa procentowa? Dla ka¿dego kredytobiorcy mo¿e to byæ co¶ ró¿nego.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
wózki wid³owe, czê¶ci do wózków wid³owych. Na rynku dostêpne s± setki modeli wózków wid³owych. Najró¿niejsze parametry ud¼wigu czy typ ¼ród³a zasilania pozwalaj± precyzyjnie dobraæ najbardziej odpowiedni rodzaj wózka dla danej firmy. Najpopularniejszymi wózkami s± wózki spalinowe napêdzane silnikiem elektrycznym oraz wózki, gdzie napêd ma ¼ród³ó z butli gazowej. Wózki z silnikiem elektrycznym maj± zastosowanie w zamkniêtych pomieszczeniach, gdy¿ przepisy w kodeksach zakazuj± stosowania innego typu wózków. Pozosta³e wózki maj± zastosowanie na na przestrzeniach otwartych czy rampach. Wózek elektryczny napêdzany jest przy pomocy sporych baterii kwasowych, które dzia³aj± przez oko³o 5- 7 godzin. Po ich wyczerpaniu, pod³±cza siê je do pr±du elektrycznego i po kilkudziesiêciu minutach s± ponownie zdatne do u¿ytku. Najwiêksz± zalet± wózka elektrycznego jest zerowa emisja gro¼nych dla ludzi substancji. Poza tym koszty jego u¿ytkowania s± du¿o ni¿sze ni¿ w przypadku innego typu wózków. Kolejn± korzy¶ci± jest cicho¶æ dzia³ania, a tak¿e du¿o d³u¿szy okres u¿ytkowania. Najwiêksz± ich wad± jest du¿o wy¿szy koszt pocz±tkowy, czyli cena kupna. Jednak mimo tych problemów wózki elektryczne s± najbardziej rozpowszechnionym rodzajem wózka. Wraz z gwa³townym rozwojem przemys³u i produkcji powsta³o zapotrzebowanie na pojazdy, które bêd± w stanie przenosiæ kilkutonowe ³adunki, ale jednocze¶nie bêd± na tyle zwinne, ¿e zmieszcz± siê w ciasnych przej¶ciach w magazynach. Idealnym wynalazkiem do wype³nienia tej roli okaza³ siê wózek wid³owy. Pierwsze wózki wprowadzono do produkcji zaledwie oko³o sto lat temu. S± to niewielkie, ale niezwykle silne i bardzo zwrotne maszyny. Prowadzenie wózka wid³owego jest ³atwe do nauki, ale równocze¶nie wymaga du¿ego do¶wiadczenia oraz zachowania szczególnej ostro¿no¶ci. Wózek wa¿y kilka ton, a je¿eli do³±czymy do tego kilkutonowy ³adunek, to poziom zagro¿enia znacznie wzrasta, dlatego te¿ najistotniejsze w prowadzeniu wózka jest zachowanie rozwagi i bezpieczeñstwo. Nale¿y nie zapominaæ o odpowiednim roz³o¿eniu towaru, aby ¶rodek ciê¿ko¶ci by³ na w³a¶ciwym miejscu. Niew³a¶ciwy lub zbyt du¿y ³adunek mo¿e doprowadziæ do uszkodzenia lub przewrócenia wózka. Do prowadzenia wózka niezbêdne jest posiadanie specjalnych uprawnieñ oraz w³a¶ciwych badañ lekarskich. Wszystkie konieczne uprawnienia mo¿na uzyskaæ podczas specjalnych kursów zawodowych. # 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êtrznego klienta 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¶æ
informacje z dnia: 27.06.08



Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
Ogrody zimowe równie¿ wykorzystuj± fundamenty w swojej budowie. Ogrody zimowe powstaj± na zbrojonych ³awach, b±d¼ tak¿e betonowych p³ytach fundamentowych. podstawy te musz± byæ oddzielone od fundamentów domu izolacj± przeciwwilgociow±. Wa¿ne jest równie¿, by fundament naszego domu wznosi³ siê piêtna¶cie centymetrów z ok³adem ziemiê. Jest to opieka ¶cian przed rozpryskuj±cym siê deszczem. Dziêki temu rozwi±zaniu szyby naszego ogrodu ³atwiej utrzymaæ w porz±dku. Warto przyjrzeæ siê ¶ci¶le projektowi naszego ogrody zimowego i daæ do zrobienia nieco szczegó³owych pytañ budowlañcom, by upewniæ siê o jako¶ci wykonania. W koñcu ogród zimowy ma nam s³u¿yæ d³ugi czas. Ogrody zimowe i wady w³asnego projektu. Bior±c pod uwagê, i¿ ogrody zimowe wolno budowaæ we w³asnym zakresie, zastanówmy siê nad wadami takiego przedsiêwziêcia. Pierwszym pytaniem jakie byæ mo¿e zadaæ, to oznacza to inwestor buduj±cy we w³asnym zakresie ogrody zimowe ma jakie¶ do¶wiadczenie w budownictwie. Nastêpnie zapytajmy, który raz buduje taki oran¿erie. Ogrody zimowe i szybko¶æ wykonania. Przed rozpoczêciem jakiejkolwiek budowy stale zastanawiamy siê do tego stopnia czasu dok³adnie bêdzie ona trwa³a. Mimo i¿ ogrody zimowe nie s± du¿± inwestycj±, te pytanie tak¿e zadajemy w stosunku a¿ do nich. W dzisiejszych czasach budowlañcy s± wybitnie odpowiednio przygotowane do tego typu budowy. Gotowe profile aluminiowe s± przywo¿one na teren budowy i na miejscu montowane. Wszystkie dok³adnie przyciête i gotowe a¿ do monta¿u. Niekiedy nawet czê¶æ z nich przyje¿d¿a w dostawie po trosze z³o¿ona. Firmy budowlane przygotowa³y siê a¿ do naszych inwestycji, korzystaj±c z gotowych i dobrych materia³ów, prêdko mog± zakoñczyæ zamówienie i przyj±æ kolejne. Ogrody zimowe plus ich szybkie wykonanie, to nie raptem du¿e u³atwienie na rzecz producentów przecie¿ tak¿e na rzecz w³a¶cicieli ogrodów. Od czasu do czasu warto zachowaæ siê z inwestycj± i zgromadziæ wiêcej funduszy na profesjonalnie wykonanie. 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¶æ
informacje z dnia: 27.06.08
zabudowy szklane. Bardzo ciekawym pomys³em na w³asn± dzia³alno¶æ i biznes jest prowadzenie firmy budowlanej, ale do tego nale¿y mieæ minimum wiedzy i umiejêtno¶ci. Wyj±tkowo w dzisiejszych czasach, gdy gospodarka ¶wiatowa w³a¶nie wychodzi z kryzysu, który de facto rozpocz±³ siê na rynku amerykañskim, a szczególnie w bañce kredytów - kredyt hipoteczny, brany bez opamiêtania i na ma³ych zabezpieczeniach. Mo¿na zanotowaæ wyra¼ny trend rosn±cy na rynku budownictwa. Powstaj± nowe mieszkania i domy. Specjali¶ci nadal s±dz±, ¿e tempo powstawania nowych bloków jest zbyt powolne w stosunku do zapotrzebowania na nie. Jednym z powodów s± limitowane zasoby finansowe Polaków, ale ¼róde³ tego stanu mo¿na równie¿ upatrywaæ w bran¿y us³ug budowniczych. Z powodu recesji bardzo du¿o organizacji zawiesi³o swoj± dzia³alno¶æ lub nawet zamknê³o swoje kariery. Z tego powodu na rynku zaistnia³a bardzo du¿o przestrzeni, któr± maj± szansê zape³niæ nowe przedsiêbiorstwa. Za³o¿enie firmy budowlanej nie jest spraw± prost±. Ogólnie mówi±c, budowlañcy powinni charakteryzowaæ siê idealnym stanem zdrowia, aby podo³aæ wyzwaniu jakim jest praca w przedsiêbiorstwie budowlanym.
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
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¶æ
informacje z dnia: 01.10.08
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¶æ
informacje z dnia: 27.06.08
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¶æ
informacje z dnia: 01.10.08
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¶æ
informacje z dnia: 27.06.08
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¶æ
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¶æ
informacje z dnia: 27.06.08
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¶æ
informacje z dnia: 01.10.08
Artyku³ ten rozpoczyna nowy cykl po¶wiêcony przygotowywaniu szablonów witryn WWW w programie GIMP. W ka¿dym odcinku bêdzie szczegó³owo opisany jeden szablon. W dzisiejszym spotkaniu przygotujemy wizytówkê firmy z bran¿y motoryzacyjnej.
Zobacz oryginaln± tre¶æ
informacje z dnia: 01.10.08
Prezentowany szablon bazuje na uk³adzie sta³ej szeroko¶ci. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie wzglêdnie bezwzglêdne oraz FIR (ang. Fahrner Image Replacement).
Zobacz oryginaln± tre¶æ
informacje z dnia: 27.06.08
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¶æ
informacje z dnia: 27.06.08
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¶æ
noclegi noclegi noclegi noclegi noclegi