HTML i CSS

 

Każda strona internetowa z jakiej korzystasz jest napisana właśnie w HTML-u.

 

HTML nie jest językiem programowania. Jest tak zwanym "językiem znaczników". Czerwone wyrażenia zapisane na obrazie powyżej są właśnie znacznikami. Określają one jaką funkcję pełni dany element. Przykładowo używając znacznika H1, przeglądarka internetowa wie że chodzi o nagłówek. Link oznacza odnośnik do innej strony, a img jest odczytywane jako obraz.

 

Na obrazie u góry widzisz zawartość tego akapitu zapisaną w HTML. Obraz i tekst pod nim wyświetlany jest w kolejności w jakiej został umieszczony w HTMLu. Tym co odpowiada za dokładny wygląd każdego elementu jest jego klasa.

 

Klasy odwołują się do kodu zapisanego w CSS. Odpowiada on nie tylko za kolorystykę, krztałt poszczególnych elementów, ale także za ich zachowanie w określonych warunkach. Reguluje na przykład to jak ułożone są względem siebie w przypadku zmiany rozmiaru okna. otwierając tę stronę na smartfonie ma ona inny wygląd i układ, dostosowany do urzadzeń mobilnych. Jest to możliwe poprzez określenie szczegółowych parametrów wizualnych w CSS - dzięki użyciu klas.

 

Istnieje wiele sposobów na ułatwienie tworzenia stron internetowych. Jednym z nich jest wykorzystanie modułów nazywanych frameworkami. Dzięki nim witryny mogą tworzyć także osoby które nie mają żadnego doświadczenia w progamowaniu. Najpopularniejszym na świecie frameworkiem do tworzenia stron jest Wordpress. Jest to cały system zarządzania treściami internetowymi. Dzięki użyciu rozmaitych wtyczek i modułów w bardzo efektywny sposób możemy tworzyć strony o nowoczesnym wyglądzie i dużej płynności działania. Wordpress przejmuje także kwestie odpowiadające za upload, czyli fizyczne umieszczenie plików na serwerze.

 

M93.pl to strona która została napisana bez użycia żadnego frameworka. Dzięki temu mogę uczyć się samodzielnego tworzenia treści w HTML, wykorzystania CSSa i JavaScripts. Pisząc cały kod samodzielnie, a także dbając o wszelkie kwestie bezpieczeństwa i odpowiednich certyfikatów możemy nauczyć się dużo więcej!

 

Samodzielne pisanie każdej linijki kodu zapewnia pełną kontrolę nad treścią, wyglądem, a także działaniem strony. Użycie np. Wordpressa, Webflow czy Magneto (firmy Adobe), przyśpiesza i upraszcza cały proces. Duże witryny, nalezące do firm i organizacji publicznych, wykorzystują najczęściej wiele różnych frameworków. Każda aktualizacja strony jest natomiast poprzedzona kontrolą kodu przez programistów. Potrafiąc tworzyć strony z wykorzystaniem narzędzi do ich kreowania, ale jednocześnie znając HTML i CSS, uzyskamy najlepsze efekty przy pełnej kontroli nad witryną.