Учебно-методический комплекс по дисциплине дпп ф. 08 «Компьютерные сети. Интернет. Мультимедиа»

Вид материалаУчебно-методический комплекс

Содержание


Лекция № 8. Язык гипертекстовой разметки HTML.
Задание: Создайте HTML-документ.
Задание: Научитесь форматировать параграфы и выводить текст в несколько столбцов, работать со списками.
Лекция № 9. Язык PHP.
Network domain
Подобный материал:
1   2   3   4   5   6   7   8   9

Самостоятельно изучите возможности использования компонентов в программе FlashMX, используя материал пособия: «Использование Macromedia Flash MX» Майкл Гурвиц, Лора Мак-Кейб, 2003 (стр. 157).

  • С помощью компонентов создайте элемент раскрывающегося списка с названиями месяцев. При выборе того или иного месяца, в текстовом поле должно появиться название выбранного месяца.




    Лекция № 8. Язык гипертекстовой разметки HTML.


    Цели:
    1. Знакомство с основными понятиями языка разметки гипертекста – HTML (HyperText Markup Language).
    2. Формирование понятия о построении web-страницы и ее структуре.

    Содержание:

    Две основные части веб-документа: заголовок (Head), и собственно документ (Body).

    Тег. Тег заголовка. Теги списков. Теги форматирования абзацев и текста.

    Работа с файлами изображений. Добавление гиперссылок. Теги построения таблиц. Фреймовая структура документа.

    Публикация веб-документов в Интернете.

    Контрольные вопросы:
    1. Как называется команда на языке HTML?
    2. Какие две основных части html-документа вы знаете?
    3. Какое расширение имеет html-страница?
    4. Какие теги используется для форматирования абзацев?
    5. Какие теги используются для форматирования текста?
    6. При помощи какого тега в документ помещается изображение?
    7. Для чего служит тег ?
    8. Какие теги необходимы для построения таблицы?

    Практическое занятие (2 часа). «HTML (Hypertext Markup Language) – язык разметки гипертекста»

    Задание: Создайте HTML-документ.

    1. Работа в текстовом редакторе Блокнот.
    2. Сохранение текстового документа как HTML-страницы.
    3. Правка HTML-кода.

    Задание: Научитесь форматировать параграфы и выводить текст в несколько столбцов, работать со списками.

    1. Создание неупорядоченного и упорядоченного списка.
    2. Использование тегов

      ,
      ,

       для форматирования абзацев.
    3. Использование тегов , , , , , для форматирования текста.

    Задание: Добавьте на страницу картинку и гиперссылку.
    1. Использование тега .
    2. Гиперссылка на другую страницу.
    3. Ссылка в другое место того же документа (метка).

    Контрольные вопросы к практическому занятию:
    1. Как называется команда на языке HTML?
    2. Какие две основных части html-документа вы знаете?
    3. Какое расширение имеет html-страница?
    4. Какие теги используется для форматирования абзацев?
    5. Какие теги используются для форматирования текста?
    6. При помощи какого тега в документ помещается изображение?

    Самостоятельная работа (6 часов):
    1. (1 час ) Создайте документ group.phpl. Заголовком документа сделайте «О нашей группе». В тексте документа: крупный заголовок «Наша группа» и упорядоченный список из студентов группы; крупный заголовок «Основные предметы» и неупорядоченный список из основных предметов.
    2. (2 часа) Создайте таблицу расписания занятий, используя язык HTML.
    3. (3 часа) Создайте домашнюю страничку, разбитую на следующие темы: Моя семья, Мое Хобби, Мои друзья, Учеба. Добавьте изображения. Оформите страницу на Ваш вкус и используйте ссылки для удобной навигации по странице.

    Лекция № 9. Язык PHP.


    Цели:
    1. Знакомство с основными возможностями языка PHP.

    Содержание:

    Язык PHP относится к категории скриптовых интерпретируемых языков. Его популярность в настоящее время достаточно велика. Распространенность PHP обусловлена тем, что он в одинаковой степени подходит как для решения простых задач построения небольших домашних сайтов, так и для проектирования крупных динамических порталов банков, Интернет-магазинов, справочных систем. Аббревиатура PHP расшифровывалась изначально как «Personal Homapage Programming» (“программирование домашних страниц”). В настоящее время название языка PHP чаще трактуется как рекурсивная аббревиатура “PHP: Hypertext Processor”. Основы PHP заложил датский программист Расмус Лердорф.

    Основное предназначение PHP – обработка данных перед тем, как они (уже в формате HTML) извлекаются с веб-сайта браузером клиента.

    Отличительные черты PHP:
    • выполнение скриптов на сервере;
    • язык РНР не зависит от платформы;
    • РНР-код можно встраивать непосредственно в НТML-документы;
    • эффективное взаимодействие с широким спектром разнообразных баз данных, файловых систем, электронной почтой

    Установка. Для полноценной работы с PHP необходим кроме самого языка еще и веб-сервер и система управления базой данных, которые позволят создать собственный сайт и хранить на нем базу данных, представляя к ней доступ клиентам. В качестве веб-сервера наиболее часто используется Apache (можно скачать: www.apache.org), а среди серверов управления базами данных наилучшим признан MySQL (можно скачать: www.php.ru).

    При установке Apache необходимо ввести в поле Network domain (Имя домена) IP-адрес компьютера или слово «localhost». А в файле httpd.conf для поля DocumentRoot установить значение “C:/WWW” и создать папку с аналогичным названием, а для поля PHPIniDir - значение “C:/php”. Инсталлировать PHP необходимо в папку С:\рhр.

    Структура программы языка PHP. Особенности программирования. Синтаксис PHP.


    Контрольные вопросы:
    1. В чем состоит особенность языка PHP?
    2. Можно ли комбинировать html-код с кодом РНР?
    3. Объясните правило использования переменных в РНР.
    4. Какие арифметические операции используются в РНР?
    5. Объясните синтаксис цикла for.

    Практическое занятие №1 (1 час). «Знакомство с основами языка РНР»

    Задание: Средствами РНР выведите на экран сообщение «я изучаю РНР».
    1. Специальные символы построения РНР-скриптов.
    2. Алгоритм тестирования РНР-скрипта в условиях локальной работы.
    3. Строчная функция Echo.

    Задание: Ознакомьтесь с возможностями комбинирования РНР-скриптов с HTML-кодом, добавив РНР-скрипт в существующий HTML-документ.
    1. Возможности комбинирования скриптов с HTML-кодом.
    2. Использование двойных кавычек в тексте.
    3. Две разновидности комментариев.

    Практическое занятие №2 (1 час). «Работа с переменными»

    Задание: Выполните различные способы вывода значений переменных на экран.
    1. Основные типы переменных.
    2. Использование символа доллар $ в имени переменной.
    3. Объединение и слияние переменных.
    4. Основные арифметические операции.

    Практическое занятие №3 (1 час). «Работа с массивами»

    Задание: Задайте значения элементов массива с помощью array(), затем явно задавая номера элементов массива. Распечатайте значения массива.
    1. Массивы в РНР.
    2. Задание значений элементов массива.
    3. Вывод содержимого массива.

    Задание: Выведите содержимое массива с названиями месяцев на экран, в следующем виде: «Всего (функция подсчета элементов массива) месяцев: перечисление месяцев упорядоченных по алфавиту».
    1. Функция подсчета элементов массива Count().
    2. Создание нового массива из двух существующих (функция array_merge()).
    3. Сортировка массива: функции sort() и rsort.
    4. Поэлементная обработка массива: оператор foreach.

    Практическое занятие №4 (1 час). «Управляющие конструкции и встроенные функции»

    Задание: Выведите содержимое массива двумя способами: при помощи цикла for и цикла while. Определите максимальный и минимальный элементы массива; если максимальный элемент больше 0 выведите сообщение «>0», если минимальный элемент меньше 0, выведите сообщение «<0».
    1. Математические функции: abs(), max(), min().
    2. Использование if-оператора.
    3. Операции сравнения и логические операции.
    4. Использование while-циклов.
    5. Использование for-циклов.

    Самостоятельная работа (8 часов):
    1. Составьте массив дней недели, используйте для задания элементов массива различные способы. Выведите содержимое массива.
    2. Ознакомьтесь с возможностями функций обработки дат и времени, используя пособие: PHP5 & MySQL5/ Кристина Пейтон, Андре Меллер, М.:ООО «Бином-Пресс», 2007 (стр. 68) или любое другое пособие по РНР.
    3. Выполните проверку текущего дня недели. Если это суббота и воскресенье, выведите сообщение: «Ура! Выходной.», если понедельник – «Готовимся к работе!», вторник – «Может поработать?», среда – «Работаем!», четверг – «А когда выходные?», пятница – «Хватит работать! Завтра выходной!».
    4. Любым из доступных способов посчитайте количество неотрицательных элементов массива и выведите это значение на экран.
    5. С помощью цикла for определите количество положительных либо равных нулю элементов массива.
    6. Ознакомьтесь с двумя базовыми способами обмена данными браузера с сервером: Get и Post, используя пособие: PHP5 & MySQL5/ Кристина Пейтон, Андре Меллер, М.:ООО «Бином-Пресс», 2007 (стр. 68) или любое другое пособие по РНР.
    7. Создайте формуляр с полями: имя, фамилия, возраст для отправки этих данных на электронный почтовый ящик.