otwarty
Zamknąć

Dlaczego css nie działa? Dlaczego mój styl CSS nie został zastosowany? CSS: dopełnienie ujemne

Witam, drodzy czytelnicy bloga. Dziś chciałbym porozmawiać o tym dlaczego przy pracy ze stroną WWW może być potrzebna znajomość języka HTML (przeczytaj co to jest), podstawach pracy z kaskadowymi arkuszami stylów CSS (znajdziesz artykuł wprowadzający na ten temat), a także zrozumienie przynajmniej podstaw i zasad budowania programów w PHP oraz logiki pracy z bazami danych MySQL.

pozwala na tworzenie stron internetowych bez posiadania wszystkie powyższe mądrości, ale jednocześnie w trakcie pracy prawdopodobnie będziesz mieć pytania i problemy, których nie rozwiążesz nawet przy użyciu najbardziej wyrafinowanego CMS-a (Joomla, WordPress, Drupal itp.).

Dlaczego podczas pracy nad stroną internetową możesz potrzebować znajomości języków (znaczników, stylów, programowania serwerów)?

Albo nie znajdziesz takiej pozycji w panelu administracyjnym CMS wśród wielu innych ustawień (logika autorów silnika przy umieszczaniu niektórych elementów ustawień pozostaje niejasna i być może pewną rolę odgrywa tu siła przyzwyczajenia samego autora), albo programiści w ogóle nie umieścili takiego elementu w panelu administracyjnym systemu zarządzania treścią. Nie da się zaimplementować ustawień wszystkiego poprzez panel administracyjny - zazwyczaj wyświetlane są tam tylko najbardziej potrzebne i najczęściej używane ustawienia.

Często się to zdarza łatwiej rozwiązać problem nie za pomocą standardowych narzędzi dostępnych w panelu administracyjnym silnika, ale bezpośrednio, edytując coś w bazie danych lub dopasowując zawartość niektórych plików silnika poprzez dostęp do nich poprzez FTP.

Tak, będzie to wymagało poświęcenia czasu na naukę przynajmniej podstaw języka znaczników HTML, zrozumienia, w jaki sposób kaskadowe arkusze stylów wpływają na wygląd stron internetowych, a także zrozumienia struktury bazy danych i nauczenia się, jak wprowadzać w niej zmiany. I być może najtrudniejszą rzeczą jest zrozumienie podstawowych zasad pisania kodu w PHP, aby zrozumieć, co i gdzie można bezboleśnie zmienić, a czego nie należy dotykać.

Zacznę oczywiście od projektowania stron internetowych (właściwie w tej chwili już to zadanie wykonałem i widać efekty i). Jak już wspominałem w jednym z poprzednich postów, do niedawna wszystkie zasoby składały się ze stron w formacie HTML. Określono tam także zawartość strony internetowej (teksty, obrazy, tabele) oraz jej wygląd (kolorystyka, tło, wcięcia).

We współczesnym rozumieniu prawidłowego układu treść powinna być realizowana przy użyciu znaczników hipertekstowego języka znaczników, a projektowanie tej treści powinno odbywać się przy użyciu zewnętrznych plików arkuszy stylów. Wydzielenie to pozwala odciążyć stronę serwisu ze niepotrzebnego kodu usługi.

Faktem jest, że wyszukiwarki są bardzo blisko spójrz na stosunek składnika informacyjnego kod strony internetowej (tekst wyświetlany w przeglądarce) i komponent jej usługi (tagi, różne skrypty itp.). Dlatego wychodząc poza granice tej strony wszystkiego, co nie niesie ze sobą elementu informacyjnego, a odpowiada jedynie za wygląd stron, poprawiamy nastawienie wyszukiwarek do naszego projektu (przynajmniej w teorii).

Dodatkowo lista reguł CSS, umieszczona w osobnym pliku, pozwala na ujednolicenie projektu zasobu. Jeśli zajdzie taka potrzeba, zawsze możesz zmienić coś w projekcie bez edytowania kodu wszystkich stron internetowych, ponieważ w tym przypadku wystarczy poprawić istniejące lub dodać nowe właściwości stylu w arkuszu stylów wspólnym dla wszystkich stron.

