HTML, CSS, PHP, MySQL

19Język HTML ma w dzisiejszych czasach zdecydowanie najważniejszą pozycję, jeżeli chodzi o języki wykorzystywane do tworzenia stron www. Charakteryzowanie tego właśnie języka należy zacząć przede wszystkim od opisania podstawowych komponentów, które wchodzą w jego skład. Niewątpliwie najważniejszym spośród tych komponentów są znaczniki. Określane są one także mianem tagów. Odznaczają się one dwoma najbardziej charakterystycznymi cechami, którymi są zawartość oraz atrybuty. Każdy z tych dwóch wymienionych właśnie parametrów koniecznie musi spełniać pewne bardzo konkretne wymagania. Jest to niezbędne z tego powodu, że w przeciwnym wypadku dokument nie zostanie zwalidowany w taki sposób, w jaki powinien, jeśli chodzi o zgodność ze standardami obowiązującymi w tym zakresie. Każdy znacznik w praktyce zaczyna się zwykle znacznikiem otwierającym, a kończy – zamykającym. Wspominane wcześniej atrybuty zawsze znajdują się w znacznikach otwierających. Zawartość natomiast jest tym, co znajduje się pomiędzy znacznikami otwierającym a zamykającym. Dodać w tym miejscu trzeba, że istnieją takie elementy, w przypadku których nie jest konieczne stosowanie znaczników zamykających. Można w tym miejscu wspomnieć o takich elementach jak między innymi nowe akapity. Stosowane w języku HTML znaczniki podzielić można generalnie rzecz biorąc na trzy podstawowe rodzaje. Będą to zatem znaczniki strukturalne, prezentacyjne oraz hipertekstowe. Dzięki znacznikom strukturalnych możliwe jest opisanie tak zwanej logicznej struktury danego tekstu. Nie definiują jednak sposobu, w jaki wyświetlać się mają poszczególne elementy. Jeżeli chodzi zaś o znaczniki prezentacyjne, to one ten właśnie wygląd opisują. Z kolei znaczniki hipertekstowe zawierają odnośniki do innych dokumentów ewentualnie do odrębnych części wchodzących w skład tego samego dokumentu. Kolejnym bardzo ważnym – obok znaczników – komponentem wchodzącym w skład języka HTML są rodzaje danych. W obrębie języka HTML wyszczególnić ich można parę. Mogą być one wprowadzane na dwojaki sposób, a mianowicie albo do atrybutów, albo do wartości poszczególnych elementów. Spośród rodzajów danych wymienić można między innymi skrypty, jednostki miary długości, kodowanie znaków, deskryptory mediów, datę, czas i tym podobne. Poza tym śród komponentów języka HTML znajdują się również referencja znakowe oraz encje. Odkąd pojawiła się czwarta wersja języka HTML, to od tej pory encje są definiowane w liczbie przekraczającej dwieście pięćdziesiąt, natomiast jeżeli chodzi o symbole znakowe, to jest ich przeszło milion. Zarówno encje, jak symbole znakowe pozwalają na to, aby określone znaki można było zapisywać jako specjalne stałe. Istnieją również i takie znaki, które zapisać można w sposób dosłowny. Znaki specjalne zapisywać można w alternatywny sposób, co z kolei sprawia, że mogą zostać one interpretowane jako zupełnie zwykłe znaki. Nie muszą być one zatem tym samym traktowane w charakterze istotnych części wchodzących w skład składni językowej. Ze wspomnianymi wcześniej stałymi jest taki problem, że osoby zajmujące się tworzeniem stron www dość często zapominają o korzystaniu z nich. Z tego właśnie zapewne powodu internetowe przeglądarki wykazują pod tym kątem wysoki stopień tolerancyjności. W takich właśnie sytuacjach wprowadzone znaki są przez przeglądarki traktowane w charakterze kodu – nie mniej jednak odnosi się to tylko tych sytuacji, kiedy to dalszy ciąg kodu wyraźnie wskazuje na to, że znaki zostały wykorzystane jako części językowej składni.

Tagi: HTML, internet, język, komponent, sieć, strona, www

Kod źródłowy

