Jak sprawdzić czcionkę na stronie internetowej?

Podczas tworzenia strony internetowej, podobnie jak podczas tworzenia dokumentu tekstowego, istnieje możliwość zdefiniowania czcionki tekstu. Oczywiście nic nie stoi na przeszkodzie, żeby rodzaj czcionki jednego tekstu, różnił się od drugiego w innej części witryny. Rodzaj czcionki definiuje się kaskadowych arkuszach stylów, czyli CSS.

Ma to najczęściej tego typu formę:

body {
  font-family: sans-serif;
}

Powyższy listing definiuje czcionkę sans-serif dla wszystkich tekstów w sekcji <body…</body>.

I teraz może się zdarzyć, że spodobała Ci się czcionka na jakieś stronie i chciałbyś użyć takiej samej na swojej. Niestety jako zwykły użytkownik, podglądu w pliki źródłowe serwisu nie masz, więc w celu sprawdzenia czcionki możesz posłużyć się narzędziem, które jest wbudowane w każdą popularną przeglądarkę internetową.

Poniżej pokażę na przykładzie tej strony (rankhost.pl) i przeglądarki Opera jak to zrobić. Wchodzisz na stronę internetową, zaznaczasz tekst którego czcionka Cię interesuje i prawym przyciskiem myszy wybierasz opcję Zbadaj element (lub korzystasz ze skrótu klawiatury Ctrl+Shift+C)

W Mozilla Firefox będzie to PPM i Zbadaj, natomiast w Microsoft Edge – Wykonaj inspekcję.

Z boku lub poniżej (w zależności od przeglądarki) wyświetli się konsola dla webmasterów DevTools, która oczywiście posiada więcej ciekawych informacji (np. możesz sprawdzić kolor na stronie) i funkcji programistycznych. Następnie niżej w zakładce Style wyszukujesz własność font-family. Z reguły będzie ona w sekcji body, ale równie dobrze może to być jakiś inny znacznik CSS, który ustawia rodzaj czcionki w wybranym akapicie tekstu na stronie.

Będzie znajdować się tam szukana przez Ciebie nazwa czcionki, która została użyta podczas tworzenia strony. To jest ta, która występuje na pierwszym miejscu. W powyższym obrazku jest to czcionka Helverica Neue i z reguły jest to ta której szukasz. Z reguły, bo jak widać praktyka pokazuje, może być więcej nazw czcionek po przecinku. Taki zapis stosuje się dlatego, gdyby Twoja przeglądarka nie obsługiwała tej pierwszej właściwej czcionki, wtedy użyje kolejnych zapasowych i z reguły tych bardziej popularnych, które są powszechne w różnych systemach operacyjnych.


Jaki hosting dla małej firmy?

Wielu przedsiębiorców prowadzących małe firmy, często zastanawia się po co mi strona internetowa? Tym artykułem postaramy się odpowiedzieć na to pytanie.
Jak wskazują badania (dane za 2021 rok) które przeprowadził GUS 71,4% przedsiębiorstw w Polsce posiada stronę firmową (źródło). Czyli prawie 1/3 przedsiębiorców w ogóle nie ma własnej strony internetowej i są to głównie małe podmioty gospodarcze. Wiadomo, duże firmy nie mogą sobie pozwolić, aby być niewidocznym w sieci, no i przede wszystkim stać je żeby komuś zlecić stworzenie witryny. Jeśli chodzi o małe firmy, to często nie czują takiej potrzeby, używają jedynie kont w mediach społecznościowych albo uważają że własna strona internetowa to zbyt duży koszt. A to nie prawda, obecnie koszt utrzymania małej strony firmowej może być rzędu ok. 190 zł na rok, obejmujący koszt hostingu i domeny internetowej. Czyli gołym okiem widać, że hosting dla strony www dla małej firmy może być tani.

Oczywiście jeśli trzeba będzie komuś z zewnątrz zlecić jej stworzenie, dojdzie jeszcze jednorazowy koszt, ale można również się pokusić o samodzielne stworzenie prostej witryny opierając się na darmowym systemie WordPress, na którym stoi bardzo dużo stron tego typu. Gotową stroną postawioną na WordPressie, łatwo potem obsługiwać, gdyż panel użytkownika jest intuicyjny, a sam skrypt automatycznie się sam aktualizuje lub można to zrobić jednym kliknięciem.

Zalety własnej strony firmowej?

Może na początek warto wymienić dlaczego, warto aby mała firma posiadała własną witrynę internetową, która pełni rolę internetowej wizytówki:

  • Promocja i marketing – dodatkowy kanał promocji i reklamy dla firmy i jej oferty, cenników itp.
  • Rozpoznawalność i prestiż – firma która jest obecna w internecie wzbudza większe zaufanie, ponadto adresy e-mail w domenie firmowej (np. biuro@firma.pl) wyglądają bardziej profesjonalnie
  • Kontakt – klienci i kontrahenci mogą szybko znaleźć adres, telefon czy e-mail firmowy
  • Dojazd – można wrzucić mapkę z dojazdem do firmy dla klientów lub kontrahentów
  • Rekrutacja, Kariera – możliwość publikowania ofert pracy, bez potrzeby płacenia pośrednikom
  • Niezależność – posiadając własną witrynę ma się nad nią pełną kontrolę, kanał w mediach społecznościowych może zostać zbanowany lub usunięty przez operatora, a informacje tam wrzucane są regulowane.

Jaki hosting dla małej firmy?

Jeśli chodzi o hosting dla małej firmy, na pewno będzie to musiał być jakiś nieduży serwer, gdyż z reguły tego typu witryny posiadają tylko kilka zakładek w menu. Najczęściej są to pozycje typu Strona główna, Oferta/Cennik, O firmie, Kontakt. Dlatego pliki źródłowe nie będą zbyt dużo „ważyć”.
Firm hostingowych w Polsce jest sporo, można skorzystać z naszego zestawienia hostingów i wybrać dla siebie najkorzystniejszą ofertę. Natomiast w tym artykule podamy przykład i wyliczenia dla hostingu od Seohost.pl, który wychodzi korzystnie cenowo i jakościowo w przypadku niewielkiej witryny firmowej. Jak już wcześniej wspomniałem dla takiej strony nie trzeba wiele miejsca, więc tutaj można by wybrać najtańszy pakiet Hosting SH1 na szybkich dyskach SSD o pojemności – 5 GB za cenę 119,31 zł brutto/rok (pierwszy okres abonamentowy taniej bo 45,51 zł)

hosting dla małej firmy

5 GB pojemności, wystarczy na stronę w przypadku większości małych firm. Chociaż jeśli strona ma zwierać bardziej zaawansowane systemy typu sklep internetowy lub dużo zdjęć, to będzie trzeba wziąć droższy pakiet z większą pojemnością dysku twardego. Pozostałe parametry, takie jak transfer, liczba kont pocztowych, domen, FTP czy baz MySQL są bez limitu.

Do hostingu będzie nam jeszcze potrzebna domena internetowa, najlepiej z końcówką .pl, która najczęściej jest nazwą firmy i ma taką postać – firma.pl. Koszt rejestracji domeny w przypadku Seohost.pl to 14.87 zł brutto za pierwszy rok, a przez następne lata koszty jej odnowienia to 84.87 zł na rok.

Czyli reasumując za pakiet hosting + domena zapłacisz dokładnie 60,38 zł w pierwszym roku (pierwsza rejestracja domeny i rok hostingu są tańsze), a w następnych latach 204,18 zł na rok.

A co za to dostaniesz?

  • Pakiet hostingowy 5 GB – czyli miejsce na serwerze na którym będą znajdowały się pliki strony www
  • Domena internetowa z końcówką .pl
  • Darmowy certyfikat SSL (Let’s Encrypt) dla domeny
  • Autoinstalator WordPressa (lub innych CMSów), dzięki któremu jednym kliknięciem zainstalujesz system pod witrynę, za darmo można doinstalować do niego motyw graficzny, następnie obsługa tego CMS jest banalnie prosta
  • Możliwość założenia dowolnej ilości skrzynek e-mail w domenie firmowej
  • Jeśli przenosisz się z innego hostingu (bo ceny kosmicznie wzrosły), to masz darmową migrację do Seohost.pl

Po złożeniu tego wszystkiego w całość, możesz sam administrować swoją stroną. W WordPressie można samemu dodawać i edytować podstrony, ustawiać wygląd (wiele darmowych template), zainstalować nowe funkcjonalności w postaci wtyczek, a co najważniejsze nie trzeba modernizować co jakiś czas skryptu, gdyż aktualizacje są w pakiecie. W internecie jest sporo samouczków jak to robić.
Jedynie co będziesz musiał pamiętać, to raz w roku opłacić serwer i domenę internetową.

Jeśli wybrałeś już tani hosting, ale nie wiesz jak ruszyć z prostą stroną firmową, to napisz na info@rankhost.pl. Pomogę stworzyć Ci tego typu stronę, jeśli samemu nie masz na to czasu.


Jak zrobić komentarze w HTML i innych językach webowych

Jeśli chodzi o programowanie w jakimkolwiek języku, bardzo ważną kwestią jest wstawianie komentarzy w pisanym kodzie. Komentarze są fragmentem kodu, który potrzebny jest tylko programistom, gdyż interpretery go pomijają, przez co nie ma on w ogóle wpływu na działanie skryptu lub programu. Ma za to niebagatelne znaczenie dla przejrzystości kodu. Komentarze wplata się między linijki kodu i opisuje za co dany fragment odpowiada, co wykonuje. Dzięki temu gdy w przyszłości ktoś będzie aktualizował skrypt lub go poprawiał, będzie wiedział co miał na myśli pierwotny twórca.

