
- •Задание 1
- •Задание 2
- •Пример Web-страницы с двумя вертикальными фреймами
- •Пример таблицы
- •"Шапка" документа и мета-данные
- •Задание 1
- •Задание 2
- •Задание 3
- •Для чего нужны таблицы стилей?
- •Способы применения css
- •Почему каскадные?
- •Наследование
- •Синтаксис css
- •Некоторые параметры css
- •Единицы измерения в css
- •Примеры. Управление переполнением и видимостью.
- •Субд MySql и программа phpMyAdmin
- •Скрипт обработки поискового запроса.
- •Скрипт для удаления данных.
- •Скрипт редактирования данных.
- •Скрипт для загрузки отредактированых данных.
- •Обработка множественного выбора
- •Объектная модель браузера
- •Идущие часы
- •Задание
- •Система новостей Nucleus
- •Задание
- •Задание
Идущие часы
Идущие часы можно поместить в строке статуса и в самом HTML документе.
Первый пример - скрипта, создающего часы в строке статуса при загрузке документа: Создаем функцию <script language="JavaScript"> function clock_status() { window.setTimeout("clock_status()",100); today=new Date(); self.status=today.toString(); } </script>
Вызываем функцию при загрузке документа в тэге <body> <body onLoad="clock_status()"> Работающие часы смотрите в строке статуса.
Второй пример обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.
Создаем функцию <script language="JavaScript"> function fulltime() { var time=new Date(); document.clock.full.value=time.toLocaleString(); setTimeout('fulltime()',500) } </script>
Создаем форму <form name=clock> <input type=text size=17 name=full> </form>
Вызываем функцию в теле документа <script language="JavaScript"> fulltime(); </script>
Работающий пример:
Начало формы
Конец формы
Третий пример - скрипта, создающего часы (в сокращенном варианте) в поле form
Создаем функцию <script language="JavaScript"> function clock_form() { day=new Date() clock_f=day.getHours()+":"+day.getMinutes()+":"+day.getSeconds() document.form.f_clock.value=clock_f id=setTimeout("clock_form()",100) } </script>
Создаем форму <form name=form metod="get"> <input name=f_clock maxlength=8 size=8> </form>
Вызываем функцию в теле документа <script language="JavaScript"> clock_form(); </script>
Работающий пример:
Начало формы
Конец формы
Практические задания
Задание 1
Сделайте на первой странице вывод текущей даты.
Сделайте на первой странице вывод текущего времени.
Проверьте работоспособность на сервере.
Задание 2
Сделайте на первой странице идущие часы (чч.мм.сс).
Проверьте работоспособность на сервере.
К сдаче лабораторной предоставляются: работающие страницы на сервере.
Цель работы: формирование умений установки, настройки и адаптации к своему серверу системы управления сайтом.
Поясняющая информация
В информационных технологиях, как и других областях нельзя разрабатывать все самим. Если вам нужен будет стандартный автомобиль, вы же не будете его разрабатывать, если даже и будете, вероятнее всего он не будет современным, надежным и дешевым. Так и в информационных технологиях, если какая то команда разрабатывает софт 10 лет, то вам придется преодолеть этот путь тоже, хотя, используя их опыт, это может получиться быстрее.
WWW-технологии развиваются уже больше 15 лет, и накоплено много программ.
Например, каталог программ HotScripts (http://www.hotscripts.com/) содержит более 45 000 программ (причем большинство свободные для некоммерческого использования) на разных языках (на PHP более 17000 программ).
В каталоге есть, как и отдельные программы (форумы, новости и т.д.), так и целые системы управления сайтом (форумы и новости в них входят как блоки). За последними будущее.
Система система управления сайтом PHP-NUKE
Сайт разработчиков http://www.phpnuke.org/
Сайт пользователей на русском языке http://www.nukefiles.ru/
Текущая стабильная версия 8.1, можно взять с этого сервера, скачать .
Рекомендую русскоязычную версию, каталог rus.
Система система управления сайтом MOODLE, система для образования.
Сайт разработчиков http://www.moodle.org/
Система система управления сайтом Joomla.
Сайт разработчиков http://www.joomla.org/
Сайт пользователей на русском языке http://joomlaportal.ru/
Система система управления сайтом WordPress (популярна для создания блогов).
Сайт разработчиков http://wordpress.org/
Сайт пользователей на русском языке http://ru.wordpress.org/
Система система управления сайтом Mambo.
Сайт разработчиков http://mambo-foundation.org/
Сайт пользователей на русском языке http://ru-mambo.ru/
Самая простая установка (для PHP-NUKE):
Закачать файлы на сервер
Запустить install.php (через URL)
Ответить на вопросы
Удалить install.php (чтобы никто не воспользовался)
Можно установить дополнительные модули.
В процессе инсталляции создастся база данных (структура описана в *.sql), и изменятся конфигурационные параметры в файле config.php .
Но в этом варианте WWW-сервер должен иметь права на запись в файл config.php, а вы права сменить не сможете. Поэтому его конфигурировать придется вручную.
Практические задания