Где найти веб страницу. Что такое веб-страница

В рамках данной статьи для начинающих и обычных пользователей, я рассмотрю что такое веб-страница, а так же связанные с этим нюансы.

Сегодня интернет это уже обыденность, доступная для использования даже для самых начинающих пользователей. Интернет предоставляет доступ и к развлекательным ресурсам, и к сайтам для общения (например, социальные сети), и к поисковым системам, и ко многому другому. Однако, мало кто при этом хоть чуть-чуть представляет себе, что же это такое "веб-страница". Это не плохо и не хорошо, но все же полезно знать хотя бы некоторые основы, о них и пойдет речь далее.

Примечание : Так же советую ознакомиться со статьей что такое веб .

Первым делом, вам стоит знать, что все сайты, блоги, форумы и прочие интернет-ресурсы состоят из этих самых веб-страниц. Причем эти страницы связаны между собой через интернет-ссылки, щелкая по которым в браузере вы переходите от одной странице к другой. Эта статья так же представляет собой веб-страницу. При чем все содержимое этой страницы называется контентом. То есть текст, картинки и прочее. Даже видео и аудио входит в понятие контент.

Таким образом, веб-страница - это специальный документ, содержащий ряд мета-данных для отображения в браузере (и прочих технических вещей), а так же контент (текст, картинки и прочее), который можно просмотреть, прослушать и прочее.

Чаще всего веб-страницы разделяют по двум видам:

1. Статические веб-страницы . Данное словосочетания периодически неправильно воспринимается пользователями и все из-за наличия слова "статический". Дело в том, что слово "статический" присутствует только из-за того, что весь этот специальный документ остается одним и тем же. При этом страничка может быть анимированный (блоки плавно ездят и прочие красивости), на ней может находится видео, аудио и прочие элементы медиа. Тем не менее, эти страницы представляют собой обычный неизменяемый html-документ , а так же сопутствующие файлы, которые загружаются браузером для корректного отображения веб-страницы (специальные файлы стилей CSS, позволяющие форматировать отображение контента, картинки, видео, аудио и прочее).

2. Динамические веб-страницы . В отличии от предыдущего типа веб-страниц, данный тип предусматривает, что содержимое одной и той же страницы может меняться. Например, страницы в форумах, где люди оставляют свои комментарии. Различные страницы поиска и многие другие примеры. Стоит отметить, что эти страницы так же представляют собой html-документ с сопутствующими файлами, однако их содержимое генерируется отдельным компьютером, который обычно называется сервер. Хотя бы раз, но, вероятно, слышали о таких языках как PHP, Asp.Net C#, Java и прочие. Именно с помощью них и осуществляется генерация страниц.

Так же страницы могут разделять по их назначению (приведу несколько вариантов):

1. Персональная страница . Эта такая веб-страница, информация которой относится к некой персоне. При этом стоит понимать, что такая страница может быть как официальной, так и нет. Относится как к реальному человеку, так и к выдуманному. Например, в форумах есть страницы с названием "профиль пользователя" - это, по сути, и есть персональная страница. Если рассматривать еще пример, то вашу страничку в социальной сети так же можно назвать персональной.

2. Медиа страницы . На подобного рода веб-страницах, обычно контент содержит какую-то медиа-информация в преобладающем виде. Например, различные галереи с фотографиями, сборники аудио или видео.

3. Информационная веб-страница . В принципе, вообще любую веб-страницу можно назвать информационной, так как она содержит некий контент. Однако, обычно принято называть информационными те страницы, основным назначением которых является предоставление информации пользователю. При этом информация может быть связана с чем угодно. Например, эта статья - хороший пример информационной страницы.

4. Страница поиска . Данная страница предназначена для того, чтобы вы, как пользователь сайта, могли осуществить поиск необходимой вам информации. Обычно такая страница содержит поля для ввода фраз, по которым будет осуществляться поиск, и различные элементы управления для настройки области поиска (например, искать по всему сайту или только в комментариях).

