HOW-TO: Веб-разработка. Часть 4 Сравнение версий

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
fullcircle:23:веб-разработка_ч4 [2010/04/17 00:25]
fullcircle:23:веб-разработка_ч4 [2010/04/17 20:29] (текущий)
Строка 1: Строка 1:
-======HOW-TO:​ Веб-разработка. Часть ​======+======HOW-TO:​ Веб-разработка. Часть ​======
  
   - [[..:​20:​веб-разработка_ч1|Веб-разработка. Часть 1]]   - [[..:​20:​веб-разработка_ч1|Веб-разработка. Часть 1]]
Строка 32: Строка 32:
 Для начала выделим CSS в отдельный файл. Это не обязательное,​ но рекомендуемое правило,​ и следовать ему стоит Для начала выделим CSS в отдельный файл. Это не обязательное,​ но рекомендуемое правило,​ и следовать ему стоит
 практически для любой части сайта (CSS, javascript, PHP и всё, что повторяется на сайте несколько раз). практически для любой части сайта (CSS, javascript, PHP и всё, что повторяется на сайте несколько раз).
 +<code css> 
 +*{ 
 +color: #ececec; 
 +font-family:​ '​DejaVu Sans', sans-serif;​ 
 +
 +body{ 
 +background-color:​ #212122; 
 +
 +#footer{ 
 +border-top: 1px solid #ccc; 
 +
 +#footer p{ 
 +font-size: 80%; 
 +text-align: center; 
 +
 +</​code>​
 Создайте новую папку «css» и сохраните в неё этот код под именем «screen.css». Создайте новую папку «css» и сохраните в неё этот код под именем «screen.css».
  
Строка 130: Строка 145:
 Если вы перейдёте на [[ http://​localhost/​index.php ]], то не заметите никакой разницы между предыдущим файлом «index.html» и «index.php»,​ который мы создали только что. Если вы перейдёте на [[ http://​localhost/​index.php ]], то не заметите никакой разницы между предыдущим файлом «index.html» и «index.php»,​ который мы создали только что.
  
 +===== Конструкция switch языка PHP =====
 +
 +В заключении этого введения в PHP я расскажу о конструкции switch.
 +
 +Сначала поместите код с предыдущей страницы в файл «index.php» и удалите всё остальное.
 +
 +Конструкция switch использует переменную «page» из строки запроса (всё, что расположено в URL после вопросительного знака (?), считается строкой запроса).
 +
 +Правильно сформированная строка запроса выглядит так: http://​example.com?​variable=5. Мы вскоре её используем.
 +
 + ​Также обратите внимание на условия,​ которые принимает конструкция switch: «home», «dogs», «cats» и «lizards». То, что написано в условии «default»,​будет выполнено,​ если не подойдёт ни одно другое условие (например,​ http://​localhost/​index.php?​page=birds). Это не самый лучший способ для обработки неверной строки запроса,​ но для начала он подойдёт.
 +
 + ​Теперь измените код в файле inc/​menu.php,​ чтобы он выглядел так:
 +<code html>
 +<​p>​Menu:</​p>​
 +<ul>
 +<​li><​a href="​index.php?​page=home">​Home</​a></​li>​
 +<​li><​a href="​index.php?​page=dogs">​Dogs</​a></​li>​
 +<​li><​a href="​index.php?​page=cats">​Cats</​a></​li>​
 +<​li><​a href="​index.php?​page=lizards">​Lizards</​a></​li>​
 +</ul>
 +</​code>​
 +
 +Теперь мы можем передавать файлу «index.php» переменную «page» , содержащую «home», «dogs», «cats» или «lizards»,​ в зависимости от нажатой ссылки. Теперь можно свободно переходить между страницами,​ а их содержимое будет меняться. Поэкспериментируйте самостоятельно. Добавьте пятую страницу с названием «birds» и
 +убедитесь,​ что она работает. Пожалуйста,​ учтите,​ что это очень краткое введение в PHP. При разработке веб-сайтов,​ которые используют include, необходимо учитывать некоторые вопросы безопасности,​ такие как прямой доступ ко включаемым файлам (файлы в нашей папке «inc»). Но этой темы я коснусь следующий раз.
 +
 +<note tip>​**Brett Alton** – энтузиаст Ubuntu, технический специалист и разработчик ПО из Торонто,​ Канада</​note>​
 +
 +----
 +<style center>
 +  - [[..:​20:​веб-разработка_ч1|Веб-разработка. Часть 1]]
 +  - [[..:​21:​веб-разработка_ч2|Веб-разработка. Часть 2]]
 +  - [[..:​22:​веб-разработка_ч3|Веб-разработка. Часть 3]]
 +  - [[..:​23:​веб-разработка_ч4|Веб-разработка. Часть 4]]
 +
 +----
 +
 +//​[[..:​23|К содержанию номера]]//​
 +
 +//​[[:​fullcircle|К архиву журналов]]//​
 +</​style>​
 +
 +{{tag>​howto php html css Программирование Full_Circle}}