Синтаксис языка НТМ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 и другими методами.

Структура HTML-документа. Содержание в области HEAD. Содержание в области BODY.

Документ HTML является блочным документом и сам состоит из блоков. Два основных блока – это HEAD (определяет свойства документа) и BODY (определяет тело документа). Каждый из них включает другие блоки. HTML-документ состоит из стандартных элементов разметки: заголовки, списки, таблицы, параграфы и т.д., которые разделены на два типа: строчные и блочные. К блочным относятся параграф, список, таблица. К строчным относятся начертание, текст гипертекстовых ссылок.

Любая web-страница должна содержать в себе типичные элементы, которые не зависят от вида и тематики сайта, и описывают структуру документа:

HTML> начало HTML документа
<HEAD> начало заголовочной части
<TITLE>...</TITLE> название страницы
<HEAD> конец заголовочной части
<BODY BGCOLOR=white> начало тела документа
... тело документа
</BODY> конец тела документа
</HTML> конец HTML документа