HTML: Zamiana obrazu XCF na szablon strony
Informacje z dnia: 27.06.08
Czytaj wiêcej...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.
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. 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. 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.
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. 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. Jest to pierwszy z serii artyku³ów, w których poznamy mo¿liwo¶ci programu Photoshop. Ka¿da lekcja bêdzie oparta na praktycznym przyk³adzie omówionym krok po kroku. Zaczniemy od ¶wiat³a.
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. 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. 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. 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. 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.
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 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. 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.
Polecamy:
informacje z dnia: 27.06.08
| GIMP, bezpÅ‚atny program do edycji grafiki rastrowej, z roku na rok zyskuje coraz wiÄ™kszÄ… popularność. W pierwszym odcinku nowego kursu "GIMP od podstaw" dowiesz siÄ™, skÄ…d pobrać i jak zainstalować GIMP-a, poznasz bogaty zestaw wbudowanych filtrów do przetwarzania obrazu i nauczysz siÄ™ nimi posÅ‚ugiwać. Zobacz oryginaln± tre¶æ |
| 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. 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¶æ |
| 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¶æ |
| 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¶æ |
|
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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| 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¶æ |
| Jest to pierwszy z serii artyku³ów, w których poznamy mo¿liwo¶ci programu Photoshop. Ka¿da lekcja bêdzie oparta na praktycznym przyk³adzie omówionym krok po kroku. Zaczniemy od ¶wiat³a. Zobacz oryginaln± tre¶æ |
| Od jakiego¶ czasu coraz czê¶ciej mo¿na spotkaæ ca³e serwisy prowadzone w formie blogów. Zwykle s± to strony zawieraj±ce newsy oraz artyku³y pisane przez u¿ytkowników lub bêd±ce agregatorami tre¶ci pobieranych z innych stron poprzez RSS. Na takim blogu warto wstawiæ spis popularnych artyku³ów i streszczenia ostatnich wpisów. 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¶æ |
| 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. 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¶æ |
| 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¶æ |
| 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¶æ |
