HTML пример. Типы сайтов в интернете 4 Какие бывают сайты 4

Название	Типы сайтов в интернете 4 Какие бывают сайты 4
Дата	25.05.2022
Размер	2.14 Mb.
Формат файла
Имя файла	HTML пример.docx
Тип	Реферат #549795

Содержание

Содержание 1

Введение 2

Глава 1. Типы сайтов в интернете 4

1.1.Какие бывают сайты 4

1.2 Сайт визитка 4

1.3 Корпоративный сайт 5

1.4 Портал 6

1.5 Сайт сервис 7

1.6 Сайт каталог 8

1.7 Интернет магазин 8

1.8 Интернет магазин 10

1.9 Промо-сайты 11

1.10 Социальные сети 11

1.11 Форум 12

Глава 2. Основы HTML 13

2.1 Основные понятия языка HTML 13

2.3. Списки базовых тэгов HTML 18

2.5. Гипертекстовые ссылки. 23

Глава 3. Разработка сайта для города Дербент 25

Заключение. 36

Приложение 37

Список используемой литературы 50

Введение

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

Целью моей работы было научиться создавать сайт и использовать для этого необходимые алгоритмы, которые будут описаны в моей работе. Мой курсовый проект посвящен сайту, который я создавал, во время выполнения курсового проекта.

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

XXI век – век технологий, именно в этом веке Интернет стал неотъемлемой частью нашей жизни. Интернет развивается очень быстро. Все данные в Web-браузере отображаются в виде Веь-страниц, являющихся основным элементом Веб. World Wide Web - глобальный интернет, в котором содержится множество сайтов, на которых размещена различная информации. Для создания страницы необходимо обладать знаниями языков для написания серверных скриптов, таких как PHP,Python, NodeJS, XMLS, ASP, Perl, для того, чтобы страница была более динамичной используются скрипты VBScript и JS, они помогают производить вычисления, как например работа с датой и временем.

В первую очередь нужно научиться создавать простые страницы с помощью HTML. Если вы думаете, что это не нужно, то не стоит так думать. Язык HTML давно уже не является просто языком программирования. Изучающий этот язык человек может делать сложные вещи простыми способами, главное – быстро. В гипертекст включается мультимедиа, обычные документы и другие мультимедийные материалы. Язык HTML сейчас используется по всему миру. В нем можно создавать «заготовки» будущей странички, а уже потом с помощью скриптов. В процессе создания страниц необходимо уметь пользоваться языком HTML.

Глава 1. Типы сайтов в интернете

Какие бывают сайты

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

1.2 Сайт визитка

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

Сайт-визитка - это что? И это просто немного страниц: информация о фирме и ее продукции, контактные информация, обратная связь. Ну можно будет еще добавить немного разделов типа Акции, Новости, а также другие. Данная информация - статична, на сайте нет активного взаимодействия пользователя со страницами сайта. Прямо с клиентом взаимодействует только форма обратной связи для отправки email прямо с сайта.

Что же это за преимущества такие?

• Невысокая себестоимость создания и обслуживания.

• Быстрая разработка такого сайта.

• Возможна модернизация до более продвинутых видов сайтов

Недостатки:

• Невозможное продвижение сайта в силу малого объема содержания.

• Простой дизайн

• Клиент не задерживается: пришел - посмотрел - ушел.

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

1.3 Корпоративный сайт

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

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

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

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

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

Что же это за преимущества такие?

• Это место, где можно обрести всю информацию о компании, товарах и услугах.

• Огромное количество взаправду полезных и истинно нужных материалов для пользователей.

• Впрямь разнообразные сервисы помощи для выбора товаров и услуг - калькуляторы и тому подобное.

• Возможность общения сотрудников организации между собой через несказанно внутренние сервисы.

• Привлечение клиентов за счет клиенто-ориентированности.

Никаких минусов у корпоративного типа сайта не наблюдается. Он прекрасно работает на привлечение новых клиентов.

1.4 Портал

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

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

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

1.5 Сайт сервис

Сайт-сервис - сосредоточен на решении одной или нескольких однотипных проблем клиента.

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

Эти так же облачные хостинги ( Dropbox, Яндекс.Диск, Google Drive, Mega), видеохостинг (Youtube, RuTube, TikTok, Twitch), весьма разнообразные сервисы для онлайн-конвертации файла и т.д. - являются несказанно ярким примером хорошего и полезного сервиса.

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

1.6 Сайт каталог

Сайт-каталог — Под каталогом понимается сайт с витриной из товаров, но без возможности добавить их в корзину и оформить заказ. Покупка товаров из каталога производится через e-mail, телефон или другие способы связи с владельцем ресурса.

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

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

1.7 Интернет магазин

Интернет-магазин - это самый очень знатный способ коммерческой деятельности в интернете. С каждым годом объемы Интернет-торговли растут все больше и больше - в России весьма настоящий рост будет длиться еще продолжительно. В настоящее время, в действительности, лучший период для того, чтобы заказать свой интернет- магазин!

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

Что же это за преимущества такие?

• Товар на сайте можно купить за немного кликов мыши.

• Истинно просторный охват аудитории (нет географической привязанности).

• Потрясающе громадный ассортимент товаров на витрине.

• Доступность круглосуточная.

• Наличие возможности сравнения и оценки товаров.

• Невысокая цена за счет снижения издержек по сравнению с оффлайн магазином.

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

1.8 Интернет магазин

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

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

Что такое, лендинг-пэйдж?

В первую очередь это простота и удобство в использовании. Благодаря своей легкости лендинг бегло загружается и не требует дополнительных запросов.

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

В настоящее время наблюдается расцвет лендингов. Как правило, поэтому в этом заключается ее преимущество.

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

Как правило, в отличие от более гигантский витрины интернет-магазина посетители лэндинга видят только что-то одно. Если у вас появится, второстепенный (третиий, десятый, тысячный) продукт/услуга, то выхода тут только два. Действительно последующий - опять варганить действительно свежий лэндинг. Вторым - создать интернет-магазин, где будет, в действительности, гигантский ассортимент товаров.

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

1.9 Промо-сайты

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

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

1.10 Социальные сети

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

Удивительно социальные сети могут находиться как для широкого круга пользователей(Вконтакте, Одноклассники, FaceBook, Twitter, Telegram), так и узконаправочные, в которых объединяются люди по различными интересами, возможностями, целями (Links, Pinterest).

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

1.11 Форум

А форум - это место для общения. Форумы могут быть отдельными сайтами или частью главного. Зачастую форумы создаются под определенные темы (скажем, форумы веб-мастера, форум любителей охоты и рыбалки).

Бизнес-площадка для общения с клиентами.

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

Глава 2. Основы HTML

2.1 Основные понятия языка HTML

HTML (от англ. HyperText Markup Language — «язык разметки гипертекстов») — шаблонный язык разметки документов во Всемирной сети. С помощью языка HTML (или XHTML) формируются большинство web-страниц. Язык , который интерпретируется браузером и отображает его в виде документа, в удобной для пользователя форме.

Язык HTML был разработан британским ученым Тимом Бернерсом-Ли примерно в 1992 году в стенах европейского совета по ядерным исследованиям в Швейцарии.

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

Дескрипторы также зачастую называют «тегами». Благодаря HTML можно просто создать условно простой, однако прекрасный и уникальный сайт. Для облегчения структуры документа, в HTML внесены дополнительные возможности гипертекста.

Добавление Аудио и видео в HTML ввели позже. Изначально язык HTML был задуман и создан для того, дабы исправлять и структурировать документы без их привязки к средствам воспроизведению (отображения).

Поидее, контент в формате HTML должен был без стилистических и функциональных искажений отображаться на оборудовании с различной технической оснащённостью (цветной дисплей современного компьютера, одноцветный монитор органайзера, на мобильном телефоне или устройства и программы голосовой записи текстов). Но современные методы использования HTML отдаленны от его первоначальной задачи.

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

Текстовые документы, хранящие код на языке HTML (такие документы обычно имеют расширение . html либо . htm), обрабатываются особенными приложениями, отображая документ в его форматированной форме.

Приложения подобного типа называются "браузерами" либо "интернет-обозревателями", они обычно предоставляют юзеру годный интерфейс для запроса веб-страниц, их просмотра (в том числе и вывода на другие внешние устройства) и, при необходимости, отправки введенных юзером данных на сервер. Преимущественно известными на сегодняшний день браузерными програмками являются Internet Explorer, Mazilla Firefox, Safario, Google Chrome, Opera, Opera GX, Yandex Browser, Bravo и Microsoft Edge.

2.2 Структура файла в формате HTML

Для создания web-страницы необходимо поначалу создать документ с расширением "html" и открыть редактор в текстовом редакторе (я работаю в WebStorm, можно использовать стандартную программку "Блокнот", которая уже есть в вашей операционной системе).

Текст для HTML-документа необходимо набирать в том виде, в котором его покажет браузер, а при выделении фрагментов, которые предназначены для разметки документа (тегов), применяются угловые скобки (знаки "<", ">").

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

Часть документа, которая располагаться в пределах между открывающим и соответствующим ему закрывающим тегом, называется контейнером (to contain — содержать что-либо). Парные теги – это теги, у которых имеется закрывающий иоткрывающий вид записи; те теги, которые применяются лишь в одном варианте (например, тег
), называются непарными. Все содержимое файла web-страницы – это в сущности один большой контейнер HTML.

После чего в контейнер HTML поочередно заносится два контейнера:

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

2. Остова документа () (Так же известное как Тело документа). Этот контейнер заключает весь контент, что должен проявить интернет-браузер в своем окне при открытии документа. Если в документе нет ни одного слова, то браузер ничего не покажет. Документ, в котором находится элемент BODY, должен быть представлен в нем не более одного раза.

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

В основе синтаксиса языка HTML лежит стандарт ISO 8879: 1986 "Information processing. Systems, text and office. SGML – стандарт языка для написания кодов. В жизни же есть расхождение посреди стандартом официальным и стандартом реальным.

А ниже представлен шаблон обыкновенного веб-документа. Мы разберем основные принципы концепции HTML-страниц.

Дабы понять структуру Web-страницы, мы должны досконально рассмотреть все элементы, которые входят в приведенный ниже пример.

Тело нынешной страницы.

background: rgba(0, 0, 0, 0.7) url('http://derbent.ru/bitrix/templates/color_derbent/img/fortress-bg.jpg') no-repeat;

background-size: 100%;">

Дербент

Город на юге России в Республике Дагестан, расположен в 121 километре к юго-востоку

от Махачкалы, на берегу Каспийского моря, в отрогах Табасаранских гор Большого Кавказа