Webmaster programujący stronę internetową operuje na wielu różnych językach programowania i plikach pomocniczych. Są to m.in. pliki w HTML, CSS, PHP, SQL czy .htaccess w których poza właściwym kodem, warto umieszczać komentarze dotyczące pisanego skryptu. Niestety sposób robienia komentarzy, różni się w zależności od używanego języka programowania, dlatego poniżej instrukcje jak zrobić komentarze w HTMLu oraz innych językach i plikach, które jako webmaster na pewno będziesz tworzył lub edytował.

Komentarze w HTML (oraz XML)

Wstawianie komentarzy w pliku strony napisanej w języku HTML, przydatne jest najczęściej, aby zaznaczyć coś co się zaczyna lub kończy w danym fragmencie kodu. Wstawia się go między znakami <! – – a – – >, poniżej przykład:

<!-- Komentarz w HTML -->

Dzięki temu można np. oznaczyć w której linijce kodu dodałeś odniesienie do pliku CSS.

<!-- Tutaj dodany plik CSS -->
<link rel="stylesheet" href="css/style.css">

Co ważne, w HTMLu powyższy sposób komentowania jest wieloliniowy, a nie jak w innych językach jednoliniowy. Dzięki czemu można zmieścić większe opisy:

<!-- To jest dłuższy komentarz
do tworzonego kodu strony w HTML -->

Oczywiście powyższe komentarze nie będą interpretowane i prezentowane przez przeglądarkę internetową z której korzysta przeglądający stronę. Natomiast jeśli ktoś wejdzie w źródło strony, będzie je widział, więc warto mieć to na uwadze.
Co ciekawe w języku znaczników XML, wstawianie komentarzy wygląda w identyczny sposób co w HTML.

Komentarze w CSS

Umieszczanie komentarzy w plikach kaskadowych arkuszy stylów CSS, również jest przydatne do opisywania selektorów czy reguł stylów. Robi się to w podobny sposób co w HTML, tylko że tag otwierający i zamykający jest trochę inny:

/* – otwieranie komentarza

*/ – zamknięcie komentarza

i tak to będzie wyglądało w praktyce:

/* Komentarz w pliku CSS */

Komentarz w CSS również można dzielić na kilka linijek, możesz np. wyłączyć (wziąć w komentarz) nieużywane funkcje, dzięki czemu ten fragment CSS będzie nieaktywny, ponieważ będzie komentarzem:

/*
selektor {
  color: green;
  font-size: 20px;
}
*/

Komentarze w PHP i JavaScript

Wstawianie komentarzy w języku PHP oraz JavaScript jest identyczne. Identyczne również jak w C/C++, ale ten język programowania nie jest webowy, więc nas nie interesuje. Są dwa sposoby, żeby zrobić komentarz w plikach .php lub .js:

  1. Wieloliniowy otwierający się znakami /* i zamykający znakami */ (podobnie zresztą jak w CSS)
  2. Jednoliniowy otwierający się znakami //

Poniżej przykłady użycia:

/* To jest komentarz w pliku PHP lub JavaScript */

// To jest komentarz w jednej linii

Odnośnie drugiej metody, to warto pamiętać, że komentarz rozpoczyna się od dwóch ukośników i rozciąga się do końca linii w której te ukośniki się znajdują. Należy też pamiętać że komentarzy wieloliniowych nie można w sobie zagłębiać, czyli nie można wstawiać komentarza w komentarz.

Komentarze w SQL

W języku bazodanowym SQL, podobnie jak np. w PHP, istnieją dwa sposoby wstawiania komentarzy w kod źródłowy. Pierwszy jest identyczny jak w PHP, JavaScript czy CSS, czyli otwierany i zamykany przez gwiazdkę i ukośnik:

/* Pierwszy sposób na komentarz w SQL */

Oczywiście tą metodą możesz wstawiać dłuższe komentarze w wielu liniach kodu. Natomiast drugim sposobem, jest wstawianie komentarzy w jednoliniowych, które poprzedza się dwoma znakami myślnika – –. Tak to będzie wyglądało w kodzie:

-- Druga metoda komentarzy w SQL

Komentarze w .htaccess (i robots.txt)

Plik .htaccess co prawda jest tylko plikiem konfiguracyjnym, a nie typowo związany z jakimś językiem programowania, ale niemal każdy webmaster będzie operował. W tym pliku również można dodawać komentarze, więc informacja jak to zrobić, zapewne przyda się każdemu, zwłaszcza przy bardziej rozbudowanych plikach.
Komentarze w plikach htaccess wstawia się poprzedzając znakiem hash #, poniżej przykład:

# Komentarz w pliku .htaccess
# dalsza część komentarza

Jak widzisz na powyższym przykładzie, każda linia komentarza powinna być poprzedzona haszem. Powyższa metoda działa również w plikach robots.txt.