Web-страница - это специально отформатированный документ, который может включать текст, графику, гиперсвязи, аудиоряд, анимацию, видеоряд.

Несколько веб-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками, и обычно находящихся на одном веб-сервере, образуют веб-сайт.

Веб-с айт (от англ. website : web - «паутина, сеть» и site - «место», буквально «место, сегмент, часть в сети») - совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённая под одним адресом (доменным именем или IP-адресом).

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое - базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц.

Программа, демонстрирующая веб-страницу, называется веб-браузер.

Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет ее на экране в том виде, который задается тэгами.

HTML позволяет:

· форматировать текст;

· включать в документ изображения, мультимедиа;

· с помощью этого языка создаются гипертекстовые ссылки на другие Web-страницы.

HTML используется для создания информационного содержимого файла и для определения структуры и формата Web-страниц. Так как HTML-файлы являются обычными текстовыми файлами, такой файл может быть практически отправлен на любой компьютер.

Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение «Блокнот».

Обычно файл Веб-страницы имеет расширение.html или.htm.

Кроме того, существует много технологий, в которых основные действия по созданию сайтов уже автоматизированы, остается лишь внести изменения в соответствии со своей тематикой.

Для того, чтобы просмотреть HTML-страницу, достаточно просто ввести ее URL-адрес в строке адреса Web-браузера, а затем следовать по гиперссылкам. Но именно в этом и заключается основная проблема - как узнать адрес страницы? Чаще всего бывает так, что известно то, что необходимо найти, но неизвестно где именно искать. Для решения этой проблемы существуют специальные поисковые системы. С точки зрения пользователя, поисковая система - это обычный сайт на главной странице которого находятся разбитые по рубрикам («Спорт», «Бизнес», «Компьютеры» и т.п.) ссылки на другие сайты. Кроме того, поисковая система позволяет пользователю ввести несколько ключевых слов и возвращает ссылки на страницы, содержащие эти ключевые слова.

Веб - сайт

Веб-сайт (англ. Website, от web - паутина и site - "место") - в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.

Изначально веб-сайты представляли из себя совокупности статических документов. В настоящее время большинству из них свойственна динамичность и интерактивность. Для таких случаев специалисты используют термин веб-приложение - готовый программный комплекс для решения задач веб-сайта. Веб-приложение входит в состав веб-сайта, но веб-приложение без данных сайтом является только технически.

В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Гугла на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/.

Что такое HTML

Сегодня интернетом пользуется 3,5 миллиарда человек – это половина населения Земли. Путешествуя по сайтам, многие люди даже не догадываются, что при их создании использовался язык HTML. Без него все веб-страницы выглядели бы сплошным неудобочитаемым полотном строчек. Попробуем разобраться, что собой представляет этот язык, и для чего он нужен.

HTML и другие понятия

Любая изобретенная человеком деятельность, будь то обучение детишек азбуке или производство баллистических ракет, рано или поздно приводится к единым стандартам. Тоже произошло и с созданием веб-страниц. В 1991 году британский учёный Тим Бернерс-Ли разработал первую спецификацию языка HTML, которая позволяла создавать документы для отображения на различных устройствах, людям не обладающим навыками вёрстки. Теперь язык HTML является стандартом в области создания веб-страниц.

Язык HTML

Аббревиатура HTML расшифровывается как HyperTextMarkupLanguage. То есть HTML – это язык гипертекстовой разметки размещенных в интернете документов. Благодаря его использованию браузеры получают информацию о том, как отображать различные элементы веб-страниц. Некоторые пользователи путают хтмл с языками программирования, однако с его помощью нельзя выполнить какие-либо действия – к примеру, открыть всплывающее окно. Это всего лишь разметка – подобная той, с которой сталкивался каждый пользователь программы MicrosoftWord. С ее помощью можно создавать таблицы, форматировать текст, добавлять ссылки на фотографии и т. д.

HTML-код состоит из тэгов – команд, с помощью которых и задается разметка. Каждый тэг заключается в угловые скобки и отвечает за определенную задачу. К примеру, с помощью тэга можно выделить текст жирным шрифтом, а команды

