
- •Лабораторна робота №1 Створення найпростіших Web-Сторінок. Форматування тексту засобами мови html
- •3.1 Практичні завдання:
- •Лабораторна робота №3 Каскадні таблиці стилів
- •Способи застосування css
- •Чому каскадні?
- •Спадкування
- •Синтаксис css
- •Псевдокласи
- •Коментарі
- •Параметри css
- •Одиниці виміру в css
- •Завдання кольору в css
- •Лабораторна робота №4 Розмітка сторінок за допомогою блоків (div) і css. Позиціонування
- •Теоретичні відомості
- •Як це робиться
- •Практичні завдання
- •Лабораторна робота №5 Форми
- •Теоретичні відомості:
- •Елементи керування форми
- •Списки вибору.
- •Практична частина
- •Лабораторна робота №6 Фрейми. Карти зображень
- •Теоретичні відомості: Фрейми
- •Карти зображень
- •Практична частина
- •Лабораторна робота №7 Динамічний html. Введення в Javascript
- •Теоретичні відомості:
- •Синтаксис мови програмування Javascript
- •Функції
- •Вбудовані об'єкти мови програмування Javascript
- •Вивід даних в Javascript
- •Практична частина
- •Лабораторна робота №8 Динамічний html. Об'єкти JavaScript
- •Теоретичні відомості: Елементи керування
- •Властивості об'єкта Document
- •Методи об'єкта Document
- •Практична частина
- •Лабораторна робота №9 Встановлення, налаштування Denwer. Мова програмування рнр.
- •Теоретичні відомості:
- •Створення власного домену на локальному комп'ютері
- •Принципи обробки сценаріїв php
- •Включення фрагментів рнр у html-код
- •Стандартні дескриптори
- •Короткі дескриптори
- •Дескриптори в стилі asp
- •Практична частина
- •Лабораторна робота №10 Мова програмування рнр. Змінні, типи даних, операції, керуючи оператори.
- •Теоретичні відомості
- •Типи даних
- •Строковий тип
- •Операції
- •Керуючі оператори
- •Практична частина
- •Лабораторна робота №11 Мова програмування рнр. Цикли. Структура вибору. Масиви. Функції.
- •Теоретичні відомості:
- •Використання функцій
- •Передача параметрів у функції
- •Практична частина
- •Лабораторна робота №12 Серверні додатки. Бібліотечні функції php
- •Теоретичні відомості
- •Функції обробки рядків
- •Практична частина
- •Лабораторна робота №13 Робота з базами даних. Утиліта РhpMyAdmin.
- •Теоретичні відомості
- •Термінологічний словник
- •Практична частина
- •Лабораторна робота №14 Доступ до бази даних MySql з використанням мови рнр.
- •Теоретичні відомості
- •Доступ до бази даних MySql з використанням мови рнр
- •MySql і проблеми безпеки
- •Екранування спецсимволів
- •Шаблони запитів і placeholders
- •Практична частина
- •Лабораторна робота №15 Виконання запитів до бази даних.
- •Теоретичні відомості
- •Вибір за шаблоном.
- •Функції
- •Практична частина
- •Додаток 1. Основні теги html
Практична частина
Використовуючи дані лабораторної роботи №12 Підготувати 3 запиту з використанням різних функцій робота з полем дата, із рядковими даними (в тому числі групових).
Підготувати і виконати засобами СУБД MySQL запити по вибірці інформації з таблиць бази даних з використанням агрегатних функцій .
Додаток 1. Основні теги html
Основні теги |
|
<html> </html> |
Вказує програмі перегляду сторінок що це HTML документ. |
<head> </head> |
Визначає місце, де розміщається різна інформація, яка не відображається в тілі документа. Тут розташовується тег назви документа та теги для пошукових машин. |
<body> </body> |
Визначає видиму частину документа. |
Атрибути тіла документа |
|
<body bgcolor=?> |
Встановлює колір фону документа, використовуючи значення кольору у вигляді RRGGBB - приклад: FF0000 - червоний колір. |
<body text=?> |
Встановлює колір тексту документа, використовуючи значення кольору у вигляді RRGGBB - приклад: 000000 - чорний колір. |
<body link=?> |
Встановлює колір гіперпосилань, використовуючи значення кольору у вигляді RRGGBB - приклад: 00FF00 - зелений колір. |
<body vlink=?> |
Встановлює колір гіперпосилань на котох ви вже побували, використовуючи значення кольору у вигляді RRGGBB - приклад: 333333 - сірий колір. |
<body alink=?> |
Встановлює колір гіперпосилань при натисканні. |
Теги змісту |
|
<title> </title> |
Поміщає назву документа в зміст програми перегляду сторінок |
Теги для форматування тексту |
|
<pre> </pre> |
Обрамляє попередньо відформатований текст |
<h1> </h1> |
Створює НАЙБІЛЬШИЙ заголовок |
<h6> </h6> |
Створює найменший заголовок |
<b> </b> |
Створює жірий текст |
<i> </i> |
Створює похилий текст |
<tt> </tt> |
Створює текст - імітує стиль друкарської машинки. |
<cite> </cite> |
Використовується для цитат, звичайно похилий текст |
<em> </em> |
Використовується для виділення з тексту слова (похилий або жирний текст) |
<strong> </strong> |
Використовується для виділення найбільш вижних частин тексту (похилий або жирний текст) |
<font size=?> </font> |
Встановлює розмір тексту в межах від 1 до 7 |
<font color=?> </font> |
Встановлює колір тексту, використовуючи значення кольору у вигляді RRGGBB |
Гіперпосилання |
|
<a href="URL"> </a> |
Створює гіперпосилання на інші документи або частина поточного документа |
<a href="mailto:EMAIL"></а> |
Створює гіперпосилання виклику поштової програми для написання листа автору документа |
<a name="NAME"> </a> |
Зазначає частину тексту як ціль для гіпперссилок в документі |
<a href="#NAME"> </a> |
Створює гіперпосилання на частину поточного документа |
Форматування |
|
<p></p> |
Створює новий параграф |
<p align=?></p> |
Вирівнює параграф щодо однієї із сторін документа, значення: left, right, або center |
<br> |
Вставляє перехід рядка |
<blockquote></blockquote> |
Створює відступи з обох боків тексту |
<dl> </dl> |
Створює список визначень |
<dt> |
Визначає кожен з термінів списку |
<dd> |
Описує кожне визначення |
<ol> </ol> |
Створює нумерований список |
<li></li> |
Визначає кожен елемент списку і присвоює номер |
<ul> </ul> |
Створює ненумерований список |
<div align=?></div> |
Важливий тег використовується для форматування великих блоків тексту HTML документа, також використовується в таблицях стилів |
Графічні елементи |
|
<img src="name"> |
Додає зображення в HTML документ |
<img src="name" align=?> |
Вирівнює зображення до однієї зі сторін документа, приймає значення: left, right, center; bottom, top, middle |
<img src="name" border=?> |
Встановлює товщину рамки навколо зображення |
<hr> |
Додає в HTML документ горизонтальну лінію |
<hr size=?> |
Встановлює висоту (товщину) лінії |
<hr width=?> |
Встановлює ширину лінії, можна вказати ширину в пікселах або відсотках |
<hr noshade> |
Створює лінію без тіні |
<hr color=?> |
Задає лінії певний колір. Значення RRGGBB |
Таблиці |
|
<table> </table> |
Створює таблицю |
<tr> </tr> |
Визначає рядок у таблиці |
<td> </td> |
Визначає окрему комірку в таблиці |
<th> </th> |
Визначає заголовок таблиці (нормальна осередок з відцентрованим жирним текстом) |
Атрибути таблиці |
|
<table border=#> |
Задає товщину рамки таблиці |
<table cellspacing=#> |
Задає відстань між осередками таблиці |
<table cellpadding=#> |
Задає відстань між вмістом комірки і її рамкою |
<table width=#> |
Встановлює ширину таблиці в пікселах або відсотках від ширини документа |
<tr align=?> або <td align=?> |
Встановлює вирівнювання осередків в таблиці, приймає значення: left, center, або right |
<tr valign=?> або <td valign=?> |
Встановлює вертикальне вирівнювання для осередків таблиці, приймає значення: top, middle, або bottom |
<td colspan=#> |
Вказує кількість стовпців яке об'єднане в одній комірці. (За замовчуванням = 1) |
<td rowspan=#> |
Вказує кількість рядків яке об'єднане в одній комірці. (За замовчуванням = 1) |
<td nowrap> |
Не дозволяє програмі перегляду робити переклад рядка в комірці таблиці. |
Фрейми |
|
<frameset> </frameset> |
Передує тег <body> в документі, що містить кадри; |
<frameset rows="value,value"> |
Визначає рядки в таблиці кадрів, висота яких визначена кол-вом пікселів або в процентному співвідношенні до висоти таблиці кадрів |
<frameset cols="value,value"> |
Визначає стовпці в таблиці кадрів, ширина яких визначена кол-вом пікселів або в процентному співвідношенні до ширини таблиці кадрів |
<frame> |
Визначає одиничний кадр або область в таблиці кадрів |
<noframes> </noframes> |
Визначає, що буде показано у вікні браузера якщо він не підтримує кадри |
Атрибути кадрів |
|
<frame src="URL"> |
Визначає який з HTML документів буде показаний в кадрі |
<frame name="name"> |
Вказує Ім'я кадру або області, що дозволяє перенаправляти інформацію в цей кадр або область з інших кадрів |
<frame marginwidth=#> |
Визначає величину відступів по лівому і правому краях кадру; повинне бути дорівнює або більше 1 |
<frame marginheight=#> |
Визначає величину відступів по верхньому і нижньому краях кадру; повинне бути дорівнює або більше 1 |
<frame scrolling=VALUE> |
Вказує буде-Чи виводиться лінійка прокрутки в кадрі; значення value може бути "yes," "no," або "auto". Значення за замовчуванням для звичайних документів – auto |
<frame noresize> |
Перешкоджає зміни розмірів кадру |
Форми (Для форм, що виконують якісь функції повинні бути запущені відповідні CGI скрипти на сервері. HTML тільки створює зовнішній інтерфейс форми) |
|
<form> </form> |
Створює форми |
<select multiple name="NAME" size=?> </select> |
Створює скроліруемое меню. Size встановлює к-ть пунктів меню, яке буде показано на екрані, інші будуть доступні при використанні прокрутки |
<option> |
Вказує кожен окремий елемент меню |
<select name="NAME"> </select> |
Створює спадаюче меню
|
<option> |
Вказує кожен окремий елемент меню |
<textarea name="NAME" cols=40 rows=8> </textarea> |
Створює вікно для введення тексту. Columns вказує ширину вікна; rows вказує його висоту |
<input type="checkbox" name="NAME"> |
Створює checkbox. За тегом слід текст |
<input type="radio" name="NAME" value="x"> |
Створює radio кнопку. За тегом слід текст |
<input type=text name="foo" size=20> |
Створює рядок для введення тексту. Параметром Size указується довжина в символах |
<input type="submit" value="NAME"> |
Створює кнопку "Прийняти"
|
<input type="image" border=0 name="NAME" src="name.gif"> |
Створює кнопку "Прийняти" - для цього використовується зображення |
<input type="reset"> |
Створює кнопку "Скасувати" |