Что такое веб-страница: ее состав, как создать и сохранить. Что такое веб страница
Что такое web страница ? Это документ, написанный на языке разметки гипертекста (HTML ), который можно просмотреть с помощью браузера. Доступ к веб-странице осуществляется путем ввода URL-адреса .
Веб-страница может содержать текст, графику и гиперссылки на другие страницы и файлы.
Как открыть веб-страницу
Для просмотра веб-страницы требуется браузер (например, Internet Explorer , Edge , Safari , Firefox или Chrome ). В браузере можно открыть веб-страницу, указав в адресной строке URL-адрес . Например, введя «https://www.computerhope.com/esd.htm », вы откроете страницу ESD Computer Hope .
Если вы не знаете URL-адреса сайта, который хотите посетить, можно использовать поисковую систему, чтобы найти веб-страницу или воспользоваться поиском по сайту.
Когда была создана первая веб-страница?
Первая веб-страница была создана в CERN Тимом Бернерсом-Ли 6 августа 1991 года. Перед тем, вы можете посетить и просмотреть первый сайт и первую веб-страницу по адресу http://info.cern.ch/ .
В чем разница между сайтом и веб-страницей?
Сайт — это место, содержащее более одной веб-страницы. Например, наш ресурс является сайтом, который включает в себя тысячи различных веб-страниц, включая ту, которую вы сейчас читаете:
В приведенном выше примере URL-адреса «url.htm» — веб-страница, это всегда последняя часть URL-адреса . Для URL , которые не имеют окончаний .htm , .html , .php , .cgi , .pl или другого расширения файла, сервер загружает веб-страницу index.htm по умолчанию. Например, для URL-адреса страницы контактов нет веб-страницы. В этом случае загружается индексный файл по умолчанию из каталога /contact .
Примеры веб-страницы
Мы уже упоминали, что для просмотра web страниц используются браузеры. Веб-страница состоит из нескольких элементов, включая CSS , изображения и JavaScript . Тело веб-страницы создается с использованием HTML . Этот код может быть создан с использованием HTML-редактора, написан человеком или сгенерирован с использованием серверных скриптов. Обычно веб-страница, созданная человеком, заканчивается расширением .htm или .html . Например, эта страница имеет имя файла «webpage.htm ». Страницы, сгенерированные скриптом, могут заканчиваться на .cgi , .php , .pl и т.д.
Какие элементы содержит веб-страница?
Ниже приведена разбивка основных элементов, чтобы веб-дизайнеры могли понять, какова логическая структура web страницы
:
- Название сайта, логотип или название компании почти всегда находятся в верхнем левом углу каждой веб-страницы. Также неплохо использовать слоган или краткое описание страницы, чтобы дать новым посетителям представление о сайте. Этот элемент веб-страницы обычно является ссылкой, которая ведет на главную страницу;
- Панель поиска позволяет посетителям быстро найти веб-страницу. Она должна присутствовать на каждой странице;
- Панель или меню навигации обычно находится в верхней или левой части каждой веб-страницы. Она и должна включать в себя ссылки на каждый из основных разделов сайта;
- Рекламные баннеры могут отображаться в разных местах на веб-странице. Обычно они отображаются в верхней, левой, правой или нижней части веб-страницы или включены в основной контент;
- Социальные кнопки позволяют посетителям делиться ссылкой на веб-страницу на сайтах социальных сетей;
- В созданных web страницах хлебные крошки помогают посетителю понять, где он находится, а также перейти к другим разделам сайта;
- Заголовок должен находиться в верхней части каждой веб-страницы. Он создается с использованием HTML-тега
.
- Начальный абзац является одним из наиболее важных элементов веб-страницы. Он должен заинтересовать посетителя ознакомиться с содержимым веб-страницы. Один из способов привлечь внимание посетителей — вставить изображение рядом с начальным абзацем;
- Каждая веб-страница должна быть разбита на заголовки более низкого уровня, которые позволяют посетителю легко просматривать контент и находить на странице то, что ему наиболее интересно. При создании веб-страницы это можно сделать с помощью HTML-тегов
…
;
- Хорошая идея — предоставить посетителям ссылку или кнопку, перенаправляющую на форму обратной связи, чтобы они могли сообщить, была ли полезна им данная веб-страница или нет;
- Дополнительная информация и инструменты, такие как кнопка для вывода страницы на печать, также могут быть полезны для пользователей;
- Футер должен включать в себя дополнительную информацию, которая важна для компании или сайта. А также ссылки на другие веб-страницы;
- Копирайт и любое юридическое или конфиденциальное уведомление также должны быть размещены на всех веб-страницах. В основах проектирования web страниц этот элемент не только может ссылаться на соответствующую юридическую информацию. Он также указывает, что посетители достигли конца веб-страницы;
- Кнопка «Вверх страницы » может помочь посетителям быстро вернуться к верхней части веб-страницы, чтобы получить доступ к ссылкам меню.
Что пользователи могут сделать на веб-странице?
На большинстве веб-странице есть интересные гиперссылки, по которым вы переходите, чтобы найти дополнительную информацию. Также можно слушать музыку, смотреть видео, совершать покупки, общаться и многое другое.
Что такое 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 (HyperText Markup Language - «язык разметки гипертекста») и для файлов, в которых они хранятся, выделены htm и html. Создать такой файл вы можете в обычном текстовом редакторе - это будет первым шагом создания веб-страницы
. Откройте, например, стандартный Блокнот, и создайте пустой файл с именем index.html. Когда вы набираете адрес сайта, не указывая конкретную страницу
(например, ), первым делом ищет страницу
именно с таким названием - index. Инструкции языка HTML называют «тегами» и каждый из них заключен в такие скобки - <>. Некоторые из тегов - парные, то есть состоят из открывающего и закрывающего тегов, а между ними размещается информация. Например, тег, дающий браузеру , что ниже размещен код именно на языке HTML, так:Закрывающий тег, сообщающий, что в этом месте код HTML закончен, пишется так:Как видите, закрывающий тег отличается от открывающего наличием значка слэша после открывающей скобки (). Весь код, который вы поместите между тегами и , должен быть разбит на две части - заголовочную и тело документа. Открывающий и закрывающий теги заголовочной части пишутся так:,
и позволяют начертить таблицу.