Wraz z pojawieniem się arkuszy stylów pojawiło się wiele znaczników hipertekstowego języka znaczników i ich atrybutów zaczęto uważać za przestarzałe i nie jest zalecany do stosowania. Zamiast tego zaleca się użycie właściwości CSS, które wykonują te same działania. Nie oznacza to, że nie trzeba już uczyć się HTML, po prostu zmniejszyła się liczba tagów i ich atrybutów, które musisz znać i móc wykorzystać do tworzenia i utrzymywania strony internetowej. Postaram się opowiedzieć Wam o tagach, z których sama stale korzystam.

Który edytor lepiej edytować lub wprowadzać zmiany w kodzie?

Nie ma w tym nic skomplikowanego, bo w istocie nie jest to nawet język programowania, ale znaczniki hipertekstowe, coś na wzór składni w języku rosyjskim. Co chciałbyś od razu doradzić, bazując na własnym doświadczeniu? Spróbuj samodzielnie napisać tagi w notatniku, np Notatnik++(przeczytaj moje), a nie w programach takich jak Dreamviewer. Dlaczego?

Tak, ponieważ w tym przypadku opanujesz i zapamiętasz pisanie tagów i atrybutów. Tak, wygodniej jest układać układ w programach takich jak Dreamviewer, ponieważ... możesz od razu wyświetlić go w przeglądarce, a opcje pisowni dla konkretnego tagu możesz wybrać z rozwijanej listy.

Ale faktem jest, że w zasadzie będziesz musiał edytować istniejący kod w plikach silnika i znacznie wygodniej będzie, jeśli będziesz pamiętać o zapisaniu na pamięć wszystkich tagów i ich atrybutów (na szczęście nie ma ich zbyt wiele). Po co otwierać plik w uciążliwym Dreamview, żeby poprawić jeden tag, skoro do tych celów wystarczy zwykły notatnik, no cóż, lub jego zaawansowany odpowiednik o nazwie Notepad plus plus (link podany tuż powyżej) w zupełności wystarczy.

Chociaż jest to moja osobista opinia (IMHO) i decyzja należy do Ciebie, co jest wygodniejsze. Na przykład Jewgienij Popow, na którego kursach studiowałem całą tę sprawę, najwyraźniej jest zwolennikiem Dreamviewera. W zasadzie ważne jest jedno - abyś edytował kod w edytorze, który jest w stanie zapisać wszystkie wprowadzone zmiany i który w razie potrzeby może przywrócić wszystko tak, jak było(wstecz).

W tym przypadku, bez względu na to, jak bardzo zepsujesz, wszystko będzie można naprawić. I oczywiście podświetlanie składni języka, w którym piszesz lub edytujesz kod, jest bardzo wygodne. Notepad++ to zdecydowanie mój wybór! O jego możliwościach pisałem w artykule tuż powyżej.

Prawdopodobnie nie byłoby całkowicie poprawne mówienie o znacznikach i ich projekcie jeden po drugim, dlatego spróbuję porozmawiać o ich łącznym zastosowaniu. Należy rozumieć, że właściwości CSS są zapisane w jednym lub kilku oddzielnych plikach, które można dość łatwo znaleźć w motywie używanym dla Twojego silnika.

Podczas gdy tagi stron internetowych we współczesnym systemie CMS nie są zapisywane w jednym lub kilku plikach, jak miało to miejsce wcześniej, ale są generowane (interpretowane) z PHP. I to właśnie wygenerowany w ten sposób kod HTML jest wsuwany do przeglądarki, aby ta z kolei interpretowała go w formie zrozumiałej dla nas strony internetowej. Trudne, prawda?

Dlatego edycja tagów w dowolnym CMS-ie nie jest aż tak trywialnym zadaniem, nawet jeśli jesteś w pełni zaznajomiony z językiem znaczników hipertekstowych. Przecież będziesz musiał edytować tagi w plikach PHP i dlatego będziesz musiał znać przynajmniej podstawowe pojęcia i składnię tego tagu.

Ale nie martw się, nie będziesz potrzebować dużej wiedzy na temat PHP, aby edytować projekt. Tagi leżą tam, że tak powiem, na powierzchni i nie jest trudno je zidentyfikować i w razie potrzeby skorygować.

Z jakich narzędzi możesz skorzystać?

Problem zwykle pojawia się gdzie indziej. Jak znaleźć plik z rozszerzeniem PHP, w którym utworzony jest żądany fragment tagów? Oto pytanie o pytania. Tak, oczywiście, jeśli masz doświadczenie w pracy z tymi silnikami, myślę, że zrozumiesz. Ale jeśli jesteś początkujący i nie wiesz, który z setek plików PHP jest za co odpowiedzialny?

