|
||||||||||||
Меню сайта
Реклама на сайте:
|
Моя первая страница на PHPПример № 9 Чем отличается сайт на PHP от голого сайта на HTML? Единственное отличие - более гибкая настройка и управление сайта, а также есть возможность автоматизировать множество функций.Сейчас эти две дисциплины связаны почти воедино. Их тандем является основой, на которой построена «жизнь» большей части интернета. Конечно, в связке с html применяются и другие серверные языки (Perl, ASP.NET). Но их распространенность во всемирной паутине по сравнению с PHP, носит чисто эпизодический характер. Для многих начинающих взаимосвязь между этими технологиями выглядит непонятной. С одной стороны статический html, который интерпретируется браузерами на стороне клиента. А с другой - программный язык, обрабатывающийся на сервере.
Поэтому, перед написанием сайта на php с нуля, приведем простой пример взаимодействия этих двух технологий. 1. Сверстаем каркас страницы. Назовем страницу index.php - она у нас будет состоять из частей: шапка (header), подвал (footer), левое меню (sidebar). В данном примере страница верстается на основе таблиц, но можно использовать и блочную версту. Если загрузить страницу в браузере, она будет иметь такой вид: Чтобы разобраться, как создается сайт на php, рассмотрим практический пример. Конечно, многое в нем упрощено, но весь механизм работы и этапы создания сохранены. Файл с кодом: <html> <head> <title>Моя первая динамическая страница на PHP</title> </head> <body> <!-- ХЕДЕР (header.php) --> <table width="1320px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"> <tr> <td><p align="center">Шапка сайта</p></br></td> </tr> </table> <!-- END ХЕДЕР --> <table width="1320px" height="150px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233"> <tr> <!-- Блок левого меню (sidebar.php) --> <td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc"> <ul> <li><a href="#">Раздел 1</a></li> <li><a href="#">Раздел 2</a></li> <li><a href="#">Раздел 3</a></li> <li><a href="#">Раздел 4</a></li> <li><a href="#">Раздел 5</a></li> </ul> </td> <!-- END блока левого меню --> <!-- Контент --> <td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2> <p align="center">Это моя первая динамическая страница на PHP. </p> </td> <!-- END контент --> </tr> </table> <!-- Футер (footer.php) --> <table width="1320px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"> <tr> <td><p align="center">Подвал сайта</p></br></td> </tr> </table> <!-- END футер --> </body> </html> 2. Теперь надо распределить страницу на отдельные блоки. Вот эти блоки. Они будут иметь свой вид, и свои названия файлов: Шапка; (header.php), Подвал; (footer.php), Левое меню сайдбара; (saidbar.php). 3. Создадим папку под названием /menu/, в которую потом скопируем файлы созданные позже. При необходимости редактирования шапки, левого меню или подвала сайта, мы будем знать, что шаблоны этих частей сайта находятся в данной папке. 3.1. Итак, формируем папку /menu/в котором содержится файл header.php. <table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"> <tr> <td><p align="center">Шапка сайта</p></br></td> </tr> </table> 3.2. Формируем в этой же папке файл saidbar.php. <td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc"> <ul> <li><a href="#">Раздел 1</a></li> <li><a href="#">Раздел 2</a></li> <li><a href="#">Раздел 3</a></li> <li><a href="#">Раздел 4</a></li> <li><a href="#">Раздел 5</a></li> </ul> </td> 3.3. Формируем файл footer.php в той же папке /menu/. <table width="650px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec"> <tr> <td><p align="center">Подвал сайта</p></br></td> </tr> </table> 4. Подключим полученные файлы (то есть, шаблоны) к сайту с помощью инструкции include на примере страницы index.php. <html> <head> <title>Моя первая динамическая страница на PHP</title> </head> <body> <!-- Хедер (header.php) --> <?php include ("blocks/header.php");?> <!-- END Xедер --> <table width="650px" height="150px" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="313233"> <tr> <!-- Блок левого меню (sidebar.php) --> <?php include ("blocks/leftmenu.php");?> <!-- END блока левого меню --> <!-- Контен --> <td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2> <p align="center">Это моя первая динамическая страница на PHP. </p> </td> <!-- END контент --> </tr> </table> <!-- Футер (footer.php) --> <?php include ("blocks/footer.php");?> <!-- END футер --> </body> </html>
Посмотреть пример работы страницы можно здесь.
Читайте также:
|