изучить:
клиентские технологий (HTML, CSS, JavaScript) и
серверные технологий (PHP, MySQL).
Что же можно создать с использованием изучаемых технологий?
Язык разметки HTML, позволяет задать местоположение элементов Web-страницы в окне Web-браузера. С помощью HTML можно отформатировать отдельные символы или целые фрагменты текста, вставить изображение, таблицу или форму, создать панель навигации с помощью карт-изображений, разделить окно Web-браузера на несколько областей, вставить гиперссылку и многое другое.

всех элементов Web-страницы. Это позволяет контролировать внешний вид Web-страницы в окне Web-браузера и приближает возможности Web-дизайна к настольным издательским системам.
У Web-страниц, созданных с использованием HTML и CSS, есть существенный недостаток — они являются статическими, то есть не могут меняться, реагируя на действия пользователя. Внедрение в HTML программ на языке JavaScript позволит "оживить" Web-страницу, сделать ее интерактивной, или, другими словами, заставить взаимодействовать с пользователем. С помощью JavaScript можно обрабатывать данные формы до отправки на сервер, получать информацию о Web-браузере пользователя и его мониторе и соответствующим образом изменять форматирование страницы, создавать новые окна, изменять любые элементы HTML-документа в ответ на какое-либо событие, создавать часы на Web-странице, показывающие текущее время с точностью до секунды, скрывать и отображать элементы Web-страницы и многое другое.

данной дисциплины выбран язык программирования PHP. Это наиболее распространенный в настоящее время язык для написания серверных скриптов. Используя его (или другие технологии, применяемые для создания динамических Web-страниц), можно изменять HTML-код, получаемый Web-браузером, в зависимости от вводимых пользователем данных, типа и версии используемого Web-браузера и других факторов. Огромное количество расширений и готовых программных продуктов, а также легкость освоения языка сделали PHP очень популярным языком программирования для Интернета. С помощью PHP можно работать с файлами и каталогами, обрабатывать данные формы на сервере, рассылать письма, загружать файлы на сервер, создавать для каждого пользователя Личный кабинет, размещать на сайте гостевую книгу, форум, чат, интернет-магазин и многое другое.

баз данных. В Web-разработках чаще всего применяется быстрая, бесплатная и обладающая большими возможностями система управления базами данных (СУБД) MySQL. С помощью MySQL можно эффективно добавлять, изменять и удалять данные, получать нужную информацию по запросу. PHP обеспечивает эффективную поддержку баз данных и позволяет работать с MySQL, Microsoft SQL Server, Oracle, Sybase и др. Зная и умея работать с MySQL, легко перейти и к другим базам данных, если возникнет такая необходимость.

Markup Language - язык разметки гипертекста).Web-страницы публикуются в Интернете путем размещения таких файлов на серверах НТТР (Web-узлах). Содержание Wеb-страниц может быть разным и посвященным совершенно произвольным темам, но все они используют одну и ту же основу -язык НТМL. Смысл и назначение языка НТМL можно понять, исходя из его названия НурегТехt Markup Language (НТМL) - язык разметки гипертекста, предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.
То есть другими словами HTML (HyperText Markup Language) — это язык разметки документа, описывающий форму отображения информации на экране компьютера.

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

Microsoft FrontPage, HotDog, или др.).
Создание и разметка документа при помощи обычного редактора NotePad (Блокнот).

собственно текст, т. е. данные, составляющие содержимое документа. Другая - теги (mаrkup tags), называемые также флагами разметки, - специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением.
Файлы, содержащие HTML-документы, имеют расширения .htm или .html.
В HTML названия тегов и параметров можно записывать в любом регистре, а в языке XHTML только в нижнем регистре.

последовательность их закрытия. Например, такой код использовать нельзя:

Текст

Техническая информация о документе -->





 

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

элемент верхнего уровня в документе, для HTML это тег .
Публичность — объект является публичным (значение PUBLIC) или системным ресурсом (значение SYSTEM), например, таким как локальный файл. Для HTML/XHTML указывается значение PUBLIC.
Регистрация — сообщает, что разработчик DTD зарегистрирован в международной организации по стандартизации (International Organization for Standardization, ISO). Принимает одно из двух значений: плюс (+) — разработчик зарегистрирован в ISO и - (минус) — разработчик не зарегистрирован. Для W3C значение ставится «-».
Организация — уникальное название организации, разработавшей DTD. Официально HTML/XHTML публикует W3C, это название и пишется в .
Тип — тип описываемого документа. Для HTML/XHTML значение указывается DTD.
Имя — уникальное имя документа для описания DTD.
Язык — язык, на котором написан текст для описания объекта. Содержит две буквы, пишется в верхнем регистре. Для документа HTML/XHTML указывается английский язык (EN).
URL — адрес документа с DTD.

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

описание и ключевые слова для поисковых машин, данные об авторе и времени создания страницы, базовом адресе страницы, кодировке и т. д.
Включение в документ заголовочной части не является обязательным.
Единственным обязательным тегом в разделе HEAD является тег , отображается в строке заголовка Web-браузера. Длина заголовка должна быть не более 60 символов, иначе он полностью не поместится в заголовке Web-браузера:

 

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


Можно также указать несколько описаний на разных языках. Для этого в параметре lang следует указать используемый язык:

поисковыми машинами:

В параметре content указывается комбинация следующих значений:
index — индексация разрешена;
noindex — индексация запрещена;
follow — разрешено переходить по ссылкам, которые находятся на этой Web-странице;
nofollow — запрещено переходить по ссылкам;
all — комбинация index плюс follow;
none — комбинация noindex плюс nofollow.

а переход по ссылкам запрещен:

Индексация и переход по ссылкам запрещены:

Также с помощью тега можно указать кодировку текста:

Для автоматической перезагрузки страницы через заданный промежуток времени следует воспользоваться свойством refresh:

Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url:

<ВОDY ТЕХТ=red ВGCОLOR=white>
Тело документа

6.
Пример:

<НЕАD>
<ТIТLЕ> Заголовки

<ВОDY ВGСОLОR=white>
<Н1> Заголовок 1 уровня
<Н2> Заголовок 2 уровня
<НЗ> Заголовок 3 уровня
<Н4> Заголовок 4 уровня
<Н5> Заголовок 5 уровня
<Н6> Заголовок 6 уровня

окна Web-браузера. Он может принимать следующие значения:
center — выравнивание по центру:

Заголовок первого уровня с выравниванием по центру

left — выравнивание по левому краю (по умолчанию):

Заголовок второго уровня с выравниванием по левому краю

right — выравнивание по правому краю:

Самый мелкий заголовок с выравниванием по правому краю

Перечеркнутый
^{Верхний индекс}
_{Нижний индекс}

цветом:

Выделение текста цветом

в условных единицах от 1 до 7. Размер, используемый Web-браузером по умолчанию, принято приравнивать к 3. Размер шрифта можно указывать как цифрой от 1 до 7, так и в относительных единицах, указывая, на сколько единиц нужно увеличить (знак "+") или уменьшить (знак "–") размер шрифта относительно базового:
Текст
Текст
Текст

Красный
Красный

Тег . Цвет текста