Pomoże Ci w tym doskonała wtyczka do równie doskonałej przeglądarki, a także wspomniany wyżej Notepad++, który nie jest nieznany wielu. Ten pakiet programów pomoże Ci przenosić góry i zaoszczędzić mnóstwo czasu.

W nadchodzących postach opowiem Ci szczegółowo jak wykorzystać te programy, aby skutecznie rozwiązywać problemy pojawiające się z witryną. Tak, prawie zapomniałem o niezbędnym programie umożliwiającym dostęp przez FTP - FileZilla (jest już artykuł na ten temat). Oczywiście, o tym też porozmawiamy.

Cóż, cele zostały nakreślone, zadania postawione, pozostaje tylko je zrealizować. W tym celu pozwól mi odejść.

Powodzenia! Do zobaczenia wkrótce na stronach bloga

Możesz być zainteresowany


Piękne rosyjskie czcionki na stronę internetową i komputer w serwisie internetowym Google Font - skąd pobrać i jak zainstalować Projekt adaptacyjny (responsywny) - optymalizacja witryny pod kątem przeglądania na urządzeniach mobilnych
Gif, Png czy Jpg - formaty grafiki rastrowej dla Internetu, ich zalety i wady w przypadku wykorzystania na stronie internetowej

Kod CSS może znajdować się albo w dokumencie HTML, albo w osobnym pliku o tym samym rozszerzeniu. Jeśli CSS znajduje się w pliku zewnętrznym i nie działa, to pierwszą rzeczą do zrobienia jest sprawdzenie linku w kodzie HTML.

Link (href) musi być zapisany w pojedynczym znaczniku linku. Treść linku w formacie HTML5 powinna wyglądać następująco: href=”style.css” rel=”stylesheet”. Nie zapominaj, że sam znacznik łącza znajduje się pomiędzy sparowanymi znacznikami klucza głównego.

Po wartości href wskazywana jest nazwa pliku css, który należy załączyć do dokumentu (niekoniecznie jest to styl). Jeśli plik ze stylami znajduje się w innym folderze, należy określić ścieżkę do niego za pomocą ukośnika (/).

Składnia CSS

Jeśli wszystko jest w porządku z linkiem, ale CSS nadal nie działa, musisz sprawdzić składnię w kodzie.

Najpierw sprawdź selektor. Selektor musi odpowiadać temu, co napisałeś w pliku HTML. Oznacza to, że jeśli w HTML zostanie wybrana klasa = „kontener”, wówczas w CSS w miejscu selektora zostanie zapisany „.container”. Zwróć uwagę na kropkę przed nazwą. Okres ten wyznaczany jest wyłącznie przed zajęciami. Jeśli określasz styl nagłówków h1, kropka nie jest potrzebna.

Sam blok, w którym zadeklarowany jest styl, jest zapisywany po nazwie selektora w nawiasach klamrowych. Pomiędzy nazwą właściwości a jej wartością umieszcza się dwukropek, po którym następuje średnik.

Przeglądarka

Jeśli przeglądarka, w której testujesz kod CSS, jest już nieaktualna, nie będzie w stanie poprawnie wyświetlić języka CSS3. Dlatego w przypadku, gdyby kod nie działał, prosimy o aktualizację przeglądarki do najnowszej wersji.

Do testów użyj różnych przeglądarek: Opera, Google Chrome, Firefox. Nie zaleca się polegania na przeglądarce Internet Explorer, ponieważ nie jest ona głównym przedmiotem zainteresowania firmy Microsoft, co czyni ją „niespójną” z CSS3.

Nowe wersje przeglądarek do debugowania kodu zawierają specjalny moduł umożliwiający edycję kodu bezpośrednio w przeglądarce. W tym celu w menu kontekstowym okna kliknij „Pokaż kod źródłowy”.

Dziedzictwo

Najtrudniejszą rzeczą do zrozumienia w CSS jest dziedziczenie. Chociaż najczęściej jest podstawą niedziałającego kodu.

CSS działa na tej samej zasadzie, co lalki gniazdujące. Jeden pojemnik jest wkładany do drugiego, trzeci do niego itd. Aby poznać wszystkie zawiłości dziedziczenia, trzeba poświęcić sporo czasu. Możesz zacząć od podstaw.

Najpierw logicznie spróbuj określić, gdzie dokładnie występuje błąd w kodzie CSS. Z łatwością to zrozumiesz, bo... W wyniku błędu jeden z elementów wyświetlanych w przeglądarce wypadnie z prezentowanego przez Ciebie obrazu.

Gdy znajdziesz kontener lub inny element, do którego zastosowano styl, który nie działał, przyjrzyj się uważnie, w czym element jest „zagnieżdżony”.

Być może element nadrzędny zawiera właściwość, która uniemożliwia działanie innej właściwości elementu podrzędnego. Więcej informacji na temat dziedziczenia można znaleźć w dowolnym podręczniku CSS.

Co to jest ten CSS

CSS można nazwać formalnym językiem opisującym wygląd dokumentu. Pełny CSS brzmi Kaskadowe arkusze stylów, że Rosjanin rozumie Kaskadowe Arkusze Stylów, czyli CSS. Oczywiście nikt nie używa CTS, ale zwyczajowo używa się CSS. Język CSS został wprowadzony 17 grudnia 1996 r.

Dlaczego potrzebujemy stylów CSS w osobnym pliku?

Aby pisać style w HTML, musisz wewnątrz .. napisz swoje zasady w tagu

w którym zapisane są zasady. Sam też się melduje

— Jeśli zdecydujesz się bezpośrednio określić styl wewnątrz treści , powinieneś użyć parametru styl="..."

Prawidłowe reguły CSS i sposób komentowania w CSS

Tutaj oczywiście można napisać ogromną ilość teorii, ale nie mamy tutaj podręcznika. Pokażę wszystko na prostym przykładzie, najważniejszą rzeczą do zapamiętania jest to, że istnieją selektory, właściwości i wartości. Selektor określa, do czego zostaną zastosowane reguły, właściwość to typ reguł, których będziemy używać, a wartość to wartość. (właściwość + wartość = reguła)

Napis wygląda tak selektor(właściwość:wartość;), jeśli chcesz zastosować kilka selektorów, napisz je za pomocą przecinek, jeśli używanych jest kilka reguł średnik. Zawsze na końcu średnik.

Aby skomentować dowolny tekst w CSS, musisz umieścić go w cudzysłowie w ten sposób /* tekst */ i to wszystko :)

Jak obiecano, wizualne przykłady CSS :

P(
rodzina czcionek: Verdana;
tło:białe;
kolor czerwony;
}

Selektorem jest tutaj p, co oznacza, że ​​do każdego akapitu zawierającego znaczniki zostaną zastosowane te reguły. Cokolwiek napiszesz na górze, akapit będzie biały z czerwonym tekstem napisanym czcionką Verdana. Nawet jeśli ogólne tło jest żółte, a czcionka jest inna.

  • Instruktaż

Błędy i wskazówki pisałem na podstawie własnego doświadczenia. Jeśli pojawią się błędy typu „zła rada”, chętnie wysłucham konstruktywnej krytyki. Post przeznaczony jest dla osób początkujących do nauki HTML i CSS, ale być może i specjaliści będą zainteresowani zapoznaniem się z tym materiałem.

1. Walidator W3C

Zalecane jest sprawdzenie kodu HTML i CSS witryny poprzez usługę validator.w3.org. Usługa ta zeskanuje kod i wyświetli błędy, np.:
  • znacznik nie jest zamknięty;
  • niezalecane znaki w linkach;
  • Używany jest niezalecany tag;
  • wymagany atrybut nie został określony;
  • i inne.

2. Układ w formacie UTF-8

Podczas układania strony należy upewnić się, że ustawiono kodowanie pliku UTF-8 (bez BOM). Każdy edytor tekstu inaczej ustawia kodowanie.

Plik w formacie UTF-8 umożliwia użycie niestandardowych znaków (na przykład symboli różnych języków, symboli walut i innych).

Musisz także poinformować przeglądarki, że strona jest otwarta w kodowaniu UTF-8. Odbywa się to za pomocą poniższego tagu:

3. Kilka elementów ma ten sam identyfikator

Wartość atrybutu id w kodzie HTML nie powinna się powtarzać.

4. Duszki

Zaleca się połączenie kilku małych obrazków w jeden plik (plik ten nazywany jest duszkiem). Zmniejszy to liczbę żądań do witryny i poprawi szybkość ładowania strony.

