- •Рецензенты:
- •Введение 7 Глава 1. Создание Web‑страниц, html, vbSript 9
- •Глава 2. Weв-программирование на языке php 96
- •Глава 3. Практикум по разработке сайтов и Web-программированию 155
- •Глава 1. Создание Web‑страниц, html, vbSript
- •1.1. Обзор средств и технологий создания Web‑страниц и Web-приложений
- •1.1.1. Языки описания документов
- •1.1.1.2. Динамический html.
- •1.1.1.3. Язык гипертекстовой разметки xml.
- •1.1.1.5. Язык vrml
- •1.1.1.6. Мультимедйные средства и редакторы
- •1.1.2. Языки и технологии Web-программирования
- •1.1.2.1. Клиентские приложения
- •1.1.2.2. Серверные приложения
- •1.1.2.3. Поддержка состояния
- •1.1.3. Системы управления контентами сайта (cms)
- •1.1.5. Использование поисковых возможностей Интернет
- •1.2. Основы html
- •1.2.1. Правила написания
- •1.2.2. Структура документа
- •1.2.3. Форматирование текста
- •1.2.4. Атрибуты выравнивания текста и управления цветом
- •1.2.5. Шрифты
- •1.2.6. Списки
- •1.2.7. Изображения
- •1.2.8. Таблицы
- •1.2.9. Якорь (элемент привязки документов, их частей, почты)
- •1.2.10. Фреймы
- •1.2.11. Формы, управляющие элементы
- •1.2.12. Использование компонентов ActiveX
- •1.2.13. Дополнительные теги
- •1.2.14. Листы стилей
- •1.3. Клиент и сервер
- •1.4. Создание asp‑файла
- •1.5. Основы создания сценариев
- •1.6. Управление браузером
- •1.6.1. Объект Window
- •1.6.2. Объект Frame
- •1.6.3. Объект Location
- •1.6.4. Объект Navigator
- •1.6.5. Объект History
- •1.6.6. Объект Document
- •1.6.7. Объект Links
- •1.6.8. Объект Anchors
- •1.6.9. Объект Forms
- •1.6.10. Объект Elemеnts
- •1.6.10.1. Кнопки (Button, Reset, Submit)
- •1.6.10.2. Переключатели (CheckBox, Radio)
- •1.6.10.3. Поля ввода (Text, TextArea, Password)
- •1.6.10.4. Списки выбора (Select)
- •1.7. Объекты asp
- •1.8. Работа с текстовыми файлами
- •1.9. Работа с базами данных
- •1.10. Визуальный редактор html‑документов Dreamweaver
- •1.10.1. Палитра основных объектов
- •1.10.2. Настройка Dreamweaver
- •1.10.3. Структура и размещение файлов
- •1.10.4. Создание заготовки html‑документа
- •1.10.5. Создание пустой таблицы
- •1.10.6. Форматирование ячеек таблицы
- •1.10.7. Размещение картинки
- •1.10.8. Создание меню
- •1 .10.9. Форматирование текста
- •1.10.10. Режимы работы объектов
- •1.10.11. Команды
- •1.10.12. Анимация
- •Вопросы для самопроверки и контроля
- •Глава 2. Weв-программирование на языке php
- •2.1. Основные положения
- •2.1.1. Среды разработки
- •2.1.2. Настройка php
- •2.1.3. Правила написания программы
- •2.2. Типы данных и переменные
- •2.2.1. Типы данных
- •2.2.2. Переменные
- •2.3. Выражения, операции и операторы
- •2.3.1. Выражения и операции
- •2.3.2. Операторы
- •2.4. Функции
- •2.5. Массивы
- •2.6. Объектно-ориентированное программирование
- •2.6.1. Объявление класса
- •2.6.2. Основные стандартные функции
- •2.7. Файлы
- •2.7.1. Открытие и закрытие файлов
- •2.7.2. Запись в файл
- •2.7.3. Чтение из файла
- •2.7.4. Запуск внешних программ на сервере
- •2.7.5. Работа с файловой системой
- •2.7.6. Работа с каталогами
- •2.8. Регулярные выражения и строки
- •2.8.1. Регулярные выражения
- •2.8.2. Стандартные интервальные выражения (символьные классы)
- •2.8.3. Функции поиска в стиле posix
- •2.8.4. Строковые функции
- •2.8.5. Преобразование текста в html
- •2.9. Динамическое создание страниц
- •2.9.1. Простые ссылки
- •2.9.2. Файловые компоненты (шаблоны)
- •2.10. Формы
- •2.10.1. Элементы для ввода информации.
- •2.10.2. Элементы форм, ориентированные на ввод с помощью мышки
- •2.10.3. Проблема выравнивания полей для различных браузеров и экранов дисплеев
- •2.11. Базы данных
- •2.11.1. Стандартные функции рнр для работы с MySql
- •2.11.2. Работа с сервером баз данных с различными субд через odbc
- •2.11.3. Другие субд
- •2.12. Шаблоны
- •2.12.1. Основные понятия
- •2.12.2. Схема построения шаблона
- •1) Регистрация файлов
- •2) Регистрация переменных
- •3) Обработка файла
- •4) Вывод файла
- •2.14. Безопасность
- •2.14.1. Проблемы конфигурации
- •2.14.2. Маскировка файлов данных и конфигурационных файлов
- •2.14.3. Хранение файлов за пределами корневого каталога документов
- •2.14.4. Безопасность данных
- •2.14.5. Шифрование данных
- •2.14.6. Аутентификация пользователя
- •2.15. Рекомендации
- •2.15.1. Программирование на php
- •2.15.2. Использование MySql
- •Вопросы для самопроверки и контроля
- •Глава 3. Практикум по разработке сайтов и Web-программированию
- •3.1. Разработка учебного сайта заказов на авиабилеты Приведем пример разработанного учебного сайта (рисунок 3.1.1).
- •3.2. Разработка Web-приложений на php для ведения таблиц в базе данных с субд MySql
- •3.2.1. Таблица единиц измерения
- •3.2.2. Таблица успеваемости студентов
- •3.3. Разработка Web-приложения на php для ведения таблицы единиц измерения в базе данных с субд Access
- •3.4. Разработка Web-приложения на php для поиска и вывода оценок студента из базы данных успеваемости с субд Access
- •3.5. Разработка Web-приложения на php по трудоустройству
- •3.5.1. Постановка задачи
- •3.5.2. База данных
- •3.5.3. Программа формирования и ведения резюме (Vipuskniki.Php).
- •3.5.4. Функция проверки правильности даты (proverkadati.Php)
- •3.5.5. Функция проверки номера года (proverkagoda)
- •3.5.6. Функция проверки натурального числа (proverkahisla)
- •3.5.7. Подпрограмма чтения поля с фотографией (VivodFoto.Php)
- •3.5.8. Программа ввода параметров поиска записей-резюме
- •3.5.9. Программа поиска записей-резюме (ObrabRabotodateli.Php)
- •3.5.10. Программа переноса сообщений работодателей кандидатам (ObrabRabotodateli2.Php)
- •3.6. Задачи для программирования
- •3.6.1. Формирование форм
- •3.6.2. Работа с базой данных
- •3.6.3. Дополнительные задачи
- •3.6.3.1. Циклы
- •3.6.3.2. Массивы
- •3.6.3.3. Функции
- •3.6.3.4. Формы
- •3.6.3.5.Файлы
- •3.6.3.6. Строки
- •3.6.3.7. Графика
- •3.6.3.8. Субд MySql
- •3.7. Контрольные работы
- •3.7.1. Разработка учебного сайта
- •3.7.2. Разработка учебного Web-приложения по ведению базы данных
- •Глава 4. JavaScript Введение
- •События JavaScript
- •Показать и скрыть элемент с текстом
- •Динамическая подгрузка html контента на JavaScript
- •Функция Confirm в JavaScript
- •Таймер на JavaScript
- •Анимация JavaScript
- •Калькулятор стоимости на JavaScript
- •Подсчет количества символов на JavaScript
- •4.1. Основы языка
- •Приложение 1. Ответы на вопросы для самопроверки
- •Приложение 2. Вопросы к экзамену или зачету.
- •Предметный указатель
- •Библиографический список
- •Плещёв Владимир Васильевич Разработка сайтов и Web-программирование:
- •С примерами и упражнениями
1.2.5. Шрифты
<FONT> ... [</FONT>], <BASEFONT> ‑ текущий и умалчиваемый шрифт.
Атрибуты тега: Size (размер или приращение к умалчиваемому размеру, если указан знак плюс или минус), color (цвет), face (список названий шрифтов через запятую, в порядке убывания приоритета. Выберется из списка первый из существующих в браузере.
1.2.6. Списки
<UL>...</UL>,<OL>...</OL> ‑ маркированный, нумерованный список. Допускается вложенность списков.
<LI> ‑ элемент списка (<UL><LI> Иванов <LI> Петров </UL>) .
Value=”n” ‑ атрибут задает номер элемента списка.
1.2.7. Изображения
<IMG src=“URL или имя файла с изображением“> ‑ вывод изображения.
<HR> ‑ вывод горизонтальной линии.
Атрибуты изображений
Width, Height ‑ ширина и высота изображения в пикселях.
Border ‑ наличие (1) или отсутствие (0) рамки вокруг риcунка.
Align ‑ выравнивание по левому (Left), правому (Right), верхнему (Top) и нижнему (Bottom) краям или по середине (Middle).
Alt ‑ всплывающая подсказка и наименование рисунка при его отсутствии.
Events=”имя сценария” ‑ имя запускаемого сценария при наступлении одного из событий (Events): OnClick, OnDblClick, OnMouseDown, OnMouseUp, OnMouseOver, OnMouseMove, OnKeyPress, OnKeyDown, OnKeyUp.
HSpace/VSpace ‑ свободное пространство по горизонтали/вертикали.
1.2.8. Таблицы
<TABLE>...</TABLE>, <CAPTION>...</CAPTION>,<TR>...</TR>, <TD>... </TD> ‑ начало и конец описаний всей таблицы, ее заголовка, строки и единичной ячейки соответственно. Допускается вложенность таблиц.
Атрибуты таблицы
Align ‑ выравнивание содержимого ячейки: left (влево), right (вправо), middle (по центру).
Border ‑ ширина границы таблицы в пикселях или в процентах (%).
Cellspacing ‑ ширина интервала между ячейками.
Cellpadding ‑ отступ значения в ячейке от ее границы.
Width ‑ ширина таблицы в пикселях или в процентах от окна браузера (%).
Атрибуты строк таблицы
Align, Valign ‑ выравнивание по горизонтали и вертикали.
Атрибуты заголовка таблицы
Align ‑ заголовок помещается над/под таблицей (Top/Bottom) или слева/справа (Left/Right). Заголовок следует сразу за <TABLE>.
Атрибуты ячеек таблицы
Width, Height Align, Valign ‑ ширина, высота ячейки (в пикселях или в процентах от размера всей таблицы) и выравнивание.
Char ‑ символ, по которому выравнивается текст.
Colspan/Rowspan=”n” ‑ объединить N ячеек строки/столбца в одну ячейку.
Bgcolor, Background=”URL” ‑ цвет фона и фоновый рисунок (URL‑ адрес).
Пример описания таблицы из двух строк и двух столбцов.
<HTML><HEAD> <TITLE>Пример таблицы</TITLE></HEAD>
<BODY>
<TABLE border=“1“ width=“585“>
<TR><TD> Ячейка 1,1 </TD><TD> Ячейка 1,2 </TD></TR><BR>
<TR><TD> Ячейка 2,1 </TD><TD> Ячейка 2,2 </TD></TR><BR>
</TABLE>
</BODY>
</HTML>
Пример расположения рисунка в ячейке таблицы
<TD> <img src=“c:\WIN98\circles.bmp“></TD>
Дополнительные теги
<TFOOT>... </TFOOT>, <THEAD>... </THEAD> ‑ группирует строки в нижний или в верхний колонтитул таблицы. Атрибуты: Align, Valign, Char.
<TH>... [</TH>] ‑ заглавная ячейка. Атрибуты: Align, Valign, Char.
1.2.9. Якорь (элемент привязки документов, их частей, почты)
<A href=”URL, файл, #метка”>...</A> ‑ связь с другим документом или с частью данного. Текст или изображение между <A> и </A> вопринимается в качестве гиперссылки в документе. Если по ней щелкнуть, то появится указанный документ или его часть, если используется внутренняя ссылка.
Пример абсолютного связывания с гиперссылкой текстовой.
<A href=”http://www.usue.ru”> Страница УрГЭУ </A>
Пример относительного связывания с гиперссылкой графической.
<A href=“C:\My Documents\HTML_primer\calc.htm“>
<IMG src=“D:\Borland Shared\Images\Buttons\Calculat.bmp“</A>
Пример внутренней ссылки на часть документа (список продающихся товаров) с использованием метки списка “#Tovari”.
<A href=“#Tovari“>Товары </A> ...
<P Name=“#Tovari“> <UL><LI> Молоко <LI> Сахар </UL> </P>
Пример ссылки на адрес электронной почты автора.
<A href=“mailto:Plehev@usue.ru“>письмо Плещёву В.В.</A>