Создание сайта на PHP

Тема: создание сайта на PHP
Изучить возможности языка
PHP. Научитс разрабатывать
структуру сайта, подключать
каскадную таблицу стилей,
работать с БД на примере
MySQL
Цель:

Сегодня на уроке:
1. определим структуру сайта ;
2. вспомним как работать с дизайном сайта
(CSS);
3. определим макет главной страницы;
4. разобьем главную страницу на блоки;
5. научимся подключать блоки из файла;
6. создадим БД;
7. научимся подключать БД к сайту;
8.Попробуем подключать блоки сайта из БД.

1. создаем структуру Создаем на диске C: структуру папок
1
В папке WWW создаем два файла:
Index.php – начальная страница сайта
Style.css – таблица стилей, для оформления сайта!
2

Описываем структуру начальной 3 страницы в файле Index.php
<! Doctype HTML PUBLIC "-//WC//DT HTML 4.01 Transitional//EN"
"http://www.w3.org/tTR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251">
<title>главная</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
?
??
<body>
<table width="690" border = "0" align="center" cellpadding="0" callapacing="0" bgcolor="#FFFFFF"
class="main_border">
<tr><td></td></tr>
<tr> <td>
<?php
print "hello web!";
$f= «группа П-401";
print $f;
?>
</td>
</tr>
<tr><td></td></tr>
</table>
</body>
</html>
Заголовок
документа
Содержимое
таблицы стилей
???
????

Загрузить сервер 4
5 Протестировать разработанный
каркас сайта:
Запустить программу – браузер
и в адресной строке указать
адрес локального сайта

6
Добавляем в таблицу стилей описание стиля для абзацев:
7 Добавляем в файл INDEX.PHP абзац в 1-ю ячейку таблицы:
<td><p>разработка сайта с помощью языка PHP</p></td>
Поверяем как изменится отображение web-страницы в окне браузера:
АБЗАЦ

8
Создаем папку IMG в которую помещаем 3 изображения:
Hesder.jpg – заголовок сайта
Bg.gif – фон сайта
1.Jpg – информация о сайте
9 В первую ячейку таблицы размещаем тег вставки изображения:
<img src="img/header.jpg" width="690" height="100">
10 В третью ячейку таблицы размещаем тег вставки изображения:
<img src="img/1.jpg" width="690" height="45">

10 В таблице стилей прописываем параметры фона, а именно указываем
месторасположение файла BG.gif
Тестируем страницу через адресную строку браузера, если все сделали правильно:

11 Во вторую ячейку таблицы, помещаем PHPскрипт, который подключает
содержимое текстового файла zapiska.txt, с помощью инструкции
INCLUDE:
<td>
<?php
echo "<p>";
include "zapiska.txt";
echo "</p>“
?>
</td>
РЕЗУЛЬТАТ:

12 Займемся оформлением меню : Ячейка, которая
<td width="160px" class="left">меню</td>
будет содержать
меню –
принадлежит
классу LEFT!!!
Файл таблицы стилей содержит описание
параметров форматирования класса LEFT!!!
Фон – светло-серый, правая граница ячейки шириной – 1 пиксель, линия сплошная серая

Создать папку BLOCKS, в которой
поместить PHP-файлы, содержащие
информацию, которая должна
размещаться внутри блока

13 Подключение блоков с помощью инструкции INCLUDE
Файл INDEX.PHP
<table width="690" border = "0" align="center" cellpadding="0"
callapacing="0" bgcolor="#FFFFFF" class="main_border">

<?php include "blocks/header.php"; ?>
<tr>

<?php include "blocks/lefttd.php"; ?>

<?php include "blocks/righttd.php"; ?>
</tr>
<!--вставка блока из файла footer.php (нижний

Содержимое PHP- файлов

14 Создаем БД, для подключения страниц из БД
Загружаем специальную
утилиту для работы с БД
на локальном сервере
Создаем БД
PHP_SYTE
Создаем в БД 1-ю
таблицу, которая
будет содержать
настройки страниц
(имя файла,
название,, описание,
ключевые слова,
текст):
Таблица SETTINGS

15
Определяем поля таблицы SETTINGS: их имя,
тип, длину, дополнительные параметры, так
поле ID будет заполнятся автоматически и
будет являться первичным ключём!

16 Таблица SETTINGS создана, далее
необходимо заполнить её данными

После ввода данных выбрать таблицу
SETTINGS и нажать закладку ОБЗОР в
результате мы видим созданную таблицу:
17

18 Для дальнейшей работы с сайтом, необходимо
ограничить круг пользователей, имеющих
права на работу с сайтом. Для этого
необходимо ДОБАВИТЬ ПОЛЬЗОВАТЕЛЯ
А. Выбрать
К НАЧАЛУ
Б. Выбрать
ПРИВИЛЕГИИ

19 При выборе ПРИВИЛЕГИЙ, открывается таблица,
содержащая всех пользователей с которыми вы
до этого работали. Необходимо выбрать
существующего или СОЗДАТЬ НОВОГО
ВЫБРАТЬ

20
Добавить имя
пользователя, указать
ХОСТ, пароль,
определить права

НОВЫЙ
ПОЛЬЗОВАТЕЛЬ
добавлен!!!

21 Извлечение данных из БД
и размещение их в PHP странице...
В папке BLOKS создаем bd.PHP файл, содержащий php-код,
который будет подключать созданную нами БД PHP_SITE
подключаемся
Где расположен
mysql сервер
Имя
пользователя
Пароль
пользователя
<?
$db=mysql_connect("localhost","p401","12345");
mysql_select_db("php_site",$db);
?>
Содержимое файла bd.PHP

22
<?php
Меняем начало страницы INDEX.PHP:
/* подключаем файл bd.php т.е. связываем файл index.php с базой данных*/
include ("bloks/bd.php");
/* производим отбор значений полей title, meta_d, meta_k, text из таблицы SETTINGS из
записи, соответствующей значению по полю page=index*/
$result = mysql_query("select title,
meta_d, meta_k, text FROM settings
WHERE page='index' ",$db);
$myrow = mysql_fetch_array($result);
?>

Для обращения к значениям полей,
помещаем их из переменной RESULT
в массив MYROW
$myrow = mysql_fetch_array($result);

23 Использование массива MYROW для
вывода информации на страницу PHP
<?php echo $myrow['text'];?>

Значение поля TEXT таблицы
SETTINGS в БД PHP_SITE
<?php echo $myrow['text'];?>
ДОМАШНЕЕ ЗАДАНИЕ:
Пописать как будет быглядеть PHP-
код для остальных страниц сайта,
чтобы мета-информация о ключевых
словах, о назначении сайта, о
заголовке сайта и содержимое
страницы было получено из таблицы
SETTINGS БД PHP_SITE

Создание сайта на PHP

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Создание сайта на PHP

Similar to Создание сайта на PHP (20)

More from Vasya Petrov

More from Vasya Petrov (20)

Создание сайта на PHP