19. Синтаксис языка нтмl. Тэг. Стандартное построение контейнера.

HTML-документ можно создавать в любом текстовом редакторе, хоть Блокноте,

Web-страница имеет две «стороны»: одна – внешняя, которую видят пользователи, другая – HTML-код, с помощью которого формируется эта web-страница.

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

Тег (дискриптор) – инструкция языка HTML. Тег может быть открывающий (<тег>) и закрывающий (</тег>), причем открывающий может иметь атрибуты (параметры), влияющие на его поведение.

Контейнер (блок) – структура, состоящая из открывающего или открывающего и закрывающего тегов.

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

теги бывают двух видов:

• одиночные (одиночный тег используется самостоятельно)

• парные (парный тег может включать внутри себя другие теги или текст)

Теги заключены в угловые скобки.

Общий синтаксис написания тегов следующий:

< тег параметр1=занчение1параметр2=занчение2…> текст другие конструкции

</ тег>

< тег параметр1=занчение1…> текст другие конструкции</ тег>

< тег параметр1=занчение1…> текст другие конструкции

20. Этапы проектирования веб-сайта.

1 этап — определение целей создания сайта.

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

2 этап — проведение исследований по теме

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

3 этап — определение типа сайта, разработка ТЗ и структуры

Этот этап делится на несколько подэтапов:

1. Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.

2. Разработка предварительного макета дизайна главной страницы.

3. Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.

4. Разработка внутренних страниц по аналогичному алгоритму.

В макете должны быть прорисованы все блоки, которые будут на сайте. Если к моменту разработки дизайна текстовые и графические материалы ещё не готовы, можно использовать «рыбу», но нельзя оставлять в макете «пустые» места.

5 этап — HTML-CSS вёрстка

В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

• Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).

• Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.

• Быстрота обработки кода браузером

• Валидность — соответствие стандартам

• Семантическая корректность — логичное и правильное использование элементов HTML

6 этап — программирование и установка на CMS

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

7 этап — заполнение сайта контентом (информацией)

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

8 этап — тестирование сайта и исправление ошибок

Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.

9 этап — публикация сайта в интернете

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

10 этап — продвижение сайта и реклама в интернете

Когда сайт полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.