, и
позволяют начертить таблицу.

Написать сайт на html можно в самом простом текстовом редакторе, правильно расставив тэги и заменив расширение.txt на.html. Для пользователей, которые понятия не имеют, что такое HTML, было создано множество редакторов, делающих работу с кодом простой и наглядной. Самыми популярными программами являются FrontPage, Dreamweaver и HomeSite. Все они облегчают процесс создания сайтов, но засоряют коды страниц ненужными тэгами, увеличивая их объем. Поэтому многие даже начинающие сайтостроители предпочитают изучать язык гипертекстовой разметки и писать HTML-код вручную.

Что такое веб-страница

Типичная веб-страница – это документ в формате html , который открывается с помощью браузера и имеет уникальный адрес в сети интернет. Кроме текста, она может содержать:


  • картинки;
  • фотографии;
  • аудио- и видеофайлы;
  • таблицы;
  • списки;
  • ссылки на другие страницы.

Совокупность текстов и других информационных блоков страницы называется контентом. Его обязательными элементами также являются гиперссылки, нажимая на которые можно быстро перейти на другую страницу, скачать мультимедийный файл или программу.

Как правило, веб-страница состоит из:

  • «шапки», в которой расположена основная информация: название сайта, логотип, девиз, телефоны, форма поиска;
  • основного блока, где размещается контент страницы;
  • боковых колонок с длинными списками: пунктами меню, рубриками;
  • «подвала» с контактами, копирайтом, счетчиками посещений, отдельными пунктами меню.

Веб-страница может быть статической и динамической. Первые пишутся на языке HTML и лежат на серверах в неизменном виде. Динамические страницы не существуют, пока пользователь не пошлет запрос на их генерацию. Создаются они скриптами, которые пишутся кодерами на разных языках программирования. С помощью динамических веб-страниц очень удобно работать с новостными порталами, интернет-магазинами и другими ресурсами, которые наполнены часто меняющейся информацией.

Что такое сайт

Разобравшись с тем, что такое веб-страница, можно перейти к понятию веб-сайта. Сайт - это совокупность веб-страниц , объединенных общей темой и дизайном. Главная страница сайта содержит множество ссылок на внутренние информационные ресурсы, каждый из которых является отдельной веб-страницей. Сайт может состоять и из одной страницы, однако на ней обязательно будут ссылки на другие ресурсы: видеофайлы, всплывающие окна, документы для скачивания.

Каждый сайт имеет свое доменное имя, которое вводится в адресную строку браузера. Оно гораздо короче и лаконичнее, чем адреса внутренних веб-страниц, поэтому запомнить его не составит труда. Некоторые сайты имеют 2 и более адреса, которые ведут к одному и тому же ресурсу. Так часто поступают компании, которым нужно, чтобы клиенты могли найти их сайт, введя название фирмы как на латинице, так и на кириллице. В зависимости от объема и характера контента, сайты делятся на 3 типа.

Здравствуйте, уважаемые читатели блога. С этой статьи мы начнем изучать основы языка HTML.

Вам скорей всего уже известно, что основным языком Internet-а является язык гипертекстовой разметки HTML (HyperText Markup Language) . В этой статье мы узнаем базовые понятия HTML и научимся создавать простейшие WEB-страницы.

Начнем с самого главного, рассмотрим как работает сама всемирная паутина — Internet . Для получения веб-страниц, вы создаете файлы, написанные на языке HTML, и помещаете их на веб-сервер. После этого любой браузер установленный на устройстве с доступом в Интернет, будь то компьютер, телефон или планшет, может отыскать ваши веб-страницы.

Веб-сервер — это обычный компьютер со специальным программным обеспечением, имеющий доступ в Интернет. Он непрерывно ожидает запросов от браузеров на веб-страницы, изображения, аудио- и видео-файлы. Получив запрос на один из таких ресурсов, сервер ищет его и высылает браузеру.

