podstawyhtml2

podstawyhtml2

PHP

PHP

PHP[1] – interpretowanyskryptowy język programowania zaprojektowany do generowania stron internetowych i budowania aplikacji webowych[3] w czasie rzeczywistym.

PHP jest najczęściej stosowany do tworzenia skryptów po stronie serwera WWW, ale może być on również używany do przetwarzania danych z poziomu wiersza poleceń, a nawet do pisania programów pracujących w trybie graficznym (np. za pomocą biblioteki GTK+, używając rozszerzenia PHP-GTK). Implementacja PHP wraz z serwerem WWW Apache oraz serwerem baz danych MySQL określana jest jako platforma AMP (w środowisku Linux – LAMP, w Windows – WAMP).

 

FTP

Protokół transferu plikówFTP (od ang. File Transfer Protocol) – protokół komunikacyjny typu klient-serwer wykorzystujący protokół sterowania transmisją (TCP) według modelu TCP/IP (krótko: połączenie TCP), umożliwiający dwukierunkowy transfer plików w układzie serwer FTPklient FTP.

FTP jest zdefiniowany przez IETF w dokumencie RFC 959 ↓.

FTP jest protokołem 8-bitowym i dlatego nie wymaga kodowania danych do 7 bitów, tak jak w przypadku poczty elektronicznej.

Do komunikacji wykorzystywane są dwa połączenia TCP. Jedno z nich jest połączeniem sterującym, za pomocą którego przesyłane są polecenia, a drugie służy do transmisji danych. Połączenie za pomocą protokołu FTP (krótko: połączenie FTP) może działać w dwóch trybach: aktywnym i pasywnym:

  • jeżeli połączenie FTP działa w trybie aktywnym, używa portu 21 dla poleceń (zestawiane przez klienta) i portu 20 do przesyłu danych (zestawiane przez serwer)
  • jeżeli połączenie FTP pracuje w trybie pasywnym, używa portu 21 dla poleceń i portu o numerze powyżej 1024 do transmisji danych (obydwa połączenia zestawiane są przez klienta).

W sieciach chronionych zaporą sieciową komunikacja z serwerami FTP wymaga zwolnienia odpowiednich portów na tej zaporze lub routerze. Możliwe jest zainstalowanie wielu serwerów FTP na jednym routerze. Warunkiem jest rozdzielenie portów przez router dla każdego serwera.

Serwer FTP, zależnie od konfiguracji, może pozwalać na anonimowy, czyli bez podawania hasła uwierzytelniającego, dostęp do jego zasobów. Najczęściej jednak serwer FTP autoryzuje każde połączenie za pomocą loginu i hasła.

 

HTML

HTML pozwala opisać strukturę informacji zawartych wewnątrz strony internetowej, nadając odpowiednie znaczenie semantyczne poszczególnym fragmentom tekstu – formując hiperłączaakapity, nagłówki, listy – oraz osadza w tekście dokumentu obiekty plikowe, na przykład multimedia, lub elementy baz danych, na przykład interaktywne formularze danych.

HTML umożliwia określenie wyglądu dokumentu w przeglądarce internetowej. Do szczegółowego opisu formatowania akapitów, nagłówków, użytych czcionek i kolorów, zalecane jest wykorzystywanie kaskadowych arkuszy stylów (w skrócie CSS).

 

CMS

System zarządzania treścią (ang. content management system – CMS) – oprogramowanie pozwalające na łatwe utworzenie i prowadzenie serwisu WWW, a także jego późniejszą aktualizację i rozbudowę, również przez redakcyjny personel nietechniczny.

Kształtowanie treści i sposobu ich prezentacji w serwisie internetowym zarządzanym przez CMS odbywa się za pomocą interfejsów użytkownika, zazwyczaj w postaci stron WWW zawierających rozbudowane formularze.

CSS

Do tego, aby rozpocząć przygodę z kaskadowymi arkuszami stylów oraz świadomie z nich korzystać, niezbędne są podstawy. Musisz dowiedzieć się, w jaki sposób zbudowany jest styl, co to jest kaskadowość, dziedziczenie, selektor, z jakimi jednostkami miar będziesz miał styczność przy konstruowaniu swoich arkuszy. Bezwzględnie należy poznać, w jaki sposób umieszczać style w dokumencie XHTML/HTML.

Budowa stylu

Konstrukcja stylu nie należy do zbyt skomplikowanych i wygląda tak jak na poniższym przykładzie.

selektor {cecha:wartość; cecha:wartość; etc.;}

Selektor jest odpowiednikiem znacznika występującego w języku XHTML/HTML, np. może to być <p> lub <div>. Drugi człon stylu jest zamknięty w nawias klamrowy { } i zawiera polecenia formatujące. Polecenie formatujące — cecha — jest określane przez specyfikację, natomiast wartość jest zmienną określaną przez nas w zależności od aktualnych potrzeb. Przykładowy prosty styl definiujący kolor bloku tekstu jako czerwony o wysokości czcionki równej 14 punktów wygląda następująco:

P

{

color:red;

font-size:14pt;

}

Należy zwrócić uwagę na to, że cecha jest oddzielona od wartości za pomocą dwukropka, a po wartości zawsze występuje średnik. Stosowanie średnika po ostatniej parze cechy i wartości nie jest wymagane, ale zaoszczędzi wielu niespodzianek.

Zapis stylu może również przybierać inną postać, jednak jego działanie pozostaje niezmienne.

P {color:red; font-size:14pt;}

Jeżeli zapomnimy rozdzielić poszczególne pary cech i wartości za pomocą średników, to styl nie będzie działał poprawnie.

BODY

{

background-color:white;

color:green

font-size:20pt;

}

Zwróć uwagę na powyższy przykład, w którym chcemy określić biały kolor tła dokumentu oraz kolor czcionki jako zielony. Dodatkowo tekst powinien zostać wyświetlony za pomocą czcionki o wielkości 20pt. Niestety, „zapomniałem” wstawić średnik przy definicji koloru tekstu na końcu linii. W większym arkuszu błąd jest praktycznie niewidoczny, jednak strona zostanie błędnie wyświetlona.

Z trzech definicji stylów zadziała tylko pierwsza linijka odpowiedzialna za przypisanie białego koloru tła. Pozostałe dwa elementy zostaną błędnie rozpoznane przez przeglądarkę i nie zadziałają.

Osadzanie stylów na stronie

Kaskadowe arkusze stylów mogą być osadzone w dokumencie XHTML/HTML na kilka odmiennych sposobów. Specyfikacja przewiduje następujące rozwiązania:

  • Style wewnętrzne:

    • lokalne,

    • zagnieżdżone.

  • Style zewnętrzne:

    • dołączone,

    • importowane.

Style wewnętrzne

Pierwszym rozwiązaniem jest umieszczenie deklaracji stylu bezpośrednio w formatowanym znaczniku. Rozwiązanie takie nosi nazwę stylu lokalnego.

<html>

    <head>

    </head>

    <body>

     <p style="color:green; font-size:15pt;">Treść dokumentu</p>

     <p>Treść dokumentu</p>

     <p style="color:green; font-size:15pt;">Treść dokumentu</p>

     <p>Treść dokumentu</p>

    </body>

</html>

Przykład stylu umieszczonego w znaczniku widoczny na powyższym listingu uzmysławia nam, że taka konstrukcja opiera się na stosowaniu atrybutu style dla znacznika <p>. Wadą tego rozwiązania jest konieczność powielania tego samego stylu wiele razy, ponieważ działa on tylko dla znacznika, w którym został umieszczony.

Weźmy na przykład dokument, w którym umieszczono czterdzieści bloków tekstu i każdy z nich ma wyglądać identycznie. Aby to osiągnąć, do każdego z nich należy wpisać odpowiednie style. Wiąże się to z wykonaniem dodatkowej pracy, stratą czasu oraz zwiększeniem objętości kodu XHTML/HTML. Do tego dochodzi kolejna ważna rzecz, jaką jest utrudniona możliwość poprawienia takiego kodu, gdy nie spodoba się on odbiorcy. Sytuację taką przewidzieli twórcy kaskadowych arkuszy stylów, dzięki czemu mamy kolejną możliwość umieszczania CSS w kodzie XHTML/HTML. Metoda ta polega na zdefiniowaniu odpowiednich wpisów bezpośrednio w nagłówku strony. Rozwiązanie takie nazywane jest stylem zagnieżdżonym

<html>

    <head>

  <style type=”text/css”>

       P

            {

             color:green;

             font-family:Arial;

            }

  </style>

    </head>

    <body>

        <p>Tekst akapitu</p>

        <p>Tekst akapitu</p>

        <p>Tekst akapitu</p>

        <p>Tekst akapitu</p>

    </body>

</html>

Styl umieszczony w nagłówku dokumentu XHTML/HTML jest rozwiązaniem bardzo wygodnym, gdyż działa na wszystkie elementy, które znajdują się w dokumencie. Przy takiej konstrukcji strony zmiany upodobań klienta prowadzące do modyfikacji wyglądu strony nie są już dużym problemem. Wystarczy wprowadzić drobne modyfikacje w samym nagłówku dokumentu, aby cały dokument zmienił się tak, by odpowiadał nowej wizji zleceniodawcy.