internet -- html

Kartki internetowe

Kartka internetowa Wstęp

Każdą prawie stronę WWW jej webmaster upiększa plikami graficznym - znakami, rysunkami oraz zdjęciami. Pełnią one rolę wizualną dla publikowanego tekstu (np. serwis informacyjny, sprawozdanie z uroczystości szkolnej) lub - zwłaszcza zdjęcia - trworzą galerie tematyczne. Oto niektóre przykłady takich stron - taniec integracyjny, fotoreportaże, galeria zdjęc z Mielca, ogłoszenie z zdjęciami na forum czytelników. Przykładów oczywiście możemy podać więcej.

Mając takie zdjęcia na swojej stronie możemy wykorzystać je do promocji naszej witryny, jak również wprowadżić nieco zabawy i możliwości wykorzystania ich przez czytalników. Mogą one posłużyć jako kartki internetowe - możemy je więc wysyłać drogą elektroniczną do naszych przyjaciół przy różnych okazjach (np. imieniny, święta, pozdrowienia, walentynki). Usługi takie funkcjonują w sieci od lat i są niezwykle popularne - oto przykład serwisu wysyłki kartek internetowych.

Aby zrealizwać na swojej stronie tą usługę - oprócz ładnych i ciekawych zdjęć, które posłużą za kartki - musimy pozwolić czytelnikowi podać adres email odbiorcy kartki, adres nadawcy oraz treść wiadomości (ew. jeszcze inne dane). Służą do tego standardowe polecenia języka html tworzące tzw. formularze, które bez problemu możemy umieścić na swojej stronie. Przykłady formularzy spotykasz na każdym kroku w sieci - wyszukiwarka, gdzie wpisujesz to co chcesz wyszukać w sieci oraz wybierasz z listy miejce wyszukiwania; forum czytalników, które udostepnia Ci pola do wpisania tematu i treści wiadomości; usługi poczty email i kont na stronę WWW, które już na samym początku pozwalają Ci wpisać login i hasło... To tylko niektóre przykłady.

Wszystkie formularze, które budujemy za pomocą odpowiednich znaczników HTML wymagają późniejszego przetworzenia poprzez specjalne skrypty CGI lub PHP, które zaisntalowane są i działają bezpośrednio na serwerze. Budowa lub konfiguracja tych skryptów wymaga bardziej zaawansowanej wiedzy; poza tym aby instalować je potrzebne są specjalne prawa dostępu do serwera (konta shell, prawa do instalacji własnych skryptów, wiedza obsługi podstawowych komend Unixa/Linuxa). W typowych zastosowaniach usługi te nie są dostępne w darmowych kontach WWW lub w szkolnych pracowniach informatycznych. Z tego też powodu w sieci istnieje wiele usług, które udostępniane są webmasterom jako gotowe rozwiązania, np. konta www-email, konta www, liczniki, księga gości, systemy wymiany bannerów, sondy, forum czytelników, wyszukiwarki, inne.

Reasumując - gdyby dysponować odpowiednią wiedzą oraz specjalnymi prawami dostępu do serwera; usuługi te (realizowane za pomocą skryptów CGI, PHP) można udustepnić samemu w ramach własnej strony czy serwisu WWW. Ponieważ jednak najczęsciej jest to niewykonalne (zwłaszcza dla początkowych webmasterów) istnieją wspomniane wyżej darmowe i gotowe rozwiązania.

Kartki internetowe

Dla Twojej wygody oraz maksymalnego wykorzystania Twojej inwencji oraz czasu, kwestie przygotowania formularzy (do wpisania - jak wspomniano - adresu email odbiorcy kartki, adresu nadawcy oraz treści wiadomości) oraz instalacji odpowiednich skryptów CGI - pozostaw nam. Do Ciebie należy tylko przygotowanie odpowiednich zdjęć, które chcesz użyć jako kartki internetowe. Jakie powinny być? Zdjęcia Twojej miejscowości, krajobrazy, fotografie z wakacji, krajobrazy, zdjęcia kwiatów, zachody słońca, zeskanowane rysunki lub obrazy - to chyba dobre przykłady na ciekawe karki internetowe. Od strony technicznej powinny być w formacie JPG (np. nazwa.jpg) oraz o rozmiarach około 500x400 punktów lub - portretowo - 400x500 punktów. Chodzi o to, by nie objemowały całego ekranu komputera i w stosunku do niego miały rozsądną wielkość. Jeśli zobaczyłeś wspomniane wyżej przykładowe galerie - to z pewnością masz już pogląd w tej kwestii.
Możesz je przygotować za pomocą aparatu cyfrowego lub zeskanować wybrane fotografie czy rysunki skanerem.

W usłudze, któą Ci dajemy do dyspozcyji możesz wykorzystać swoje zdjęcia, rysunki i udostępniać je jako kartki internetowe. Możesz to zrobić na dwa sposoby - jednorazowo, czyli podając adres internetowy (URL) kartki; lub na stałe - umieszczając je na swojej stronie WWW wraz z odpowiednim kodem html, który pozwoli Twoim czytelnikom wysyłać je. W każdym przypadku musisz umieścić zdjęcia lub rysunki na serwerze, na którym masz stronę WWW. Aby kartki pasowały do naszych szablonów i dobrze wyglądały na ekranie - sprawdź aby szerokość zdjęcia lub rysunku nie przekraczała 560 punktów (pixeli)


- sposób 1 - podaj adres URL kartki

Musisz podać PEŁNY adres ze zdjęciem lub rysunkiem na serwerze (zaczynając od http:// - ścieżka do pliku oraz nazwa pliku), np

http://www.dzieci.org.pl/wakacje.jpg
albo
http://www.sp158.krakow.pl/img/niebo.jpg

Oczywiście powyższe adresy to przykłady - podaj swój adres do zdjęcia lub rysunku:


- sposób 2 - umieść kod html na swojej stronie WWW

Dla KAŻDEGO zdjęcia/rysunku, które chcesz udostępnić jako kartkę internetowa wstaw na swojej stronie WWW poniższy kod:

Przykład kodu

<a href="http://www.dzieci.org.pl/cgi/kartki/postcard2.pl?http://www.dzieci.org.pl/wakacje.jpg">
<img src="http://www.dzieci.org.pl/wakacje.jpg" border=1>
</a>

Adres do pliku na serwerze ze zdjęciem/rysunkiem - oznaczony w przykładzie kolorem czerwonym (ten sam adres w dwóch miejscach) - ZASTĄP PEŁNYM adresem do Twojego pliku (zaczynając od http:// - ścieżka do pliku oraz nazwa pliku).

Dzięki temu będziesz miał na stronie zdjęcie/rysunek, które po kliknięciu stanie się kartką internetową - gotową do wypełnienia (nadawca, adresat, temat, treść). Tak to wygląda w praktyce - kliknij na zdjęcie:



Aby promować swoją stronę WWW - warto umieścić na każdym zdjęciu/rysunku, które udostępniasz jako kartkę, adres Twojej strony. Możesz to zrobić w dowolnym programie graficznym.

- wskazówki

  • jeśli nie wiesz jaki jest pełny adres URL do zdjęcia/rysunku, oto prosta procedura poznania tego adresu: kliknij PRAWYM przyciskiem myszy na zdjęciu/rysunek na stronie WWW (np. dla przykładu na zdjęciu powyżej); wybierz z podręcznego menu opcję "Właściwości"; w oknie, które się otworzy jest wyświetlony Adres(URL)
  • W znaczniku grafiki IMG, który jest w podanym wyżej przykładzie kodu, możesz dodawać standardowe dla niego parametry, np. definicje szerokości i wysokości (WIDTH i HEIGHT)

    Wojciech Nowakowski



  • Wszelkie prawa zastrzeżone - prawo
    Adres WWW - www.dzieci.org.pl
    (c) 1998-2002 Wojciech Nowakowski

    [ Strona główna ] [ Top ] stat4u