GIMP: Tworzenie szablonów stron WWW cz. 12
Informacje z dnia: 01.10.08
Czytaj więcej...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).
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. 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. Jak moĹźna szybko i Ĺatwo stworzyÄ galeriÄ internetowÄ za pomocÄ polskiego programu Galernik NxG.
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, 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. Omawiany w tym odcinku szablon jest staĹej szerokoĹci. Ma on trzy kolumny, nagĹĂłwek oraz stopkÄ. WewnÄ trz kolumn lewej i prawej znajdujÄ siÄ wielokrotne dwupoziomowe menu.
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. 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. 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.
Blogi eksperckie, poświęcone jednej dziedzinie, powinny cechować się większym umiarkowaniem, kojarzącym się z profesjonalizmem. Dobierając szablony, postawiliśmy więc na czytelność, nie zapominając o świeżości i eleganckim, profesjonalnym wyglądzie. 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. 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.
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. 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. W tej lekcji skomponujemy własny krajobraz. Mając zdjęcia drzew, nieba, księżyca, czaszki, ziemi itd. stworzymy własne, niepowtarzalne miejsce. Trochę bajkowe, mało rzeczywiste, ale na pewno niecodzienne. Wystarczy kilka zdjęć i elementów, aby tworzyć własne zestawienia.
Polecamy:
informacje z dnia: 01.10.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ść |
| Jedna z podstawowych technik tworzenia projektĂłw graficznych polega na ĹÄ
czeniu elementĂłw pochodzÄ
cych z róşnych zdjÄÄ w jednÄ
caĹoĹÄ. W GIMP-ie wykorzystujemy do tego dobrze znanÄ
technikÄ kopiuj-wklej. Ilustracje tworzone w ten sposĂłb skĹadajÄ
siÄ z wielu warstw - kaĹźda z nich jest osobnym obrazem i moĹźe byÄ przeksztaĹcana niezaleĹźnie. 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ść |
| 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ó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ść |
| 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ść |
Zobacz oryginalną treść |
| 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ść |
|
Zobacz oryginalną treść |
| 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ść |
| 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ść |
| 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ść |
| 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ść |
| 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ść |
| ZnikajÄ
ce obrazy tworzÄ
bardzo atrakcyjne kompozycje. Efekt taki wykonujemy stosujÄ
c maskÄ warstwy oraz ewentualnie warstwÄ przysĹaniajÄ
cÄ
. Zobacz oryginalną treść |
| 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ą. 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ść |
| 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ść |
| 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ść |
| 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ść |
| 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ść |