Браузер — это специальная программа, предназначенная для просмотра веб-сайтов, например Internet Explorer. При помощи браузера вы бродите по сайтам, щелкая по ссылкам. Любой такой щелчок заставляет браузер сделать запрос на html-страницу web-серверу, получить ответ и отобразить страницу в своем окне. Именно при отображении страницы начинает работать язык HTML, он сообщает браузеру все о структуре и содержимом web-страницы. С помощью команд — тегов , HTML указывает браузеру, где начинаются абзацы текста, какая часть текста является заголовком и указывает куда вставлять таблицы, и даже картинки. А теги это слова в угловых скобках, например

,

, .

Срочно нужен интернет-магазин, а времени на изучение HTML, CSS, PHP и других технологий нет. Тогда просто можете арендовать интернет магазин с полностью реализованным функционалом и оптимизацией под поисковые системы.

Язык HTML и его теги

Первая версия языка HTML появилась еще в 1992 году. На момент 2013 года разрабатывается спецификация новой версии HTML под номером 5. Разработкой данной спецификации занимается организация World Wide Web Consortium, или сокращенно W3C. Организация W3C занимается разработкой и других Web-стандартов. Ознакомится с этими стандартами вы можете на их сайте www.w3.org . Кстати, Многие Web-браузеры уже поддерживают некоторые возможности HTML 5.

Предлагаю начать изучение языка HTML сразу с примера. Поэтому давайте создадим нашу первую Web-страничку. Для создания WEB-страниц подойдет любой текстовый редактор. Я предлагаю для начала воспользоваться встроенным в Windows Блокнотом (Notepad) (вообще в дальнейшем для редактирования html-кода я советую использовать ). Найти его можно: «Пуск->Все программы->Стандартные->Блокнот». Давайте создадим страничку об автомобилях. Итак, откроем Блокнот и наберем в нем текст:





Пример Web-страницы


Сайт об автомобилях.


Добро пожаловать на наш автомобильный сайт. Здесь Вы найдете много интересных и полезных статей об автомобилях. На сайте есть описания многих импортных и отечественных автомобилей.



Далее сохраним созданную web-страницу в файл с именем index.html. При этом в диалоговом окне сохранения файла необходимо задать кодировку UTF-8 и заключить имя файла в кавычки, иначе Блокнот добавит к нему расширение txt, и наш файл получит имя index.htm.txt:

Теперь осталось открыть созданный файл в браузере и посмотреть на результат. Для этого можно воспользоваться поставляемым в составе Windows браузером Microsoft Internet Explorer, либо любым другим установленным на вашем компьютере браузером, щелкнув два раза мышкой по файлу index.html или перетаскиванием файла на значок браузера. Открываем и видим примерно такой результат:

Таким образом, мы создали Web-страницу в Блокноте, хоть и немного невзрачную, но уже содержащую большой заголовок и абзац текста, который автоматически разбивается на строки и содержит фрагмент, выделенный полужирным шрифтом.

Что такое тег?

Теперь поговорим подробнее о структуре страницы. Рассмотрим фрагмент:

Сайт об автомобилях

. Здесь мы видим текст, который отображается на странице как заголовок, заключенный в теги

и

. Что же такое тег в html языке?

Тег HTML - это обычные слова и символы, заключенные в угловые скобки, например

,

, . Так тег

является открывающим тегом, тег

закрывающим тегом, а текст между ними называется содержимым тега. Также тег

и тег

называются парными тегами. Вместе открывающий тег плюс содержимое плюс закрывающий тег образуют элемент html-документа. Бывают еще элементы состоящие из одного открывающего тега:

Так парный тег

определяет элемент заголовка первого уровня. Всего существует шесть уровней заголовков, это элементы

.

Элементы бывают блочные и строчные (текстовые). Блочные элементы осуществляют структурное форматирование страницы. Блочные элементы всегда отображаются на странице с новой строки и имеют отступ от соседних элементов. Строчные элементы осуществляют непосредственное форматирование текста или логическое форматирование. Элемент

