Web — сайт – это набор Web-страниц связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д.
Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом — Content Management Systems).
Типы сайтов
В зависимости от технологии создания можно выделить следующие типы сайтов:
Изучение WordPress с нуля за час! Создание веб-сайта на основе ВордПресс
1. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы — это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение.html или.htm) и хранятся в готовом виде в файловой системе сервера.
2. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
3. Flash-сайты – это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
Современные веб-сайты строятся с использованием множество технологий. В то время как вы не являетесь экспертом в этой области для управления веб-сайт проекта должным образом, надо ознакомиться с основами имеющихся технологий, их плюсы и минусы, чтобы понять долгосрочное воздействие, которое они будет иметь на вашем сайте.
Для принятия решения, какая технология подходит для вашего веб-сайта, крайне важно, понять все строительные блоки веб-сайта. В ниже указанных материалах мы рассмотрим современный веб-сайт, как торт, который имеет несколько слоев. Каждый слой представляет собой определенную технологию. Каждый «технологический уровень» имеет свою функцию и назначение.
Если выберите их грамотно и с умом у вас получится вкусный торт. Если нет, то ваш продукт будет несъедобным. Ниже приведены некоторые из «слоев» (Рисунок 1):
Рисунок 1. Пример веб стека
Изучение Python Django в одном видео / Создание сайта на Джанго за час!
Веб стек. Стек представляет собой комбинацию технологии или компонентов, необходимых для доставки полностью функционирующего веб-сайта.
Технология клиентская сторона (на стороне клиента). На стороне клиента означает, что когда вы переходите на сайт, ваш браузер загружает HTML, CSS и JavaScript. В этот момент ваш браузер предоставляет (или обрабатывает) HTML и CSS и выполняет (или запускает) JavaScript. Это происходит на вашем компьютере, поэтому, эти технологии называются «на стороне клиента».
II. Язык программирования. Остальные технологические слои, которые составляют сайт являются на стороне сервера, а это означает, что они находяться и работают на сервере. С целью программирования бизнес-логики или пользовательских функций на сайте, веб-разработчики используют языки программирования. Есть много языки программирования, но наиболее распространенными из них являются «первая четверка»: PHP, ASP.NET, Java и Ruby. Возможно, вы слышали о менее распространенных или более старых языков, таких как Perl, ColdFusion, C / C ++ или Python
Какой язык программирования должен использовать веб-разработчик для сайта? Это на усмотрение веб-разработчика. Чтобы дать представление о том, какой язык более востребован ниже приводится разбивка языков программирования в каких популярных сайтов они используются:
| PHP | Facebook, Yahoo, Google, Wikipedia, WordPress |
| ASP.NET | Live, MSN.com, Bing |
| Java | Amazon, eBay, LinkedIn, YouTube |
| Ruby |
IV. Веб-сервер программного обеспечения. Веб-сервер термин может относиться к любому аппаратному обеспечению (физический компьютер) или программному обеспечению (компьютер приложения), который помогает доставить веб-сайт для конечного пользователя.
Так как говорится о слоях технологии сайта, имеется в виду программное обеспечение на сервере, с помощью которого сайт работает. Веб — сервер представляет собой слой между операционной системой и остальной частью сайта. Выбор, как правило, зависит от того, какие технологии вы используете, и где будет хостинг вашего сайта. Два веб-серверов, которые доминируют ландшафт Интернета: Apache (Linux) и IIS (Microsoft).
V. Операционная система. В то время как Linux по своей природе является открытым исходным кодом (бесплатно) Операционной системой, она доступна в сотни различных вкусов и дистрибутивов (Ubuntu, Red Hat, CentOS, SuSE, Debian, Fedora) каждый поддерживаемых различными группами и организациями, в том числе распределения и дополнения, которые не могут быть свободными.
Windows Server является продуктом Microsoft, который требует наличия лицензии. Нижний (фундамент) слой сайта, что в конечном счете «делает всю работу» является операционная система работающей на физическом сервере компьютера. Для большинства сайтов есть две базовые операционные системы: Linux и Microsoft Windows.
СОЗДАНИЕ ВЕБ СТРАНИЦЫ
HTML (HyperText Markup Language) — это специальный язык форматирования текстовых документов (его еще называют языком разметки документов — программа просмотра WWW документов). HTML представляет собой достаточно простой набор команд, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу отдельно подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.
HTML не задает конкретные и точные атрибуты форматирования документа, как, например, Microsoft Word. Конкретный вид документа окончательно определяет только программа- браузер на Вашем компьютере. Необходимость именно такого подхода связана с разнородностью аппаратного и программного обеспечения компьютеров, подключенных к Интернет. HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы- скрипты на языках Javascript и Visual Basic Script и программы- апплеты на языке Java.
С точки зрения пользователя Windows, Web-страница – это просто файл типа *.htm или *.html, находящийся на сервере Интернет, в локальной сети или на жестком диске Вашей машины.
Запомните, что HTML не является языком программирования, он предназначен только для разметки документов. Т.е. по сути, создавая HTML страницу, вы просто редактируете текст при помощи тегов примерно так же, как и в обычном текстовом редакторе. Каждый тег имеет свое свойство, но все они заключаются между угловыми скобками «», например, , .
Все теги в HTML делятся на два типа – это парные и непарные. Парными считаются те, у которых открывающийся тег требует наличия закрывающегося тега. Закрывающиеся теги в html обозначаются слешем и пишутся так . Непарные же теги не требуют закрывающегося тега. Примером таких тегов являет тег переноса на следующую строку
. Так же существуют теги обязательные, которые должны обязательно использоваться на всех страницах, и необязательные, которые используются пожеланию.
Структура html-документа состоит из трех пар тегов:
Теги являются контейнером для всех остальных, т.е в них помещаются все остальные. Таким образом, ваш документ должен начинаться с тега , а заканчиваться тегом . Сам документ условно разделен на две части — заголовок документа (теги ) и тело документа (теги ).
Источник: infopedia.su
Урок 5
Всемирная паутина как информационное хранилище
Свободный доступ к информации, невзирая на границы и расстояния, стал возможен благодаря World Wide Web (WWW, Web) — всемирному хранилищу информации, существующему на технической базе сети Интернет. Скорее всего, вы уже имеете опыт работы с WWW.
WWW, или Всемирная паутина:
• представляет собой множество информационных ресурсов, организованных в единое целое;
• объединяет многочисленные ресурсы, размещённые в компьютерах по всему миру;
• организована так, что в ней информационные ресурсы представлены не в линейной последовательности, а снабжены ссылками (гиперссылками), явно указывающими возможные переходы, связи между ресурсами.
Всемирная паутина — это мощнейшее информационное хранилище; содержащийся в ней объём информации не поддаётся точному измерению. WWW содержит информацию самого разного характера; там можно найти:
• самые свежие новости — политические, экономические, культурные, спортивные;
• научную, техническую, образовательную и справочную информацию абсолютно любого рода;
• рекламу разнообразных товаров и услуг;
• ресурсы для досуга и развлечений — книги, музыку, фильмы, игры и многое другое.
Любой человек, имеющий доступ к Интернету, может разместить в сети свою информацию. К этой информации будет иметь доступ весь мир.
Информация в WWW организована в виде страниц (web-страниц). В свою очередь, страницы могут объединяться в более крупные составляющие — сайты (англ. site — место, участок).
Web-сайт — это несколько web-страниц, связанных между собой по содержанию. Сайты есть у государственных структур, общественных организаций, предприятий, фирм и компаний, музеев и библиотек, газет, образовательных учреждений, в том числе у многих школ.
Каждый сайт и каждая страница имеют свой адрес, по которому к ним можно обратиться. Web-сайты сильно отличаются друг от друга по оформлению, но чаще всего они имеют похожую структуру. Каждый web-сайт имеет главную страницу, которая аналогична странице с оглавлением в книге.
В текстах, размещённых на страницах сайтов, могут быть выделены некоторые слова — гиперссылки, от которых идут гиперсвязи. Они выделяются цветом или подчёркиванием. Щёлкнув мышью на таком слове, мы переходим к просмотру другого документа, причём этот документ может находиться на другом компьютере, в другой стране, на другом континенте. В качестве гиперссылок может использоваться не только текст, но и любое графическое изображение. Такую организацию информации называют гипертекстом.
Перемещаться пользователю по «паутине» помогают специальные программы (web-браузеры, англ. browse — осматривать, изучать, рис. 1.3).
На первый взгляд Всемирную паутину можно представить как библиотеку, книги в которой расположены без видимого порядка: нет ни единой системы каталогов, ни библиотекарей. При этом посетители «библиотеки» по собственному усмотрению добавляют новые тома или безвозвратно их забирают. Для того чтобы извлечь полезную информацию из Всемирной паутины, нужно знать, где и как вести поиск, нужен опыт поисковой работы.
Поиск нужного документа в WWW происходит с помощью браузера разными способами:
• путём указания адреса документа;
• путём перемещения по паутине гиперсвязей;
• путём использования поисковых систем.
Следующая страница 1.3.2. Поисковые системы
Источник: xn—-7sbbfb7a7aej.xn--p1ai
Что такое веб-сайт и как он устроен?
Здравствуйте, я будущая мама и меня заинтересовала работа на дому для мам в декрете. В интернете прочитала информацию, что существует заработок на сайтах и прочих веб-ресурсах, скажите, что такое сайт и как он устроен? Малисова Елена, г. Екатеринбург
Кстати, а вы видели сколько уже стоит доллар? Начните зарабатывать на разнице курсов валют здесь! или на криптовалютах (биткоине) тут!
Интернет ресурс представляет собой структурированный объем информации, несущий определенный функционал и имеющий обязательные составляющие – адрес, доменное имя и систему управления контентом (CSM). Для неподготовленного человека определение, мягко говоря, непонятное. И тут стоит перейти к языку аналогий.
Представим, что вся сеть Интернет – это большая библиотека, а каждый сайт – отдельная книга. Любая книга имеет свой уникальный номер в каталоге библиотеки. Так же и ресурс можно найти по уникальному url (унифицированный индикатор ресурса). Он состоит из двух частей – имя и домен.
Имена для порталов в большинстве случаев дают их владельцы, и в этом случае стоит умело совмещать фантазию и практичность. Оно должно в общей мере отображать направленность ресурса. Например , для сайта крупной торговой компании некорректно применение жаргонизмов и неделового стиля – prodambarahlo или sudapokupai . После названия следует точка и имя домена.
Домен для ресурса определяет его географическую или тематическую принадлежность. Международная система DNS (система доменных имен) закрепило для каждой страны 2-х, 3-х буквенное обозначение. И теперь, открывая сайт, с доменом .ru каждый пользователь знает, что данный ресурс относится к России.
Ниже приведена таблица наиболее часто встречаемых доменов:
| Страна | Домен |
| Россия | ru |
| США | us |
| Германия | de |
| Англия | uk |
| Украина | ua |
Хранилища веб-ресурсов (сайтов, порталов и пр.)
Итак, с названием уже имеется некоторая ясность. И теперь несложно будет ответить, что такое сайт. А где же хранится вся информация портала? Для такого объема и круглосуточного доступа домашний компьютер явно не подойдет.
Возвращаясь к библиотеке, можно вспомнить, что все книги там находятся в хранилище. Такая же система свойственная и для Интернет ресурсов. URL указывает путь к хранилищу ресурса – хостингу.
Каждый web-сайт находится на сервере (хостинге), обеспечивающий его круглосуточную работу и доступность для всех пользователей. В связи с большой стоимостью подобных серверов и сложностью их обслуживания, появилось множество фирм, предоставляющих услуги по аренде дискового пространства.
О том, как создать сайт самому, какие виды сайтов и CMS существуют, как продвигать их и так далее, мы подробно описали в статье по ссылке.
Интернет-браузеры
Браузер или web-обозреватель является личным библиотекарем, который, имея адрес сайта, найдет к нему путь и покажет на экране. Это специальная программа для просмотра web-сайта, загрузки его страниц и возможной последующей их обработке.
Среди всего многообразия стоит выделить самые популярные по количеству пользователей:
| Название | Кол-во пользователей, млн. |
| Chrome | 3500 |
| Internet Explorer | 3400 |
| Firefox | 3100 |
| Opera | 1600 |
Итак, зная, как найти Интернет площадку, что означает его имя и где он находится, можно перейти к самому интересному — рассказать, что такое сайт и из чего он состоит.
Структура веб-сайта
Сайты создаются с помощью html кодов – команд, которые определяют все параметры ресурса. Написать более-менее серьезный web-сайт или создать интернет магазин, прописывая вручную каждую команду на html практически невозможно .
В помощь приходят специальные программы CMS (системы управления контентом).
Контент – это содержимое сайта, которое видит пользователь. Как правило , контент пишет копирайтер или рерайтер.
Данные системы позволяют редактировать, добавлять или убирать информацию с сайта, используя удобный интерфейс. Зачастую такими системами пользуются администраторы ресурсов, чтобы провести оперативные изменения в структуре портала.
Итак, отвечая на вопрос – что такое сайт, можно сказать: определенная совокупность данных (страниц), хранящаяся на дисковом пространстве (сервере) и имеющий уникальный адрес (имя и домен), может смело называться Интернет-ресурсом.
Елена, раз Вас интересует вопрос подработки, то рекомендуем также прочитать статью про заработок в интернете, где описаны, практически все способы заработка в интернете.
Алексенко Сергей
Автор статьи: Алексенко Сергей —
Специалист по финансам (рубрика «Финансы», «Вопросы специалисту»). Отвечает на вопросы и публикует ответы на самые интересные из них.
Инвестор, развивает свой онлайн-бизнес и является профессиональным коучером. Много путешествует, создав свой источник пассивного дохода. Познакомиться с нами можно по ссылке — «Команда сайта».
Источник: richpro.ru