Obecnie popularne jest również używanie czcionek z ikonami zamiast ikonek. Te. Zamiast liter wyświetlane są ikony kół zębatych, buźki i inne ikony. Przykładem są glifikony używane w Twitter Bootstrap.

Zaletami czcionek dla duszków jest zachowanie jakości przy zmianie rozmiaru ikon oraz ich mniejszy rozmiar. Wadą jest jednak to, że w ikonie nie można użyć więcej niż jednego koloru.

5. Dużo selektorów

Nie zaleca się używania więcej niż trzech selektorów, ponieważ wpływa to na wydajność witryny.

/* niezalecane, duże zagnieżdżenie */ .page .item .title a () /* można skrócić */ .page .item a ()
Przeglądarki czytają CSS od prawej do lewej. Te. w powyższym kodzie najpierw zostaną wybrane wszystkie linki, które znajdują się na stronie, a następnie te, które znajdują się wewnątrz elementu .item.

6. Style HTML

HTML przeznaczony jest do wyświetlania informacji (tekstu, obrazów). Projektowanie treści (zmiana rozmiaru, koloru, czcionki) odbywa się w CSS.

Błąd w kodzie

Błąd w kodzie

7. Nieprawidłowe nazwy klas

Wielu projektantów układu, gdy chce zmienić kolor tekstu na zielony, dołącza do niego klasę .green.

Wiadomość tekstowa


To jest błędne, bo... Podczas zmiany projektu wiele kolorów może ulec zmianie, na przykład tekst wiadomości może pojawić się w kolorze niebieskim zamiast zielonym. Następnie będziesz musiał poszukać wszystkich tagów, które mają klasę .green i zastąpić ją klasą .blue.

Wiadomość tekstowa

Wiadomość tekstowa

8. Piksele w wartościach ułamkowych

Niektóre przeglądarki umożliwiają określenie pikseli w wartościach ułamkowych, np. „1,5 piksela”. Ale to jest błędne, bo... Piksel jest jednostką niepodzielną. Zamiast „1,5px” lepiej użyć „1,5em”.

P ( /* niepoprawny */ odstęp między literami: 1,5px; /* poprawny */ odstęp między literami: .005em; )

9. Używanie klas zamiast identyfikatorów

Zaleca się wybranie według klasy zamiast identyfikatora, ponieważ selektory z identyfikatorem mają większą wagę niż selektory klas i trudno będzie je zastąpić.

#modal a ( color: blue; ) /* poniższego koloru nie można zastąpić, ponieważ #modal ma większą wagę niż klasy */ .modal-header a ( color: #333; ) /* w tym przypadku będziesz musiał dodać #modal */ #modal .modal-header a ( color: #333; )
Nie zaleca się również używania!ważne, ponieważ jego waga jest większa niż atrybutu id i również będzie trudno go zastąpić.

10. Menu

Menu powinno mieć formę listy.

Strona główna Aktualności O firmie

  • dom
  • Aktualności
  • O firmie

11. Brakujący alt do zdjęć

Atrybut alt musi być określony w tagach (może być pusty).

12. Tagi

Na tag na stronę powinien przypadać tylko jeden tytuł

. Zasadniczo tag ten zawiera tytuł strony.

13. Transkrypcja

Nazwy wszystkich elementów muszą być zapisane w tłumaczeniu na język angielski. Nawet jeśli nie wiesz, jak pisze się dane słowo w języku angielskim, istnieje wiele bezpłatnych usług, które mogą je przetłumaczyć. Kiedy w transkrypcji pojawiają się nazwy elementów, wygląda to nieprofesjonalnie.

/* niepoprawny */ .tovar () .stranica () .zapros () /* poprawny */ .product () .page () .query ()

14. Clearfix

Trudno w skrócie napisać o Clearfixie, ale zwrócę uwagę na fakt, że moim zdaniem wielu projektantów układów popełnia błąd.

Klasa.clearfix powinna być podana w tagu nadrzędnym, a nie umieszczana obok niej.

15. HTML – język programowania

Niektórzy ludzie, którzy nie mają doświadczenia z HTML, myślą, że HTML jest językiem programowania. W rzeczywistości HTML nie jest językiem programowania; można go porównać do programu Microsoft Word. Na przykład, aby pogrubić tekst, musisz kliknąć przycisk w programie Word, a w formacie HTML musisz napisać kod. Te. HTML to po prostu narzędzie, które dodaje tekst, obrazy, tabele i inne elementy.