является блочным элементом.

На этом у меня все!!! До встречи в следующих постах!

Веб-сайт, часто называют сокращённо сайт - это не что иное, как совокупность логически связанных между собой веб-страниц, или просто одна страница. Страницы сайта доступны в Интернете средствами протоколов HTTP или HTTPS. Веб-сайт имеет своё место в интернете, определяемое персональным для каждого сайта адресом, который принято называть URL. Любой веб-сайт имеет своего владельца, владельцем может быть как физическое, так и юридическое лицо.

Веб-сайт состоит из страниц

Веб-сайт состоит из страниц, объединённых общим корневым URL и, как правило, общей логической структурой, темой, оформлением (дизайном) и техническим устройством. В свою очередь Всемирная паутина это не, что иное, как совокупность всех веб-сайтов. Веб-страницы представляют собой текстовые файлы, написанные на языке гипертекстовой разметки HTML или XHTML.

При просмотре веб-страницы, в специальной программе, которую называют браузером, HTML файлы загружаются на компьютер пользователя. После загрузки браузер выводит веб-страницы на экран пользователя. В качестве аппаратного средства для выхода в интернет с целью обзора содержимого веб-страниц могут использоваться различные устройства: персональный компьютер, КПК, некоторые модели игровых приставок и другие устройства, все эти устройства поддерживают стандарты языка HTML / XHTML и веб-страницы на них отображаются одинаково.

Язык HTML / XHTML даёт возможность форматировать страницы, помещать на них текст, гиперссылки, таблицы, картинки и другие объекты. Таблица стилей CSS, которую можно использовать в HTML документах даёт дополнительные возможности для создания внешнего вида веб-страниц.

JavaScript и некоторые другие скриптовые языки

На веб-страницах так же можно использовать JavaScript и некоторые другие скриптовые языки поддерживаемые браузером, да придание интерактивности веб-документу. Для связи между веб-страницами внутри сайта и связи между разными веб-сайтами Всемирной паутины используются гипертекстовые-ссылки или сокращённо гипер-ссылки. Если гипер-ссылка используется для связи страниц внутри сайта, её называют внутренней, а если она связывает разные сайты, её называют внешней.

Страницы сайта

Страницы на сайте могут быть статичными, то есть они хранятся на веб-сервере виде неизменяемых файлов, а могут быть динамическими, то есть генерироваться прямо на сервере специальной программой, которую ещё называют движок сайта. Движок сайта может предоставлять большой набор возможностей, для изменения содержимого веб-страниц, добавления новые веб-страниц и осуществления других действий по конфигурированию веб-сайта и редактированию информации на нём через веб-интерфейс администрирования, который называют системой управления сайтом или CMS.

Создание веб-сайта - это трудоёмкий процесс, объединяющий труд разных специалистов: веб-дизайнеров, программистов, HTML верстальщиков, оптимизаторов, менеджером, журналистов для наполнения сайта информацией и т.д. Время и стоимость создания сайта зависит от степени сложности проекта, его структуры и качества дизайна.

Немного из истории развития веб-сайтов

Первый в мире сайт был создан 6 августа 1991 г. Американцем Тимом Бернерс-Ли он разместил на сайте публикацию о технологии World Wide Web. Основой технологии World Wide Web является протокол передачи данных HTTP, язык гипертекстовой разметки HTML и система адресации URL. На сайте также были описаны и другие основные принципы работы сети Интернет, такие как работа серверов, веб-браузеров и т.д. Сайт, созданный Тимом Бернерс-Ли, так же стал первым мире Интернет каталогом, т.к. на нём позже были размещены ссылки и на другие ресурсы тогдашнего Интернета.

Необходимые инструменты для работы сайта были подготовлены ещё раньше, в конце 1990 появился первый браузер, который получил название WorldWideWeb, он дополнительно включал функцию гипертекстового редактора. Тим Бернерс-Ли также подготовил первый веб-сервер на базе NeXTcube.

Статьи по теме: