Dwupunktowe rollovery ze wskaźnikiem wybranej opcji
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
Polecamy:
informacje z dnia: 27.06.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¶æ |
| 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. 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¶æ |
| 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¶æ |
|
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¶æ |
| 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¶æ |
| ZnikajÄ…ce obrazy tworzÄ… bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosujÄ…c maskÄ™ warstwy oraz ewentualnie warstwÄ™ przysÅ‚aniajÄ…cÄ…. 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¶æ |
| 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¶æ |
| 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. 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |