BLOGI – skuteczna pomoc, czy zaśmiecanie Internetu?

Blog prawdopodobnie wymyśliła Amerykanka Carolyn Burke. Pierwszym polskim blogiem był przypuszczalnie blog o nazwie r.u.z.c. (rychły upadek zachodniej cywilizacji).

Ale czym właściwie są obecne blogi? Czy mają coś wspólnego z pierwszymi blogami, czy są jedynie spamem służącym np. pozycjonowaniu stron internetowych?

Według definicji jakie pojawiają się w Sieci - BLOG jest to prywatna stroną www, która przypomina tak znane pamiętniki (chociaż różni się od nich m.in. tym, iż blog moje obejrzeć praktycznie każdy, a pamiętnik był rzeczą o której wiedzieli i którą czytali nieliczni), i poświęcona jest wybranemu przez autora bądź też autorów (często blogi pisane są wspólnie przez większą ilość osób) tematowi.

Notatki mogą przybierać różnoraką formę. Niekiedy pojawiają się w postaci tekstowej - jako eseje, opinie, opowiadania, wiersze, porady itp. (np. blog Własna Firma), a czasami również w postaci graficznej, z dużą ilością zdjęć i ilustracji. To co znajduje się na blogach zależy głównie od pomysłu twórcy. Szukając pomysłu na własnego bloga możemy stworzyć coś całkowicie nowego, wyjątkowego bądź też często możemy sugerować się pracami innych (np. przeglądając blogi w katalogu stron).

Wiele współczesnych blogów tworzonych jest z myślą o innych (by podzielić się z nimi swoimi spostrzeżeniami, doświadczeniami na określony temat) i są to zazwyczaj blogi tematyczne (np. blog Żyjmy ekologicznie), ale jest również część blogów - śmieci, które służą nie wiadomo czemu i zaśmiecają jedynie Internet.

Adobe Photoshop - Tworzenie menu do strony internetowej

autorem artykułu jest Rafał Turek

Nieodzownym elementem każdej strony internetowej jest menu. Podczas tworzenia strony www zawsze zastanawiamy się jak ono będzie wyglądać i gdzie je umieścić.Artykuł ten opisuje sposób wykonania prostego menu do strony internetowej.

Czytając poniższy artykuł można dowiedzieć się m.in. o:

- pracy na warstwach,

- zastosowaniu narzędzi do zaznaczania,

- zastosowaniu narzędzia Gradient z przybornika narzędzi,

- tworzeniu odcięć,

- eksporcie grafiki do strony internetowej.

1. Tworzymy nowy dokument:

a) z paska menu wybieramy Plik - Nowy (szerokość-200 pikseli, wysokość-300 pikseli)

b) wypełniamy naszą warstwę Tło (przy użyciu Wiadra z farbą z przybornika narzędzi) ciemnym kolorem - tutaj zastosowałem kolor brązowy:







2. Nowa warstwa:

a) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i nadajemy jej nazwę przycisk

b) wybieramy narzędzie do zaznaczenia - Zaznaczanie prostokątne z przybornika narzędzi

c) trzymając klawisz Shift tworzymy zaznaczenie:







3. Wypełnianie gradientem:

a) z przybornika narzędzi wybieramy narzędzie Gradient

b) wybieramy gradient skośny:







c) teraz wciskamy D a potem X na klawiaturze by kolejno: przywrócić standardowe kolory narzędzia i tła (D) i zamienić kolory narzędzia i tła (X)

d) trzymając klawisz Shift klikamy w lewym dolnym rogu naszego zaznaczenia i przeciągamy (wciąż z wciśniętym klawiszem Shift) do prawego górnego rogu:







e) puszczamy teraz przycisk myszy a potem klawisz Shift i nasz obrazek powinien teraz wyglądać następująco:







4. Modyfikacja zaznaczenia:

a) z paska menu wybieramy Zaznacz - Zmień - Zawężanie. Ustawiamy wartość na 2 piksele i wciskamy OK

b) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i wypełniamy teraz nasze zaznaczenie ciemnym szarym kolorem. Następnie wciskamy na klawiaturze Ctrl + D by odznaczyć

5. Ponowne zaznaczanie:

a) wykorzystując narzędzie Zaznaczanie prostokątne zaznaczamy połowę naszego przycisku:







b) scalamy Warstwę 1 i warstwę przycisk zaznaczając Warstwę 1 i wybierając z menu opcje Warstwa - Połącz w dół.

Trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w prawo i rozciągamy nasz przycisk, aż nabierze oczekiwanych przez nas rozmiarów:







Następnie wciskamy Ctrl + D by odznaczyć.



c) gdy mamy już gotowy jeden z naszych przycisków wykorzystujemy ponownie narzędzie Zaznaczanie prostokątne i zaznaczamy nasz przycisk

d) trzymając klawisze Alt + Ctrl + Shift naciskamy na klawiaturze strzałkę w dół i w ten sposób kopiujemy zaznaczenie aż otrzymamy pożądaną przez nas liczbę przycisków:







6. Zaznaczenie eliptyczne:

a) tworzymy nową warstwę (Warstwa - Nowa - Warstwa) i nazywamy ją wycięcie. Narzędziem Zaznaczanie eliptyczne zaznaczamy owalny kształt po prawej stronie naszych przycisków:







b) korzystamy ponownie z narzędzia Gradient wybierając tym razem gradient liniowy. Znowu wciskamy z klawiatury klawisze D a następnie X (by przywrócić ustawienia standardowe i zamienić kolory tła i narzędzia) i trzymając klawisz Shift wypełniamy zaznaczenie

c) trzymając wciśnięty klawisz Ctrl klikamy na warstwie przycisk aby zaznaczyć tę warstwę. Z menu wybieramy Zaznacz - Odwrotność i będąc na warstwie wycięcie wciskamy klawisz delete żeby usunąć zbędną część. Nasze menu wygląda teraz następująco:







d) klikamy teraz na warstwie wycięcie prawym przyciskiem myszy i powielamy ją (Powiel warstwę). Zaznaczamy nowo powstałą warstwę wycięty brzeg kopia i z menu wybieramy Edycja - Przekształć - Odbij poziomo. Przeciągamy odbity poziomo brzeg na lewą stronę dopasowując tak aby powstało menu widoczne poniżej:







e) mając zaznaczoną warstwę wycięcie kopia wybieramy z menu opcję Warstwa - Połącz w dół. Mając złączone warstwy wycięcie kopia i wycięcie ponownie wybieramy opcje Połącz w dół i zostają nam jedynie dwie warstwy: przycisk i Tło:







f) łatwo zauważyć, iż brzegi menu są dość "ostre". Zmieńmy ten wygląd. Klikamy prawym przyciskiem myszy na warstwie przycisk i wybieramy Opcje mieszania. Zaznaczamy opcje Faza i płaskorzeźba oraz Kontur.

Otrzymujemy nieco zmienione menu:







7. Wewnątrz przycisków:

a) tworzymy nową warstwę o nazwie przycisk wewnątrz

b) narzędziem Zaznaczanie prostokątne zaznaczamy małe prostokąty w środku tych większych i wypełniamy je gradientem liniowym nieco jaśniejszym niż poprzednio:







c) trzymając ponownie wciśnięte Alt + Ctrl + Shift przeciągamy myszką w dół nasz jaśniejszy prostokącik kopiując go pięć razy



Nasze menu jest już prawie gotowe. Możemy teraz jeszcze dodać tekst wewnątrz tych małych jasnych prostokącików. Z przybornika narzędzi wybieramy narzędzie Tekst i reszta zależy od tego co chcemy umieścić na naszej stronie. Tutaj wprowadziłem następujący tekst:







8. Zapisywanie i wycinanie:

Gdy nasze menu jest już gotowe zapiszmy je w taki sposób aby później mogło posłużyć nam przy budowie naszej strony. Jeżeli chcemy bezpośrednio całe nasze menu zapisać jak jeden obrazek wybieramy z menu opcje Plik - Zapisz dla Weba. Po zapisaniu pliku za pomocą polecenia Zapisz dla Weba, można wygenerować plik HTML dla tego obrazka. Plik ten zawiera cały kod niezbędny do wyświetlenia obrazka w przeglądarce WWW.



Istnieje również możliwość podziału naszego obrazka na mniejsze składowe. Przykładowo ustalono, że każdy z przycisków zostanie wycięty osobno, aby później, podczas pracy nad stroną internetową można było do każdego z nich (np. HOBBY) przyporządkować odpowiednią podstronę strony WWW. Może i brzmi to dalej jak jedna wielka zagadka dla tych, którzy po raz pierwszy zetknęli się z tym, ale w rzeczywistości jest bardzo proste:



a) z przybornika narzędzi wybieramy narzędzie Odcięcie:







b) zaznaczamy każdy z przycisków osobno:







c) z menu wybieramy Plik - Zapisz dla Weba i wybieramy OK:







Mamy już nasze obrazki przygotowane wraz z kodem źródłowym. Każdy przycisk jest wycięty osobno, więc nie pozostaje już nic innego niż praca z tym menu w programie do tworzenia stron WWW. A tak powinno wyglądać nasze menu po zastosowaniu narzędzia Odcięcie:







Ćwiczenie to pokazuje jak w prosty sposób zrobić ciekawe menu do strony internetowej. Lecz to nie jest jeszcze koniec naszej pracy bo dlaczego nasze menu nie mogłoby wyglądać tak:







Zastosowano tutaj efekt Faza i płaskorzeźba oraz Satyna (znajdują się one w menu Opcje mieszania po kliknięciu na daną warstwę - w tym przypadku na warstwę przycisk wewnątrz - prawym przyciskiem myszy).



Rozmieszczanie przycisków zależy tylko i wyłącznie od naszych upodobań, można np. pomiędzy poszczególnymi przyciskami zrobić odstępy co zmieni wizualnie wygląd menu, zmienić kształt przycisków (przyciski nie muszą być prostokątne- równie dobrze mogą być eliptyczne i wtedy zamiast Zaznaczania prostokątnego wybieramy Zaznaczanie eliptyczne i tworzymy warstwę przycisk).

--

E-LIME - Tworzenie stron www Krynica

GIMP – alternatywa dla Photoshopa???

Jednym z niewielu darmowych a zarazem dość solidnych programów do obróbki grafiki jest GIMP. Jest on udostępniany za zasadzie licencji GNU General Public License, czyli BEZPŁATNEJ!!!

GIMP jest bardzo popularny wśród użytkowników systemu Linux, i co ciekawe zdobywa sobie coraz większe rzesze zwolenników pośród użytkowników pracujących w środowisku Windows.

Ale czy GIMP jest w stanie konkurować z tak wielkimi programami jak Adobe Photoshop czy Corel Photo-Paint?? Niewątpliwie największą zaletą GIMPa jest jego dostępność za darmo. Do zalet tegoż programu należy również możliwość pracy na warstwach, zakładanie ścieżek, rozbudowane możliwości skalowania i transformacji obrazu, łączenie tekstu z obrazem, tworzenie animacji, oraz obsługa wielu formatów graficznych (np.: JPEG, BMP, PNG, XPM, TIFF, TGA, MPEG, PS, PDF, PCX, GIF). Dużą różnicą pomiędzy GIMP-em a Photoshopem jest ilość miejsca jakie programy e zajmują na dysku twardym. Sam katalog instalacyjny Photoshopa na płycie to ok. 160-170 MB, natomiast GIMP zajmuje jedynie ok. 10 MB – i jest to kolejny atut tegoż edytora.

Prawdopodobnie na tym etapie kończy się przewaga darmowej aplikacji nad Photoshopem czy też Corelem. Poważną słabością GIMP-a jest obsługa kolorów. Określanie kolorystyki opiera się na modelu RGB i palecie kolorów indeksowanych – brak tak często używanego np. podczas wydruku standardu CMYK. Kolejnym dużym minusem GIMPa jest brak stylów warstw, czyli inaczej mówiąc nie mamy możliwości dodawania np. cienia czy też fazy zewnętrznej. Słabą stroną jest również interfejs użytkownika, który wprowadza nieco chaosu na naszym pulpicie.

Jednak mimo wszystkich przeszkód na jakie natrafia osoba przyzwyczajona do pracy z Photoshopem czy też Corelem, GIMP jest dobrym programem do obróbki obrazu,
a co najważniejsze bezpłatnym i łatwiejszy w obsłudze niż na przykład Corel PHOTO- PAINT. Prawdziwa potęga GIMPa tkwi w jego otwartej na rozszerzenia architekturze.

Obsługa sklepów internetowych - Zen Cart

Istnieje wiele programów przeznaczonych do obsługi sklepów internetowych. Większość z nich powstała na podstawie najbardziej znanej aplikacji - osCommerce (http://www.oscommerce.com). Jednym z takich programów jest ZenCart. Jego możliwości są nieporównywalnie większe od pierwowzoru, a jedną z głównych cech, wyróżniających spośród innych programów jest całkowite rozdzielenie kodu programu odpowiedzialnego za funkcjonowanie sklepu od kodu HTML odpowiedzialnego za jego wygląd.

Jednymi z głównych zalet Zen-Carta (sprawiającymi, iż jest ona tak popularny) są:

• bardzo szybka możliwość zmiany wyglądu graficznego sklepu
• łatwa i intuicyjna obsługa zarówno dla klienta jak i administratora sklepu
• możliwość rozbudowy o dodatkowe moduły tworzone przez użytkowników
• ciągły rozwój aplikacji (bardzo istotną zaletą ZenCart jest częstotliwość wypuszczania nowych, uaktualnionych wersji programu).

Oprogramowanie jest udostępniane na zasadach licencji GPL, dzięki czemu wokół projektu zgromadzono rzeszę użytkowników i programistów rozwijających aplikację zgodnie z potrzebami użytkowników.

Wymagania

Oprogramowanie ZenCart można uruchomić na serwerze obsługiwanym przez wszystkie płatformy systemowe, a więc m.in. Linux, UNIX, FreeBSD, Windows itp.

Wymagania dotyczące środowiska są następujące:

• serwer WWW (np. Apache w wersji 1.3.x lub wyższej)
• baza danych MySQL w wersji 3.2x lub wyższej
• PHP w wersji 4.1.x lub wyższej (zalecane 4.3.x)

W przypadku planowania uruchomienia płatności kartami kredytowymi wymagane jest aby serwer udostępniał obsługę bezpiecznego protokołu HTTPS.

Wnętrze
Sklep i panel

ZenCart dzieli się na dwie części:

• sklepową, którą odwiedza klient i dokonuje na niej zakupów
• administracyjną, która służy do obsługi zamówień.

Strona sklepowa dostępna jest pod głównym adresem, pod którym zainstalowano program. Do panelu administracyjnego można się dostać, dodając do adresu sklepu katalog admin/ (np. http://www.mojastrona.pl/admin/).


Więcej informacji na temat Zen-Carta na:
www.zencart.com.pl
forum.zencart.com.pl
zen cart bezpłatny sklep internetowy

Joomla - CMS dla każdego

Jeśli zamierzasz stworzyć własną stronę www, własny sklep internetowy, własną galerię zdjęć - to Joomla jest właśnie dla Ciebie.
W prosty i bardzo szybki sposób można za pomocą tego CMS-sa (ang. Content Managment System - System Zarządzania Treścią) stworzyć bardzo zaawansowaną witrynę internetową.

Co czyni Joomlę tak popularną wśród webmasterów? Otóż Joomla jest:
- łatwa w instalacji,
- bardzo wygodny i stosunkowo prosta w obsłudze
- jest DARMOWA
- można ją modyfikować
- posiada możliwości instalacji wielu komponentów (np. możemy zainstalować komponent do bazy firm, komponenty które pokazują zegar na naszej stronie lub pogodę, komponenty do forum internetowego i bloga, komponenty za pomocą których możemy zarządzać newsletterem itd)
- zarówno twórcy jak i inni użytkownicy ciągle udoskonalają jej funkcjonalność
- wszyscy użytkownicy wspierają się nawzajem i często udzielają darmowej pomocy.

To tylko niektóre z zalet Joomli, a jeżeli zdecydujecie się na pracę z tym CMS-em poznacie na pewno więcej zalet tego "kombajnu" do twozrenia stron www.

Więcej informacji na temat joomli na:
www.joomla.pl
www.joomla.org
www.jorkis.info

Firefox - darmowe narzędzie webmastera

W 2002 roku światło dzienne ujrzała nikomu nieznana wtedy jeszcze przeglądarka Phoenix. Poprzez lata ewolucji doczekaliśmy się wielu ulepszeń, aż osiągnęła ona swój dzisiejszy kształt, osiągając największy udział w rynku - mowa oczywiście o przeglądarce Firefox.

Znana jest ona większości osób korzystających z internetu. Swą popularność zawdzięcza przede wszystkim licznym dodatkom, które może napisać każdy z nas. W ten sposób można ją dostosować do wymagań i charakteru każdego z nas.

Najciekawszym zastosowaniem z mojego punktu widzenia jest wykorzystanie jej podczas tworzenia stron www. Jest to potężne narzędzie, którego jedyną wadą jest... właściwie to nie ma ono wad. :) Dzięki Firefox można:

• podejrzeć stronę w innych silnikach renderujących;


• użyć walidatora szybciej i wydajniej dzięki odpowiednim pluginom;


• uzyskać informację na temat każdego obiektu strony www;


• analizować zawartość i na żywo edytować plik css;


• przeanalizować witrynę pod kątem szybkości działania;


• testować formularze i skrypty javascript;


• podejrzeć stronę w różnych rozdzielczościach monitora;


• ...

Właściwie to błędem jest użycie zwrotu "dzięki Firefox". Powinienem raczej napisać "dzięki firefox i jego pluginom". Do realizacji powyższych zadań służą min. Firebug, Java Console, Web Developer, Lori, Walidator html. Za rozrastająca się i wciąż aktualizowaną lista wtyczek ciężko już dziś nadążyć.

Dla webmasterów ważne też niezmiernie jest, iż twórcy Firefoxa dostrzegają konieczność współpracy ich produktu z najnowszymi technologiami i stosowanie się do standardów. Sprawa tak oczywista, niestety nie przez wszystkich programistów dostrzegana.

Moim zdaniem Notepad2.0+Firefox z powodzeniem mogą zastąpić rozbudowane narzędzia do tworzenia stron www. Dzięki temu zupełnie za darmo każdy może się poczuć jak webmaster :)