2. Клиент и сервер
Сервер — программный компонент вычислительной системы,
выполняющий сервисные функции по запросу клиента, предоставляя
ему доступ к определённым ресурсам.
Клиент — это аппаратный или программный компонент вычислительной
системы, посылающий запросы серверу.
Формат запросов клиента и ответов сервера определяется протоколом
На одном и том же компьютере могут одновременно работать
программы, выполняющие как клиентские, так и серверные функции
3. HTML
HTML - HyperText Markup Language – язык гипертекстовой разметки
Тег — это специальный
символ разметки, который
Обычный Использует применяется для вставки
текстовый теги различных элементов на
файл <имя тега> веб-страницу таких, как
рисунки, таблицы, ссылки и
др. и для изменения их вида.
Парные Непарные
<имя тега>текст или теги </имя тега>
<имя тега/> <имя тега>
Нечувствительны к регистру (например <B> и <b> эквивалентны)
Один контейнер должен находиться внутри другого, и никак не пересекаться
<i><b>текст</i></b> <i><b>текст</b></i>
4. Структура HTML документа
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
Начало HTML документа
<head>
Тип текущего
Заголовок. Служебная информация документа
</head>
Начало тела документа
<body>
Текст. Содержательная часть
</body>
</html> Конец тела документа
Конец HTML документа
5. Тип текущего документа <!DOCTYPE>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> – Строгий синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> – Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"> – В HTML-документе применяются фреймы.
HTML 5
<!DOCTYPE html> В этой версии HTML только один доктайп.
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> – Строгий синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> – Переходный синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> – Документ написан на XHTML и
содержит фреймы.
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">
6. Заголовок <head>…</head>
Заголовок в окне браузера
<title>Hello, world!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
Подключение стилевого файла
Указание кодировки
<link rel="stylesheet" href="/styles/calendar.css" type="text/css" />
<script type="text/javascript" src="/jscript/DHTMLAPI.js"></script>
Путь к иконке Подключение скрипта
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
Вся служебная информация в заголовке прописывается в
произвольном порядке
7. Тело документа
<html>, <head>, <title>, <body>
Заголовки
<h1></h1>, <h2></h2>, <h3></h3>,
<h4></h4>, <h5></h5>, <h6></h6>
<br> или <br/> Перевод строки
<p></p> или <p>
Абзац
<b>…</b> – жирный
<i> …</i> – наклонный
<u>…</u> – подчеркнутый Форматирование текста
8. Атрибуты и комментарии
<имя_тега название_атрибута1 = «значение атрибута»
название_атрибута2 = «значение атрибута» …>
<body bgcolor=”red”> Цвет фона
<body bgcolor=”#222333”>
align = “right|left|center” – выравнивание текста по правому
краю, по левому краю или по центру
!!! все параметры тегов следует брать в двойные или
одинарные кавычки
<!- здесь можно разместить любой комментарий -->
Начало комментария Конец комментария
9. Особенности HTML
1. Любое количество пробелов идущих подряд, на веб-странице
отображается как один. Исключение - тег <pre>…</pre> и
неразрывный пробел
3. Нет расстановки переносов в тексте.
5. Текст занимает ширину окна браузера.
10. PHP
Скриптовый язык — язык программирования, разработанный для записи
«сценариев», последовательностей операций, которые пользователь
может выполнять на компьютере. Сценарии всегда интерпретируются, а
не компилируются.
PHP (Hypertext Preprocessor —Препроцессор Гипертекста) —
скриптовый язык программирования, созданный для генерации HTML-
страниц на веб-сервере и работы с базами данных.
Ограничители php кода
<?php код ?>
<? код ?>
!!! Php файл должен иметь расширении .php
11. PHP
• Имена переменных в php начинаются с символа $, тип переменной
объявлять не нужно. В отличие от имён функций и классов, имена
переменных чувствительны к регистру.
• PHP рассматривает перевод строки как пробел, как языки со
свободным форматом. Инструкции разделяются с помощью точки с
запятой (;).
• PHP поддерживает три типа комментариев:
1. /* */
2. начинающиеся с // и идущие до конца строки
3. Начинающиеся с # и идущие до конца строки.
12. Взаимодействие PHP и HTML
print и echo – функции для вывода какой-либо информации из php в html
документ
функция всегда
Параметры для вывода записывается без
функцией передаются либо в скобок
круглых скобках, либо без
них
print “Значение переменной i= $i”;
Оператор «.» (точка) –
print (“Значение переменной i= $i”); конкатенация строк
print “Значение переменной i=”.$i;
echo “Значение переменной i=”.$i;
служебные символы
echo “Значение переменной i= $i”;
экранируются с помощью
символа «»
echo “<img src=”my_image.gif” width=”100” height=”200” alt=”Моя фотка”
title=”Моя фотка” border=”0”>”
13. Типы данных в PHP
1. Целые числа в десятичной, восьмеричной и шестнадцатеричной
системах счисления (диапазон целых чисел зависит от платформы.
Обычно это диапазон 32-битных знаковых целых чисел)
2. Вещественные числа (диапазон зависит от платформы)
3. Логический тип
4. Строки
5. NULL – переменная без значения
6. resource - ссылки на внешние ресурсы (файлы, изображения, базы
данных)
7. Массивы (в том числе ассоциативные, т.е. со строковыми ключами)
8. Объекты
