Strona HTML jest. Tworzenie stron internetowych
HTML (HyperText Markup Language) to specjalny język służący do formatowania dokumentów tekstowych (zwany także językiem znaczników dokumentów – przeglądarką dokumentów WWW). HTML to dość prosty zestaw poleceń opisujących strukturę dokumentu. HTML umożliwia wyróżnienie poszczególnych logicznych części tekstu (nagłówki, akapity, listy itp.), umieszczenie oddzielnie przygotowanej fotografii lub obrazu na stronie internetowej oraz uporządkowanie linków na stronie w celu komunikacji z innymi dokumentami.
HTML nie określa konkretnych i precyzyjnych atrybutów formatowania dokumentu, jak na przykład Microsoft Word. Konkretny typ dokumentu ostatecznie określa tylko program - przeglądarka w Twoim komputerze. Potrzeba takiego właśnie podejścia wiąże się z niejednorodnością sprzętu i oprogramowania komputerów podłączonych do Internetu. HTML również nie jest językiem programowania, ale strony internetowe mogą zawierać programy osadzone - skrypty w językach i programach JavaScript i Visual Basic Script - aplety w języku Java.
Z punktu widzenia użytkownika systemu Windows strona internetowa to po prostu plik *.htm lub *.html znajdujący się na serwerze internetowym, w sieci lokalnej lub na dysku twardym komputera.
Pamiętaj, że HTML nie jest językiem programowania, służy jedynie do oznaczania dokumentów. Te. Zasadniczo, gdy tworzysz stronę HTML, po prostu edytujesz tekst za pomocą znaczników w podobny sposób, jak w zwykłym edytorze tekstu. Każdy znacznik ma swoją własną właściwość, ale wszystkie są ujęte w nawiasy ostre „<" и ">", Na przykład, ,
.Wszystkie tagi w HTML dzielą się na dwa typy – sparowane i niesparowane. Tagi sparowane to te, których tag otwierający wymaga tagu zamykającego. Tagi zamykające w HTML są oznaczone ukośnikiem i zapisane w następujący sposób: . Tagi niesparowane nie wymagają tagu zamykającego. Przykładem takich znaczników jest znacznik przejścia do następnej linii
. Istnieją również znaczniki obowiązkowe, których należy używać na wszystkich stronach, oraz znaczniki opcjonalne, których używa się według uznania.
Strona internetowa to specjalnie sformatowany dokument, który może zawierać tekst, grafikę, hiperłącza, dźwięk, animację i wideo.
Kilka stron internetowych, które mają ten sam motyw, wygląd i łącza i zwykle znajdują się na tym samym serwerze internetowym, tworzy witrynę internetową.
Strona internetowa (z języka angielskiego. strona internetowa: sieć- „sieć, sieć” i strona- „miejsce”, dosłownie „miejsce, segment, część sieci”) - zbiór dokumentów elektronicznych (plików) osoby prywatnej lub organizacji w sieci komputerowej, zjednoczonych pod jednym adresem (nazwą domeny lub adresem IP).
Wszystkie witryny razem stanowią Sieć WWW , gdzie komunikacja (sieć) łączy segmenty informacji ze społeczności światowej w jedną całość - bazę danych i komunikację na skalę planetarną. Specjalnie opracowano protokół umożliwiający bezpośredni dostęp klientów do witryn na serwerach HTTP .
Strona internetowa ma strukturę przypominającą magazyn zawierający informacje na określony temat lub problem. Tak jak czasopismo składa się z drukowanych stron, tak witryna internetowa składa się ze stron komputerowych.
Program wyświetlający stronę internetową nazywa się przeglądarką internetową.
Strony internetowe są tworzone przy użyciu języka znaczników dokumentów hipertekstowych HTML. Technologia HTML polega na wstawieniu znaków kontrolnych (tagów) do zwykłego dokumentu tekstowego i w rezultacie otrzymujemy stronę internetową. Przeglądarka ładując stronę WWW prezentuje ją na ekranie w formie określonej za pomocą tagów.
HTML umożliwia:
· formatowanie tekstu;
· dołączać do dokumentu obrazy i multimedia;
· Za pomocą tego języka tworzone są hiperłącza do innych stron internetowych.
HTML służy do tworzenia treści informacji o plikach oraz do definiowania struktury i formatu stron internetowych. Ponieważ pliki HTML są zwykłymi plikami tekstowymi, taki plik można wysłać na praktycznie każdy komputer.
Do tworzenia stron internetowych wykorzystywane są proste edytory tekstu, które nie zawierają znaków sterujących formatowaniem tekstu w tworzonym dokumencie. Jako taki edytor w systemie Windows możesz skorzystać ze standardowej aplikacji Notatnik.
Zwykle plik strony internetowej ma rozszerzenie .html lub .htm.
Poza tym istnieje wiele technologii, w których podstawowe etapy tworzenia stron internetowych są już zautomatyzowane, pozostaje jedynie wprowadzić zmiany zgodnie z wybraną tematyką.
Aby wyświetlić stronę HTML, wystarczy wpisać jej adres URL w pasku adresu przeglądarki internetowej, a następnie skorzystać z hiperłączy. Ale to jest właśnie główny problem - jak znaleźć adres strony? Najczęściej zdarza się, że wiesz, czego szukasz, ale nie wiesz, gdzie dokładnie szukać. Aby rozwiązać ten problem, istnieją specjalne wyszukiwarki. Z punktu widzenia użytkownika wyszukiwarka to zwykła witryna internetowa, na której stronie głównej znajdują się linki do innych witryn podzielonych na kategorie („Sport”, „Biznes”, „Komputery” itp.). Dodatkowo wyszukiwarka umożliwia użytkownikowi wprowadzenie kilku słów kluczowych i zwraca linki do stron zawierających te słowa kluczowe.
Strona internetowa
Strona internetowa (angielski WWW, od web - web i site - „miejsce”) to zbiór dokumentów osoby prywatnej lub organizacji zjednoczonych pod jednym adresem w sieci komputerowej. Domyślnie przyjmuje się, że witryna znajduje się w Internecie. Wszystkie strony internetowe tworzą wspólnie sieć WWW. Protokół HTTP został opracowany specjalnie dla klientów w celu bezpośredniego dostępu do stron internetowych na serwerach. Strony internetowe nazywane są inaczej internetową reprezentacją osoby lub organizacji. Kiedy mówią „twoja własna strona w Internecie”, mają na myśli całą witrynę internetową lub stronę osobistą będącą częścią witryny innej osoby. Oprócz stron internetowych dostępne są także strony WAP dla telefonów komórkowych.
Początkowo strony internetowe były zbiorami statycznych dokumentów. Obecnie większość z nich charakteryzuje się dynamizmem i interaktywnością. W takich przypadkach eksperci używają terminu aplikacja internetowa - gotowy pakiet oprogramowania do rozwiązywania problemów ze stroną internetową. Aplikacja internetowa jest częścią witryny internetowej, ale aplikacja internetowa bez danych jest technicznie jedynie witryną.
W większości przypadków w Internecie jedna witryna internetowa odpowiada jednej nazwie domeny. Strony w sieci globalnej identyfikowane są za pomocą nazw domen. Możliwe są inne opcje: jedna witryna w kilku domenach lub kilka witryn w ramach jednej domeny. Zwykle duże witryny (portale internetowe) wykorzystują kilka domen w celu logicznego oddzielenia różnych rodzajów świadczonych usług (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Często zdarza się, że dla różnych krajów lub języków przydzielane są osobne domeny. Na przykład google.ru i google.fr są logicznie witrynami Google w różnych językach, ale technicznie są to różne witryny. Łączenie kilku witryn w ramach jednej domeny jest typowe dla darmowego hostingu. Aby zidentyfikować witryny, adres zawiera tyldę i nazwę witryny po hoście: przykład.com/~nazwa-mojej-witryny/.
Większość treści prezentowanych w Internecie to strony internetowe. Jest to historycznie pierwszy typ dokumentu przeznaczony do umieszczenia w wirtualnej przestrzeni sieciowej, ale nadal pozostaje aktualny i praktycznie nie ma konkurencyjnych formatów. Jaka jest struktura stron internetowych? Jakie narzędzia do tworzenia stron internetowych są używane do tworzenia?
Co to jest strona internetowa?
„Wymień główne elementy strony internetowej” – mówi nam egzaminator na lekcji informatyki. Co możemy mu odpowiedzieć? Na początek porozmawiamy o tym, czym w zasadzie jest strona internetowa.
Zgodnie z ogólnie przyjętą definicją wśród informatyków jest to dokument, który przeznaczony jest do otwarcia w specjalistycznym programie – przeglądarce i który zawiera dane do wyświetlenia na ekranie komputera za pomocą odpowiedniego rodzaju oprogramowania o różnej przydatnej treści – tekstach , linki, grafiki, filmy, muzyka itp. Strona internetowa jest dokumentem tekstowym. Odpowiednie dane dla przeglądarki składają się z liter, cyfr i znaków specjalnych używanych jako elementy języka znaczników - HTML. To za jego pomocą twórca strony internetowej „wyjaśnia” przeglądarce, jak wyświetlić tę lub inną treść na ekranie.
Miejsce i rola stron internetowych w strukturze serwisów
Czy możemy powiedzieć, że strona internetowa jest głównym elementem witryny internetowej? Jest to częściowo prawdą. Jednakże, jak zauważyliśmy powyżej, strona internetowa to tylko dokument tekstowy. Na stronie z reguły znajdują się także zdjęcia, filmy i inne elementy multimedialne. Strona internetowa nie może ich zawierać, ale może zawierać w swojej strukturze odnośniki do nich. Tym samym stronę internetową można nazwać głównym elementem serwisu ze względu na jej dominującą rolę w wyświetlaniu treści wirtualnych przed użytkownikami.
Oczywiście w rzadkich przypadkach dany dokument będzie jedynym elementem witryny - jeśli z jakiegoś powodu nie przewiduje wyświetlania grafiki, wideo i innych elementów multimedialnych. W szczególności pierwsze strony internetowe – kiedy pojawiły się języki znaczników stron internetowych – nie zawierały odpowiednich treści. Przed oczami użytkownika był tylko tekst i linki.
Zasada stosowania hipertekstu
Zatem strona internetowa to dokument napisany w języku HTML, który służy do oznaczania hipertekstu. Ale co to za zjawisko? Co to jest hipertekst? Nie wnikając zbyt głęboko w teorię, zauważamy, że jest to tekst, który w ten czy inny sposób pozwala szybko uzyskać dostęp do innego - poprzez linki. W zwykłej książce nie jest to możliwe – jest „prosty tekst”. Aby uzyskać dostęp do żądanej strony, czytelnik musi wykonać kilka obrotów, najpierw czytając spis treści lub przypisy. W trybie hipertekstowym większość pracy wykonuje komputer, wykorzystując informacje odzwierciedlone w elementach HTML strony.
Jeśli nauczyciel informatyki powie nam: „Wymień główne elementy strony internetowej”, wówczas możemy całkiem poprawnie zacząć mówić o składnikach odpowiedniego dokumentu utworzonego przy użyciu języka znaczników HTML. Dlatego najpierw przyjrzyjmy się kilku teoretycznym punktom dotyczącym HTML.
Struktura języka HTML: tagi
W jaki sposób przeglądarka odczytuje niezbędne dane o stronie internetowej z dokumentu HTML? Bardzo prosta.
Głównymi elementami tego języka są tagi. W większości przypadków są one sparowane - jest otwierające i zamykające. Te pierwsze są oznaczone wyłącznie za pomocą nawiasów ostrych. Drugie są podobne, ale przed drugim nawiasem znajduje się ukośnik – symbol /. Przeglądarka jest w stanie je rozpoznać, dlatego bez problemu wyświetla zawartość stron internetowych, zgodnie z algorytmami stworzonymi przez twórcę dokumentu.
Znacznik otwierający jest zwykle pisany wielkimi literami, znacznik zamykający małymi literami. To standard, który ugruntował się wśród specjalistów IT. Przeglądarka oczywiście rozpozna polecenie HTML zapisane w dowolnych literach, ale twórcom stron internetowych nadal zaleca się przestrzeganie oznaczonego schematu pisania znaczników. Ułatwi to np. innym specjalistom udoskonalanie strony internetowej.
Atrybuty
Kolejnymi ważnymi elementami języka HTML są atrybuty. Za ich pomocą twórca strony internetowej może ustawić właściwości treści – np. wysokość czcionki, jej kolor, położenie względem strony. To samo dotyczy zdjęć, filmów i innych elementów multimedialnych. Atrybuty są zapisywane w znaczniku otwierającym.
Treść
Pomiędzy tagami otwierającymi i zamykającymi znajduje się kolejny kluczowy element strony internetowej – treść. To właściwie ta sama treść, która powinna wyświetlić się użytkownikowi na ekranie. Może to być tekst, link, zdjęcie, film lub inny element multimedialny.
Elementy strony internetowej
„Więc wypisz w końcu główne elementy strony internetowej!” – powtarza nauczyciel. „Z przyjemnością” – odpowiadamy mu. Co obejmuje struktura rozpatrywanego rodzaju dokumentu? Umówmy się, że rozważymy ten aspekt w kontekście elementów HTML strony internetowej. Oznacza to, że ich wyświetlenie w przeglądarce – to, co użytkownik zobaczy na ekranie – zainteresuje nas w mniejszym stopniu. Faktem jest, że odpowiednie algorytmy HTML, na podstawie których program wyświetla treść w ten sam sposób, mogą się różnić. I to jest cecha języka HTML: żądany obraz na stronie internetowej można wyświetlić na różne sposoby. Jednocześnie mogą być one albo równoważne pod względem kosztów pracy twórcy strony internetowej, albo wymagać innego nakładu pracy i czasu na ich realizację.
Elementy strony internetowej: Nagłówek
Standardowe elementy strony internetowej, choć może to zabrzmieć zaskakująco, prezentowane są w bardzo małych ilościach. W rzeczywistości są tylko dwa z nich - tytuł i główna treść dokumentu. Jednocześnie każdy z nich może mieć dość złożoną strukturę.
Jaka jest specyfika tytułu? Znajduje się na samej górze strony internetowej. Kod HTML tworzący nagłówek ma zazwyczaj na celu „zaszyfrowanie” samego tekstu, ale w razie potrzeby w odpowiednim elemencie można umieścić również małe wstawki graficzne. I to właściwie wszystko, co można powiedzieć o tytule. Wydawać by się mogło, że jego rola w strukturze odpowiedniego dokumentu jest niewielka. Ale to nieprawda. Tytuły stron internetowych są bardzo istotne z punktu widzenia indeksowania witryny w wyszukiwarkach - Yandex, Google. Element ten musi być całkowicie adekwatny do treści strony internetowej, a także specyfiki tematycznej serwisu.
W jaki sposób tytuł strony internetowej jest przechwytywany za pomocą HTML? Bardzo prosta. Najpierw zapisywany jest znacznik otwierający, który zawsze wygląda jak HEAD z nawiasami ostrokątnymi, następnie treść nagłówka, a na końcu znacznik zamykający. Są one oczywiście zapisane na samej górze dokumentu internetowego.
Tytuł dokumentu internetowego może zawierać szereg dodatkowych elementów. Czasami format strony internetowej może wymagać wyświetlania tekstu w określonym kodowaniu. Jak możesz mieć pewność, że Twój dokument internetowy spełnia to kryterium? Bardzo prosta. Algorytmy HTML muszą zostać umieszczone w strukturze nagłówka dokumentu, instruując przeglądarkę, aby zastosowała określone kodowanie języka - na przykład cyrylicę. Odpowiednie polecenia umieszczone są w znaczniku META, który podobnie jak inne może otwierać i zamykać.
Główna część strony internetowej
Główna część dokumentu internetowego otwiera się za pomocą znacznika BODY i zamyka odpowiednim elementem, łącznie z ukośnikiem. Co więcej, pomiędzy znacznikami otwierającymi i zamykającymi może znajdować się ogromna liczba dodatkowych poleceń języka znaczników hipertekstowych. Dzieje się tak dlatego, że w głównej części strony internetowej znajdują się jej przydatne treści - teksty, linki, grafiki, filmy, różne formularze do wypełnienia.
Każdy z odpowiednich typów treści ma swoje własne tagi. Struktura głównej części dokumentu internetowego może zawierać polecenia HTML, które służą również do formatowania tekstu - na przykład nadawania czcionce określonego koloru, rozmiaru i innych właściwości.
Przyjrzyjmy się specyfice niektórych powszechnie używanych tagów HTML. W rzeczywistości stanowią one główne elementy strony internetowej.
Podstawowe znaczniki HTML
Aby więc szczegółowo przestudiować, jakie są elementy strony internetowej, przeanalizujmy bardziej szczegółowo istotę podstawowych tagów HTML. Niektóre z nich podaliśmy już powyżej - w szczególności te, za pomocą których przeglądarka odczytuje nagłówki stron internetowych i określa, gdzie znajduje się główna część dokumentu.
Znacznik P jest dość powszechny i podobnie jak inne podobne elementy języka znaczników hipertekstowych może otwierać i zamykać. Znacznik ten umożliwia sformatowanie pojedynczego akapitu dokumentu. Możesz na przykład ustawić dla niego konkretny rodzaj czcionki lub kolor. Odbywa się to jednak za pomocą dodatkowego znacznika – FONT. W tym przypadku zostanie on umieszczony wewnątrz tego, który wyznacza granice akapitu - zapobiegnie to rozproszeniu polecenia HTML odzwierciedlającego typ preferowanej czcionki do innych elementów strony.
Tabele tworzy się za pomocą znacznika TABLE. Za pomocą odpowiednich atrybutów możesz określić wymaganą liczbę kolumn i wierszy, ustawić ich szerokość, określone obramowania, rozmiar i kolor czcionki tekstu w tabeli.
Odpowiedzialny za przetwarzanie obrazów przez przeglądarkę. Można w nim także umieścić różne atrybuty regulujące wielkość obrazka i jego położenie na stronie.
Linki do innych dokumentów internetowych lub plików oznaczane są za pomocą znacznika A. Z reguły znajdują się w nim atrybuty wskazujące na obecność hiperłącza w strukturze strony internetowej. W takim przypadku wskazany jest dokument, plik lub strona, do której prowadzi.
Powszechnym tagiem jest FRAMESET. Za jego pomocą można podzielić przestrzeń strony internetowej na kilka obszarów – ramek. W każdym z nich można używać odrębnych dokumentów internetowych. Oznacza to, że ramki umożliwiają prawidłowe ustawienie dwóch lub więcej stron na jednym ekranie jednocześnie.
Opowieść o kluczowych elementach stron internetowych i późniejsza opowieść o sposobach ich formatowania za pomocą języka HTML - mniej więcej taki będzie algorytm naszej odpowiedzi na pytanie, które zadał nam egzaminator. Jeżeli przyszedł do nas z poleceniem „wypisz główne elementy strony internetowej”, to my, stosując odpowiednią metodologię, będziemy mieli wszelkie szanse na odkrycie tematu. Oznacza to, że pod pojęciem „elementów” możemy rozumieć kluczowe elementy struktury dokumentu internetowego, czyli rodzaje treści – tekst, obrazy, tabele, ramki, linki, które webmaster generuje za pomocą narzędzia takiego jak język HTML .
Specyfika narzędzi do tworzenia stron internetowych
Oprócz tego, co zostało powiedziane, możemy wyjaśnić, że istnieje ogromna liczba tagów i atrybutów zapewnianych przez standardy HTML. Oprócz HTML twórcy stron internetowych mogą używać dodatkowych narzędzi formatowania dokumentów hipertekstowych. Przykładowo, wykorzystując JavaScript, można tworzyć strony WWW dynamiczne – czyli takie, w których treść jest na bieżąco aktualizowana (zarówno pod wpływem działań samego użytkownika, jak i zgodnie z algorytmami zapisanymi wcześniej w skryptach).
Warto dodać, że web developer może w swojej pracy wykorzystywać pełnoprawne języki programowania, takie jak np. Perl, PHP, Java, Python, za pomocą których stają się możliwości pracy z dokumentami hipertekstowymi jeszcze szerzej. Potrzeba tego może wynikać z faktu, że obszary zastosowań technologii internetowych są dziś bardzo różne. Wyzwania stojące przed współczesnymi programistami mogą być dość złożone. Na przykład czasami konieczne jest przetłumaczenie stron internetowych napisanych w języku rosyjskim na angielski. W takim przypadku narzędzia programisty będą bardzo zróżnicowane.
HTML – język znaczników hipertekstowych. Strona internetowa (dokument HTML) to plik tekstowy w formacie HTML *.htm lub *.html, przechowywany w sieci WWW (WWW). WWW - World Wide Web, rozproszony system dostępu do dokumentów hipertekstowych istniejący w Internecie. Oprócz tekstu strona internetowa może zawierać łącza hipertekstowe, za pomocą których można nawigować i przeglądać inne strony internetowe. Strona internetowa może zawierać wstawki w postaci grafiki, animacji, klipów wideo i muzyki. Do przeglądania stron internetowych można użyć na przykład programu Microsoft Internet Explorer, NetScape Navigator lub Opera (przeglądarka lub przeglądarka). Język HTML umożliwia: 1) Tworzenie i edycję stron WWW, włączając w to stronę domową, które następnie można umieścić w Internecie; 2) Edytuj dokumenty HTML otrzymane z Internetu tak, aby wszystkie obiekty osadzone w dokumencie (zdjęcia, animacje itp.) działały; 3) Twórz prezentacje multimedialne, pokazy slajdów, projekty demonstracyjne, dzięki linkom hipertekstowym i możliwości wstawiania rysunków, diagramów, animacji, klipów wideo, akompaniamentu muzycznego i mowy, specjalnych efektów tekstowych (np. pełzającej linii) do dokumentu HTML. Istnieją trzy główne sposoby tworzenia stron internetowych (lub dokumentów HTML): 1) Użyj edytora tekstu Notatnik wbudowanego w system Windows i przeglądaj wyniki za pomocą przeglądarki. Ta najłatwiejsza metoda jest zalecana dla początkujących. Technologia tej metody tworzenia strony internetowej jest następująca: W edytorze Notatnika tworzony jest plik strony internetowej, który jest zapisywany z rozszerzeniem *.htm. Plik ten jest następnie pobierany i przeglądany w przeglądarce Internet Explorer. Aby wywołać edytor Notatnika w celu edycji pliku strony internetowej podczas przeglądania go w przeglądarce Internet Explorer, użyj elementu menu Widok, Źródło lub Jako HTML. Po zapisaniu pliku i wyjściu z Notatnika, aby wyświetlić edytowaną stronę, należy nacisnąć klawisz F5 lub przycisk „Odśwież” na pasku narzędzi przeglądarki Internet Explorer. 2) Korzystanie ze specjalnych edytorów dokumentów HTML, np. Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad itp. 3) Korzystanie z edytora Word-97, w którym tworzony jest tekst dokumentu, który następnie jest konwertowany do formatu HTML format. Przyjrzyjmy się podstawowym pojęciom języka HTML. 1. Element to konstrukcja HTML lub kontener zawierający dane. Strona internetowa to zbiór elementów. 2. Znacznik to znaczniki początku i końca elementu. Tagi określają granice działania elementów i oddzielają je od siebie. W tekście strony internetowej znaczniki są ujęte w nawiasy ostre, na przykład: . Znacznik końcowy jest zawsze poprzedzony ukośnikiem:. 3. Hiperłącze - fragment tekstu będący wskaźnikiem do innego pliku lub obiektu. Hiperłącza umożliwiają nawigację z jednego dokumentu do drugiego. 4. Ramka – obszar dokumentu hipertekstowego z własnymi paskami przewijania. 5. Aplet – program przesyłany na komputer Klienta w postaci osobnego pliku i uruchamiany podczas przeglądania strony WWW. 6. Skrypt to program zawarty na stronie internetowej w celu rozszerzenia jej możliwości. 7. Pobierz (DownLoad) – kopiowanie dokumentu z serwera WWW na komputer Klienta. UpLoad - kopiowanie dokumentu z komputera klienta na serwer WWW - wykorzystywane jest podczas tworzenia własnej strony internetowej (czyli jej publikowania). Przyjrzyjmy się ogólnej strukturze typowego prostego dokumentu HTML: