Синтаксис и порядок написания в языке HTML

Введение

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

На протяжении 2 лет основной деятельностью компании TOO “Ervella” является создание сайтов, поддержка сайтов, их обслуживание и продвижение в сети Интернет.

TOO “Ervella” делает качественные, продуманные сайты, которые привлекают к услугам и товарам наших клиентов максимальное число посетителей. Задача — сделать так, чтобы бизнес клиента стал более успешным, а о бренде и компании клиента узнало как можно больше потенциальных клиентов. За 2 года работы разработано более 100 успешных проектов.

 

Объект - веб-сайт. Предмет – создание сайта на языке HTML.

Цель работы – получение практичеческих и теоретических навыков по созданию HTML страницы на специальной программе Web builder.

Была поставлена задача создать работающий сайт, и опубликовать на сервере.

Задачи:

- Ознакомиться с интерфейсом программы;

- Рассмотреть процесс создания сайта;

- Создать веб-сайт на основе шаблонов.

Производственная практика проходила с 18 мая 2015 г. По 4 июля 2015 г.

 

В приложении имеется скриншот сайта и листинг.

 

Теоретическая часть

 

Интерне в наши дни

 

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

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

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

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

Всемирная Паутина стала неотъемлемой частью современной жизни. Всё большая и большая часть услуг автоматизируется при помощи Интернета. Люди с большим удовольствием пользуются этими новинками, так как это очень удобно. Но, как известно, современные Остапы Бендеры не дремлют и изобретают новые способы обмана и мошенничества. Поэтому во Всемирной Сети, как и всюду, существуют свои правила безопасности. Соблюдайте их и окунайтесь в море Интернета, не боясь акул!

 

Информация о сайтах

 

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

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

 

Устройство

Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

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

 

О языке html

 

Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любом ПО для просмотра WEB –страниц.

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

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

HTML-тэги могут быть условно разделены на две категории:

1. Тэги, определяющие, как будет отображаться WEB-браузером тело документа в целом.

2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

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

 

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

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape, позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

 

Синтаксис и порядок написания в языке HTML

 

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа, регистр при вводе текста не важен:

<TITLE> Заголовок документа </TITLE> или <title> Заголовок документа </title>.

Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слешем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.

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

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

 

программирование сайт файл расширение

Практическая часть

Программа WordPress

WordPress — система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в качестве базы данных использует MySQL. Сфера применения — от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.