11Z tematyką tworzenia stron internetowych związanych jest bardzo wiele zagadnień. Jednym spośród nich jest kod źródłowy. Jest to niezmiernie istotny element każdej jednej strony internetowej, albowiem to on właśnie ponosi odpowiedzialność między innymi za to, w jaki sposób strona internetowa ukazuje się oczom użytkowników. Z tego właśnie chociażby powodu kod źródłowy musi zostać napisany w poprawny sposób i trzeba do tej kwestii przyłożyć przy tworzeniu strony www należytą wagę. Kod źródłowy nie jest niczym innym, jak ciągiem deklaracji oraz instrukcji, które zostały napisane w takim języku programowania, jaki jest zrozumiały i czytelny dla człowieka. Można również z powodzeniem stwierdzić, że kod źródłowy jest w każdym przypadku efektem wysiłków programistów. Kod źródłowy w każdym przypadku posiada kilka bardzo charakterystycznych cech. W tym miejscu należy przede wszystkim wspomnieć o tym, że najbardziej istotna jego cecha polega na tym, iż zawarte w nim instrukcje nie są p[rzez komputer wykonywane w sposób bezpośredni. Wcześniej bowiem kod musi zostać koniecznie poddany tak zwanej translacji – dla przykładu może on zostać skompilowany tak, aby posiadał postać albo kodu pośredniego, albo maszynowego. W praktyce na kod źródłowy składają się pliki określane mianem plików źródłowych. Ich liczba bywa zróżnicowana – wszystko zależy w tym momencie od tego, z jak bardzo funkcjonalną stroną mamy do czynienia oraz z tym, jak bardzo jest ona rozbudowana. W przypadku, jeśli jest rozbudowana w bardzo wysokim stopniu na kod źródłowy składają się tego rodzaju pliki liczone nawet i tysiącach. W takich przypadkach do kodu źródłowego są wówczas dołączane dodatkowo specjalne instrukcje. Jeżeli chodzi o te pliki źródłowe, to zazwyczaj nie są one zapisywane w tym samym języku programowania – nie ma zresztą takiego przymusu. Sposób, w jaki zorganizowany jest kod źródłowy oraz jak przedstawia się jego struktura to bardzo ważne rzeczy. Wpływają one bowiem w zasadniczy sposób na jakość kodu. Kiedy zaś można mówić o wysokiej jakości kodu źródłowego? Składa się na nią generalnie rzecz biorąc wiele elementów, nie mniej jednak należy wśród nich wymienić te najistotniejsze, a są nimi mianowicie przenośność, czytelność, łatwość w zakresie rozbudowy oraz wydajność. To są cechy zdecydowanie najlepiej definiujące wysokiej jakości kod źródłowy. W bardzo wielu przypadkach zachodzi konieczność dokumentowania kodu. Z taką właśnie sytuacją do czynienia mamy między innymi przy tworzeniu dużych, bardzo rozbudowanych stron internetowych – chodzi zatem generalnie o duże projekty. Chociaż kod źródłowy jest przede wszystkim ciągiem rozmaitych instrukcji, to jednak należy pamiętać o tym, że w jego skład wchodzą również i inne elementy. Wspomnieć tutaj trzeba chociażby o strukturach danych czy też o deklaracjach funkcji. Wspominana wcześniej dokumentacja jest w większych projektach konieczna z tego przede wszystkim powodu, że tych wszystkich elementów wchodzących w skład kodu źródłowego jest bardzo dużo, a zapamiętanie ich wszystkich jest w praktyce po prostu niemożliwe. Jeżeli jednak taka możliwość się pojawi, to zajmuje ona zdecydowanie za dużo czasu. Im bardziej dokładna i szczegółowa jest dokumentacja, tym większa zachodzi potrzeba sporządzania w tym zakresie odrębnych dokumentów. Tutaj wszelakie elementy kodu źródłowego są opisane zgodnie z pewnymi standardami. To wszystko sprawia, że odnalezienie pożądanego elementu nie stanowi dla programisty zbytnio specjalnie dużego problemu.

Tagi: internet, kod, sieć, strona, www, źródło

Edytory HTML

15Jednymi z wielu narzędzi wykorzystywanych przy tworzeniu stron www są edytory tychże stron. W tym kontekście natomiast bardzo często pada określenie takie jak edytor HTML. Edytor taki jest komputerowym programem wykorzystywanym do tworzenia dokumentów HTML. HTML to z kolei najbardziej rozpowszechniony obecnie język, który jest wykorzystywany do tworzenia stron www. Natomiast dokument HTML jest dokumentem o charakterze tekstowym. Można go stworzyć w każdym jednym edytorze tekstowym – nawet tak prostym i nieskomplikowanym jak Notatnik chociażby. Ze wspomnianym tutaj Notatnikiem pracuje się oczywiście pod Windowsem, jeżeli natomiast ktoś pracuje w środowisku operacyjnym Linux, to ma do swojej dyspozycji inne edytory tekstów. Najbardziej charakterystyczną cechą, którą posiadają edytory HTML jest korzystanie z tak zwanych Tagów określanych również mianem znaczników. To z kolei sprawia, że pisanie internetowych stron jest w bardzo poważnym stopniu ułatwione. Dodać w tym miejscu jednakże wypada, że istnieją i takie edytory tekstów, które w podstawowym zakresie obsługują znaczniki HTML. Bardzo często osoby zajmujące się tworzeniem stron www wychodzą z założenia – i jest to dosyć popularne stwierdzenie, że korzystanie z edytorów HTML jest rzeczą konieczną, ponieważ równie dobrze można się obejść bez nich. Nie mniej jednak jeżeli taki edytor jest naprawdę w wysokim stopniu wyspecjalizowanym programem, wówczas mówić można o wielu jego zaletach. Przede wszystkim znaczniki można wprowadzać w o wiele szybszym tempie – a to za sprawą korzystania z gotowych już szablonów. Poza tym ryzyko popełnienia przy tej okazji błędów zostaje w znaczącym stopniu zminimalizowane, a popełniania tych błędów – i to w dużych raczej ilościach – nie sposób jest uniknąć, jeżeli znaczniki są wprowadzane ręcznie. Edytory HTML dzielą się na dwie klasy. Pierwszą spośród nich stanowią programy, które pracują w trybie tekstowym, drugą natomiast te, które pracują w trybie graficznym. Edytory pracujące w trybie tekstowym są programami, dzięki którym w bezpośredni sposób pracować można z kodem HTML. Edytory – podobnie zresztą jak i wszystkie inne programy – są lepsze i gorsze. Nie mniej jednak w stosunku do dobrych edytorów można mieć bardzo duże oczekiwania. Cech, które taki właśnie powinien posiadać wymienić można sporo. Jedną z takich cech jest możliwość kontrolowania zarówno poprawności pisowni, jak i składniowej. To samo tyczy się również spójności – błędy konstrukcyjne przy tworzeniu stron www zdarzają się bowiem bardzo często i na dobrą sprawę nie da się ich całkowicie wyeliminować (wiele oczywiście zależy w tym miejscu od osoby tworzącej stronę internetową). Tak samo porządny edytor HTML powinien umożliwiać kontrolowanie kodu – po to, aby odróżnianie treści dokumentów od znaczników nie nastręczało większych problemów. Dzięki opisywanemu tutaj programowi webmaster powinien móc także wprowadzać znaki specjalne – czyli takie, które nie są związane z łacińskim alfabetem, jakim to posługujemy się na co dzień. Może zajść dla przykładu potrzeba wprowadzenia znaków matematycznych czy też takich pochodzących z innego zupełnie alfabetu, jak chociażby hebrajski czy arabski. Poza tym dobry edytor HTML nie ogranicza się tylko i wyłącznie do obsługiwania języka HTML, ale umożliwia także pracę z innymi językami programowania – przynajmniej tymi najbardziej popularnymi jak chociażby JavaScript. Wygląd tworzonej strony można na bieżąco kontrolować dzięki specjalnemu podglądowi otwierającemu się w oddzielnym oknie.

Tagi: edytor, HTML, internet, sieć, strona, www

3Zaprojektowanie i stworzenie dobrej strony internetowej stanowi dla webmastera nie lada wyzwanie. To, jak ma wyglądać strona www, co ma się na niej znaleźć i tym podobne wymaga bardzo gruntownego przemyślenia. Potrzebny jest naprawdę dobry plan, ponieważ robienie wszystkiego na zasadzie „jakoś się to zrobi” w praktyce się nie sprawdza. Kiedy już będzie wiadome, jakiej tematyce ma zostać poświęcona strona internetowa i kiedy pojawia się jakaś jej wizja, trzeba ją zaplanować, jeśli chodzi o układ. Najlepiej jest to zrobić metodami tradycyjnymi, a mianowicie na kartce papieru. Taka wizualizacja jest bardzo pomocna. Poza tym zupełnie inaczej wygląda coś, co zostało napisane, namalowane aniżeli to, co pozostaje w głowie w sferze wyobrażeń. Wtedy już można swobodnie zająć się innymi rzeczami. Strona główna powinna zostać zaprojektowana w taki sposób, aby była bardzo przejrzysta i czytelna, nie przeładowana w przesadny sposób ani treścią, ani grafiką. Bardzo istotnym jej elementem jest dobra jej nawigacja – odnosi się to zresztą do całej strony. Pamiętać przy tej okazji trzeba, że ludzie ze swojej natury są leniwi i nie będzie im się chciało klikać w zbyt duża ilość odnośników. Na każdej podstronie powinien znajdować się odsyłacz do strony głównej. Istotne jest także to, aby menu znajdowało się najlepiej zawsze w tym samym miejscu – ludzie do pewnych rzeczy się przyzwyczajają i takie właśnie elementy powinny być niezmienne. Sama konstrukcja menu również jest ważną sprawą, ponieważ jeśli zostanie to odpowiednio przemyślane i zaplanowane, wówczas poruszanie się po stronie będzie znacznie łatwiejsze. Przy tej okazji warto wspomnieć o jednej kwestii, a mianowicie o zamieszczaniu na stronie rozmaitych linków. Wiadomo, że takowe odnośniki w znakomitej większości przypadków zamieszcza się na stronach. Istotne jest, aby zostały one we właściwy sposób umieszczone – tak, aby nie powstał chaos. Przy wybieraniu linków warto zwrócić też uwagę na to, aby odsyłały one do interesujących stron. Warto pokusić się także o to, żeby każdą taką stronę, do której odnośnik się zamieszcza, opisać w dwóch, trzech niedługich zdaniach. Zawsze wygląda to lepiej i bardziej profesjonalnie. Poruszanie się po stronie ułatwia również to, jeżeli nie ma zamieszczonych na niej zbyt wielu elementów graficznych. Oczywiście, ich obecność jest jak najbardziej mile widziana, nie mniej jednak z drugiej strony nie wolno też przesadzać. Im bowiem więcej znajduje się na stronie takich właśnie elementów, tym mniej przejrzysta i czytelna się ona robi. Wpływ na to ma również czcionka, która zostaje zastosowana na stronie. Nie powinna być ona ani za mała, ani też przesadnie duża. Wybierać należy takie kroje czcionek, które są najlepiej sprawdzone i z którymi dobrze się pracuje pod różnymi programami. Tutaj także wskazane jest unikanie ozdobników, ponieważ one również sprawiają wrażenie strasznego bałaganu na stronie. Układ tekstów też musi być przejrzysty, w związku z czym do tego trzeba się odpowiednio przyłożyć. Dobrze wygląda tekst wyjustowany do środka oraz z wyróżnionymi poprzez wyboldowanie najważniejszymi informacjami. Pod względem kolorystycznym czcionka musi w bardzo wyraźny sposób odcinać się od tła, w przeciwnym wypadku można mieć problemy z przeczytaniem tego, co jest na stronie napisane. Jeżeli strona www wygląda dobrze pod kątem tych wszystkich opisanych powyżej aspektów, to jest to bardzo duży plus. Każdy – oglądają rozmaite strony w Internecie – potrafi na pierwszy rzut oka tego rodzaju różnice wychwycić.

Tagi: internet, przejrzystość, sieć, strona, układ, www


 

O nas

Praca nad stworzeniem strony www nie jest też wcale tak prosta, jak mogłoby się wydawać. Trzeba koniecznie pamiętać o tym, jak wielka konkurencja panuje dzisiaj na tym rynku. Przed przystąpieniem w ogóle do prac nad witryną trzeba sobie odpowiedzieć na kilka dosyć istotnych pytań, spośród których te najbardziej podstawowe brzmi w następujący sposób – czemu ma służyć stworzenie takiej a takiej strony. Każdy chyba bowiem doskonale zdaje sobie sprawę z tego, że stron w sieci jest dzisiaj całe mnóstwo i wcale nie jest tak łatwo zaistnieć. Jeśli tworzy się stronę internetową, to robi się to w jakimś konkretnym celu – mówiąc najogólniej, to w praktyce wygląda to w taki sposób, że albo chce się na tym zarobić, albo przekazać interesujące treści. Nie da się dokładnie oszacować ilości stron znajdujących się w Internecie. Aktualnie liczy się nie tylko przygotowanie strony oraz dopilnowanie, że będzie bez problemu działała pod różnymi przeglądarkami. Nawet najlepiej zrobiona strona będzie w gruncie rzeczy nie za wiele warta, jeśli nie będzie w sieci widoczna. To także szalenie istotna kwestia, która na chwilę obecną przedstawia się w o wiele bardziej skomplikowany sposób aniżeli miało to miejsce chociażby pod koniec lat dziewięćdziesiątych minionego stulecia. Wynika to właśnie z tego, że stron jest dziś w sieci miliony i wciąż pojawiają się nowe. Przy tak ogromnej konkurencji zaistnieć wcale nie jest łatwo, a pomocne w tym zakresie okazują się rozmaite techniki pozycjonowania. W zasadzie bez pozycjonowania żadna strona dzisiaj w Internecie nie istnieje, o czym w szczególności wiedzą te osoby, które w ten właśnie sposób prowadzą działalność o charakterze czysto zarobkowym. W zasadzie nie tak dawno temu, bo jeszcze parę lat temu zaledwie pozycjonowanie było o wiele łatwiejsze niż teraz, co także wynikało z nieporównywalnie mniejszej ilości stron dostępnych w Internecie.