Kaskadowe arkusze stylów (CSS) służą do uatrakcyjnienia strony internetowej w oczach odwiedzających. Dodatkowo arkusze stylów CSS znacznie upraszczają proces projektowania strony internetowej. CSS pozwala także na wprowadzanie zmian w jednym miejscu, zamiast edytować całą witrynę. Dzięki temu nie musisz odwiedzać każdej strony serwisu i edytować jej.

CSS pozwala zaoszczędzić cenny czas i energię. Kaskadowe arkusze stylów, jak sama nazwa wskazuje, definiują specyficzny styl elementów na stronach internetowych w oparciu o listę priorytetów, popularnie zwaną „kaskadą”. Oprócz tego umożliwia także zarządzanie różnymi elementami na stronach internetowych Twojej witryny. Pojedynczy arkusz stylów CSS może kontrolować czcionkę, formatowanie, rozmiar tekstu, położenie, styl i kolor całej witryny internetowej. Chociaż kaskadowe arkusze stylów mogą zmienić prezentację i wygląd Twojej witryny, nie mają one jednak nic wspólnego z projektowaniem witryny.

CSS może pomóc webmasterowi na wiele sposobów. Dzięki CSS Twoja witryna będzie miała bardziej atrakcyjny wygląd. To powiedziawszy, nawet wyszukiwarki wolą witryny oparte na CSS, jeśli chodzi o ich ranking w indeksie wyszukiwania.

Oddzielenie prezentacji witryny od jej zawartości.

Dzięki CSS możesz mieć dużą kontrolę nad wyglądem swojej witryny, ponieważ technologia ta pozwala powiązać różne arkusze stylów z tekstem Twojej witryny. W rezultacie, jeśli chcesz zmienić wygląd dowolnego elementu na stronie internetowej, wystarczy edytować tylko jeden zewnętrzny plik arkusza stylów CSS, a zostanie to odzwierciedlone w całej witrynie. Takie podejście nie tylko zapewnia elastyczny proces zarządzania witryną, ale także znacznie oszczędza czas.

Zwiększenie szybkości ładowania witryny.

Ponieważ kaskadowe arkusze stylów są plikami tekstowymi, są lekkie i zużywają mniej przepustowości, co z kolei zwiększa szybkość ładowania Twojej witryny. Według statystyk strona korzystająca z zewnętrznych arkuszy stylów opartych na CSS ładuje się około siedem razy szybciej niż podobna witryna bez tej technologii. Ponieważ dokumenty tekstowe ładują się bardzo szybko, strony internetowe będą renderowane niemal w ciągu kilku sekund, co będzie miało pozytywny wpływ na ogólne wrażenia osób odwiedzających Twoją witrynę.

CSS ułatwia zmianę położenia dowolnego elementu na stronie internetowej. Przykładowo menu można umieścić w dowolnym miejscu: po lewej, prawej stronie, u góry lub u dołu. Jednocześnie głównym celem takiego pozycjonowania elementów jest to, aby roboty wyszukiwarek najpierw przeszukały główną treść Twojej witryny. Aby to osiągnąć, należy umieścić wszystkie elementy pomocnicze, takie jak menu, po głównej treści w kodzie HTML.

Zgodność CSS z nowoczesnymi przeglądarkami.

Ponieważ obecnie istnieje wiele różnych przeglądarek, webmasterowi trudno jest sprawdzić funkcjonalność strony internetowej w absolutnie wszystkich przeglądarkach. Jeśli jednak będziesz trzymać się standardowego układu opartego na CSS, problem ten można łatwo rozwiązać.

Jak widać z powyższego, technologia CSS oprócz dostarczenia narzędzi do tworzenia nowoczesnych, atrakcyjnych stron internetowych, pomaga także rozwiązać szereg problemów. Co samo w sobie określa duże znaczenie CSS.

Jedną z najstarszych usług w Internecie są fora. Te platformy komunikacyjne pojawiły się jako jedne z pierwszych i od tego czasu pozostały praktycznie niezmienione. Jednak pomimo zaawansowanego wieku nadal radzą sobie ze swoimi funkcjami. Tutaj ludzie komunikują się, zadają pytania i uzyskują odpowiedzi.