Создание html страниц с помощью PHP. Как из html сделать php


Перевод сайта из HTML в PHP » Adobe Muse Уроки

Перевод сайта из HTML в PHP в Adobe Muse.

Расширение функциональности сайта с помощью перевода сайта из HTML в PHP. После осуществления таких преобразований, вы сможете вставлять код PHP в код страниц сайта и он будет работать.

Сайт экспортированный из программы Adobe Muse представляет собой код HTML. В этом видеоуроке рассказывается о том, как преобразовать файлы и расширения файлов сайта и перевести его в PHP. Смотрите видео:

В этом видео уроке мы рассмотрим, как из сайта, экспортированного из Adobe Muse в HTML  сделать сайт, который будет работать на PHP.

Из HTML в PHP. Обзор подготовленного примера.

Допустим, у нас есть вот такой сайт, который я уже подготовил. Здесь у меня три страницы. Первая страница выглядит вот так. Здесь у меня один графический блок, текстовый блок и кнопка перехода «На страницу 2» со ссылкой.  Следующая страница «2», просто так и называется. И здесь кнопка есть «На страницу 3» переход. И третья страница называется «3» и кнопка перехода снова «На страницу 1». Вот такой небольшой сайт я сделал. Небольшой пример.

Из HTML в PHP. Экспорт сайта в HTML.

И мы переходим в меню «Файл», выбираем «Экспортировать как HTML». Я задал название сайту «html-php.ru». И разместил его в папку на своем локальном сервере: «C\:OpenServer\Domains\html-php». Я выбрал эту папку. Этот локальный сервер работает у меня с PHP. И для того, чтобы показать, что сайт будет работать, я размещаю его именно сюда. Нажимаю кнопку «ок» для экспорта файлов в HTML. И сейчас сайт сразу запустился из папки «html-php» для просмотра, но сейчас он запустился не с сервера, а просто как обычно из папки, в которую мы экспортировали наш сайт из программы Adobe Muse.

Сейчас, естественно, будет все работать. И все страницы у нас в формате HTML. Если мы сейчас попытаемся запустить сайт с сервера, я напишу здесь: «html-php», то вы увидит, что сайт у меня запустился с OpenServer на моем компьютере из папки «html-php». Далее мы переходим по страницам, у нас открываются страницы уже с моего локального сервера. И тоже все работает, но в формате HTML. Как же нам преобразовать сайт в PHP?

Из HTML в PHP. Экспорт в HTML. Переименование ссылок страниц.

Давайте сейчас зайдем в Adobe Bridge, в папку расположения нашего сайта и выберем здесь все три файла, которые у нас с расширением .html. Заходим в «Инструменты», выбираем «Пакетное переименование». И здесь выбираем в первом окошке просто «Текст». Здесь выбираем «Текущее имя файла», ничего не меняем. Далее выбираем новое расширение, пишем здесь .php. И в последнем блоке оставляем просто «Текст». И здесь тоже ничего не вводим. Таким образом, мы получаем текущее имя файла: index.html. Новое имя файла: index.php. будет обработано файлов 3. Нажимаем «Переименовать». И наши файлы переименуются в «index.php», «page-2.php2 и «page-3.php». Все файлы стали с расширением .php.

Теперь мы заходим снова на наш сервер и пытаемся запустить наш сайт. Наш сайт, естественно запускается. Первую страницу «index-php» наш сервер нашел, но при переходе на страницу «2», уже наш сервер не находит данную страницу, поскольку страницы «page-2.html» уже не существует. Она теперь с расширением .php. Нажимаем «enter». Вот теперь эта страница. На страницу «3» мы тоже не сможем перейти, поскольку тоже она у нас с расширением .html. Если мы напишем здесь .php, то мы перейдем на страницу «3». И точно также сможем вернуться на страницу «1», но не вернемся, поскольку у нас файл «index» с расширением тоже .php.

Из HTML в PHP. Переименование ссылок внутри страниц.

Для того, чтобы у нас все заработало, нам необходимо в самих файла «index.php», « page-2.php» и «page-3.php» поменять внутри все ссылки – все расширения с .html на .php. Это мы можем сделать в программе Brackets или в любом текстовом редакторе для редактирования. Например, если мы сейчас перейдем в папку на моем компьютере, где расположены данные файлы, и сможем открыть с помощью редактора, например, Notepad++ файл «index.php». Здесь мы заходим в «Поиск» и «Замена». И заменяем все расширения .html на .php. Выбираем здесь «Заменить все». И видим, что у нас изменилась только одна ссылка. Давайте посмотрим, где она была расположена, давайте найдем ее с помощью поиска опять же. Не «Замена», а «Поиск», пишем: «php»,  нажимаем «Искать далее». И вы видите, что ссылка, которая у нас назначена на кнопку href=”page-2.php” стала, была href=”page-2.html”.

Таким образом, нам нужно поменять все ссылки во всех трех файлах. Мы открываем точно также страницу «page-2» уже открываем, давайте в другом редакторе, в Brackets . Идем в «Поиск», далее «Заменить», нажимаем найти «.html» и заменить на «.php». И нажимаем «Все», нажимаем «Заменить» и видим, что в тексте замена произошла успешно. Нажимаем сохранить данный файл. То же самое мы должны были сделать там, я, наверное, не сохранил. Давайте я еще раз открою, нажимаю «Ctrl+S» для того, чтобы сохранить. И давайте отредактируем третий файл. Делаем то же самое: «Поиск», «Найти», «Заменить». Нашли «.html» и заменим на «.php». Нажимаем «Все» и нажимаем «Заменить». Произошла замена у нас в строке «35». Опять «page-3.html» заменилась на «page-3.php». Нажимаем снова сохранить этот файл.

Из HTML в PHP. Просмотр результата.

И давайте теперь снова зайдем на наш локальный сервер. Здесь у нас уже будет первый запускаемый файл «index.php». После перехода по кнопке «На страницу 2», у нас должна открыться страница «page-2.php». Так оно и есть, вот вы видите здесь расширение файла .php. И при переходе на страницу «3», у нас снова «page-3» с расширением .php. И снова переходим на страницу «1». Все у нас работает. Все ссылки работают. Сайт работает.

Из HTML в PHP. Другие программы Adobe для редактирования файлов.

У программы Adobe есть еще программа «Dreamweaver». В ней можно точно также автоматически поменять все ссылки внутри данных файлов. Таким образом, вы получите сайт, который будет работать с расширением .php.

На этом все, дорогие друзья. Этот урок закончен. Надеюсь, он был для вас полезен и некоторым из вас пригодится. Подписывайтесь на мой канал, ставьте лайки и пишите комментарии внизу к этому видео. И до встречи в следующих видеоуроках!

Автор видеоурокаДмитрий Шаповалов

urokimuse.ru

как из html сделать php

Нужно переименовать файл, а точнее - расширение файла. ПКМ -> Переименовать -> вводите "php" вместо "html", точку перед ним не убирать.1. Чтобы не было крокозябр, нужно указать в файле между и вот это:Это поменяет кодировку кодумента.Если это не помогло, значит, сам файл не в той кодировке.2. Если у Вас нет Notapad++ (редактор кода) , его нужно скачать и установить. После установки открываете notepad++, перетягиваете мышкой в него нужный Вам файл (которые хотите сделать .php). И в notapad++ откроется код этого файла. В верхнем меню:Кодировки -> преобразовать в UTF-8 буз BOM.Когда вы это сделаете, нужно сохранить файл (иконку сохранения, надеюсь, знаете?) .Чтобы не было крокозябр, нужно выполнить оба пункта.А вообще, когда Вы смените расширение на .php, то для того, чтобы открыть страничку в браузере, Вам понадобится локальный сервер. Если Вы просто откроете страничку в браузере, то у Вас откроется не содержимое, а ее код (прямо в браузере) .Локальный сервер - это такая прога для компа. Разных локальных серверов много, но я рекомендую WapmServer - сама пользуюсь. Скачайте и установите его.Когда поставите, зайдите туда, куда Вы его установили. ваш_локальный_диск/wamp/www/ - вот сюда.Вот в эту папку надо скопировать Ваш файл. А в браузере запускать так:localhost/filename.phpfilename.php - это имя Вашего файла.Тогда запустится как надо. Для пробы впихните в файл между и вот этот код:Если у вас на странице появится надпись "Проверка работы вампа. ", значит, вамп (локальный сервер) работает.А вообще, надо знать язык PHP, чтобы работать с php-сайтами.P. S. Объяснила, как новичку, так как не знаю Ваш уровень. Прошу прощения, если что.

ну, переименуй файл.. . работать будет точно так же ты сначала реши, зачем оно тебе надо ?

хтмл - до что идет от сервера клиентам. пхп - один из вариантов проги на которых выдача этого хтмл создается. (клиенту пофиг что там на сервере, он видит только результат) настрой сервер на запуск пхп по запросу странички, и этой прогой формируй текстовый поток

programming.ques.ru

Создание html страниц сайта с помощью языка PHP

Что такое PHP ?

 

   

Если вы только что столкнулись с PHP, то вам нужно знать некоторые определения. Прежде всего, PHP – это язык программирования и служит он для написания команд (сценариев), адресованных серверу. Если говорить ещё проще, то при помощи PHP мы можем общаться с сервером. Команды PHP легко внедряются в HTML страницы. Именно это свойство является важным преимуществом языка PHP перед такими языками, как Perl и C.

Синтаксис PHP

PHP код сценария начинается после открывающего тэга <? и заканчивается закрывающим ?>. Текст между этими двумя тэгами считывается программой, находящейся на сервере, а в HTML-документ выводится полученный результат. Рассмотрим на примере:

 

<html><head><title>Пример</title></head><body>

<? include("sidebar.htm"); ?></body></html>

 

Если нам нужно что-то вставить в html код страницы необходимо использовать команду include (вставить). Далее указываем адрес файла, а заканчивается строка, как и в CSS ;

Вставляем HTML код в страницы сайта

Как правило боковые колонки (sidebar) и подвал (footer) остаются неизменными на всех страницах сайта. Следовательно коды <div>.....</div> и <div>.....</div> можно вынести в отдельные htm страницы "sidebar.htm" и "footer.htm" и вставлять в страницы сайта при помощи команды include. Если при этом вынести в отдельный файл и главное содержимое - <div>.....</div>, то код нашей страницы будет иметь вид:

 

<html><head><title>Пример</title></head><body>

<? include("sidebar.htm");include("content.htm");include("footer.htm");?></body></html>

 

содержимое sidebar.htm

 

<div>здесьсодержимоеВашегосайд-бара</div>

Аналогично с файлами content.htm и footer.htm .

 

При такой генерации страниц Вам достаточно внести изменения в один файл "sidebar.htm", что бы изменились все страницы сайта. Что очень удобно если Ваш сайт состоит из сотни или тысячи страниц.

 

PHP на Вашем компьютере

Чтобы Вы могли работать с PHP-скриптами и просматривать результаты выполнения в браузере, вам нужно установить работающий веб сервер с PHP на Вашем локальном компьютере .Лучше всего для таких задач подойдёт Денвер. (официальный сайт предоставляет всё необходимое бесплатно) В комплект установки входит - Apache, php и MySQL. Другими словами на Вашем компьютере будет находиться полнофункциональный сервер для хостинга сайтов.

Для того, что бы PHP код работал в HTML страницах необходимо открыть файл .htaccess в любом текстовом редакторе и прописать следующее:

 

AddHandler application/x-httpd-php .html

Сохранить и отправить на сервер.

Данная запись разрешает выполнение PHP скриптов в HTML страницах.

Или изменить расширение файла .html на .php

 

Возможности PHP

PHP способен не только выдавать HTML. Возможности PHP включают формирование изображений, файлов PDF и даже роликов Flash (с использованием libswf и Ming), создаваемых "на лету". PHP также способен выдавать любые текстовые данные, такие, как XHTML и другие XML-файлы. PHP способен осуществлять автоматическую генерацию таких файлов и сохранять их в файловой системе вашего сервера, вместо того, чтобы отдавать клиенту, организуя, таким образом, кеш динамического содержания, расположенный на стороне сервера.

Одним из значительных преимуществ PHP является поддержка широкого круга баз данных. Словом, PHP может предложить вам очень многое! Подробно о преимуществах PHP можно ознакомиться на www.php.su.

www.wellsait.ru

PHP: PHP и HTML - Manual

Здесь несколько этапов, на которых кодировка важна. Предположим, что у вас есть $data типа string, содержащая строку, которую вы хотите передать без кодирования. Вот эти этапы:

Пример #1 Скрытый элемент HTML-формы

<?php    echo '<input type="hidden" value="' . htmlspecialchars($data) . '" />'."\n";?>

Замечание: Использовать urlencode() для $data неправильно, так как кодировать данные в urlencode() это обязанность браузера. Все популярные браузеры делают это правильно. Отметьте, что это происходит вне зависимости от метода (например, GET или POST). Вы заметите это только в случае GET-запроса, так как POST-запросы обычно скрыты.

Пример #2 Данные, редактируемые пользователем

<?php    echo "<textarea name='mydata'>\n";    echo htmlspecialchars($data)."\n";    echo "</textarea>";?>

Замечание: Данные показываются браузером как предполагается, потому что браузер будет интерпретировать экранированные HTML-символы. При отправке через GET или POST данные будут закодированы (urlencoded) браузером для передачи и декодированы (urldecoded) PHP. Поэтому вам не надо выполнять какое-либо кодирование/декодирование url самостоятельно, всё обрабатываются автоматически.

Пример #3 В URL

<?php    echo '<a href="' . htmlspecialchars("/nextpage.php?stage=23&data=" .        urlencode($data)) . '">'."\n";?>

Замечание: На самом деле вы подделываете HTML GET-запросом, поэтому необходимо вручную закодировать (urlencode()) данные.

Замечание: Вам надо применить htmlspecialchars() ко всему URL, потому что URL появляется как значение HTML-атрибута. В этом случае, браузер сначала раскодирует всё значение (обратная операция htmlspecialchars()) и затем передаст URL. PHP поймёт URL правильно, так как вы закодировали данные с urlencode(). Вы заметите, что & в URL заменяется на &amp;. Хотя большинство браузеров это исправляют, если вы забудете об этом, но все же это не всегда возможно. Поэтому, даже если ваш URL не динамический, вам надо закодировать его с помощью htmlspecialchars().

php.net

Вставка PHP кода в HTML. Как правильно это сделать?

Интернет прочно вошел в нашу жизнь, и мы уже не представляем без него нашего существования. Просыпаясь, мы первым делом открываем свою любимую социальную сеть, чтобы прочитать свежие новости. И в течение дня постим в свои блоги новые фотографии и истории из нашей жизни. Каждый день рождаются тысячи сайтов, и такое же количество умирает. Но мало кто задумывается, что находится по ту сторону монитора. Мало кто знает, из чего состоит сайт и по каким принципам он работает. Сегодня мы хотим рассказать, как вставить PHP код в HTML и для чего это нужно.

Что такое HTML

Для того чтобы непосредственно перейти к теме, нужно выяснить, из чего же состоит сайт, как он устроен. Если открыть в браузере любую страничку, то можно увидеть, что на ней есть текст, картинки, иногда видео. И никакого кода там нет. Но он там! То, что мы видим перед собой, и есть отображение кода. Стоит нажать комбинацию клавиш CTRL+U, и в следующем окошке мы его обнаружим. Это и есть HTML.

Написание кода

Но HTML - это не язык программирования, это всего лишь разметка гипертекста. Он не может выполнять каких-либо логических операций, как делают это языки программирования. По-другому, HTML отвечает за расположение на странице контента: текста, картинок, медиа, видео, таблиц. Когда-то, еще на заре интернета, все сайты состояли из сплошного HTML, но это оказалось не совсем удобно. Такие сайты называются статичными, и для изменения контента на страничке нужно было править весь код. Так были изобретены серверные языки программирования, и одним из таких языков является PHP. После этого возникла потребность вставлять PHP код в HTML. Как это сделать, опишем ниже.

Что такое PHP

Код языка PHP не отображается в браузере. Это серверный язык программирования. Как это понять? Сервер - это удаленный компьютер. Когда пользователь совершает какое-то действие на странице: заполняет форму регистрации, жмет на кнопочки, пишет сообщение - все результаты его действий отправляются на сервер. Там они обрабатываются и выводятся обратно на экран. Так пользователь видит результат своих действий.

HTML код в браузере

Когда начали применять серверные языки программирования, то возникла необходимость вставлять PHP код в HTML-страницу. Как правильно это сделать, будет описано ниже. Язык PHP может взаимодействовать не только с HTML, он также выступает посредником при работе с базами данных. Есть специальные функции, которые делают запросы к базам данных: выбирают из них данные, изменяют, удаляют, обновляют и так далее.

Почему нельзя создать сайт на одном HTML

Как уже говорилось выше, сайты на одном лишь HTML - это статичные сайты. На них нельзя менять контент без правки самого кода. Язык PHP представляет большие возможности по управлению сайтами. В частности, управлять контентом из административной панели прямо в браузере, не заходя на сервер для изменения кода. Это оказалось очень удобным решением: администратор сайта может редактировать или добавлять контент самостоятельно, не обращаясь за помощью к программисту.

PHP код в редакторе

Благодаря языку PHP появились системы управления сайтами. Самые известные из них - Wordpress, Joomla, DLE. Таких CMC очень много, и их с каждым днем появляется все больше и больше. Но каждый уважающий себя вебмастер должен уметь править код, если возникнет такая необходимость. Он должен знать, как вставить PHP код в HTML, не обращаясь каждый раз к программисту из-за такой мелочи.

Для чего требуется вставка PHP

При верстке шаблонов на HTML почти всегда используется динамическая вставка. Для чего? Современные сайты - это многостраничные порталы, и количество страниц, которое они содержат, может меняться в зависимости от задачи. Поэтому все современные сайты используют шаблоны. Один и тот же шаблон отображается на всех страницах. Это упрощает работу программистов и обеспечивает легкую смену отображения сайта в браузере.

Вставка кода PHP

Чтобы это обеспечить, в HTML шаблона внедряется специальный PHP-код, который и обеспечивает динамическую замену всего интерфейса. Без такого включения невозможно сделать современный сайт. А как вставить html-код в php-файл, мы будем рассматривать далее.

Варианты вставок

В зависимости от того, каким образом написан шаблон сайта, варианты вставок могут быть разные. Если шаблон написан на HTML, то в него внедряется код PHP, а если он написан на PHP, наоборот, HTML включается в PHP. Здесь будут рассмотрены оба способа, и заодно можно будет узнать, как вставить html-код в php в скрипт.

В первом варианте все довольно просто. Нужную PHP-функцию вставляют в разрыв HTML. В нужном месте открывают тег, с которого начинается PHP, после него пишется необходимая функция, затем тег закрывается. Это самый распространенный вариант вставки, хотя он не единственный.

Еще одним способом является подключение файла в нужном месте. Весь необходимый контент помещают в отдельный файл и подключают его к шаблону посредством директивы include. Теперь если изменить искомый файл, то и содержимое шаблона изменится. Есть еще один нетрадиционный способ, но подробнее узнать, как вставить html-код в php в eof можно будет в следующей статье.

PHP код в ноутбуке

Во втором варианте рассмотрим шаблон, написанный на PHP. В этом примере вставка будет немного сложнее. В таких случаях применяют функцию ECHO, внутрь которой заключают код HTML. Такая конструкция тоже распространена, хотя она не единственная. Конструкцию HTML можно непосредственно вставлять в разрыв PHP: тогда функцию нужно закрыть и, вставив HTML, снова писать PHP-код, начав с открывающейся скобки.

Заключение

Из этой статьи мы узнали, как вставить php-код в html. Это совсем не сложно. Вариантов множество, и каждый выбирает свой, на его взгляд более простой и приемлемый в его ситуации. Важно знать, что программирование - это сложная наука, и, прочитав только одну статью, настоящим программистом не стать. Нужно пройти большой путь. Неизбежны ошибки на всех этапах, и с этим нужно мириться. Только приобретенный опыт может дать тот результат, к которому вы стремитесь.

fb.ru

PHP и HTML

Здесь несколько этапов, на которых кодировка важна. Предположим, что у вас есть $data типа string, содержащая строку, которую вы хотите передать без кодирования. Вот эти этапы:

Пример #1 Скрытый элемент HTML формы

<?php    echo "<input type='hidden' value='" . htmlspecialchars($data) . "' />\n";?>

Замечание: Использовать urlencode() для $data неправильно, так как это обязанность браузера кодировать (urlencode()) эти данные. Все популярные браузеры делают это правильно. Отметьте, что это происходит вне зависимости от метода (например, GET или POST). Однако, вы заметите это только в случае GET запроса, так как POST запросы обычно скрыты.

Пример #2 Данные, редактируемые пользователем

<?php    echo "<textarea name='mydata'>\n";    echo htmlspecialchars($data)."\n";    echo "</textarea>";?>

Замечание: Данные показываются браузером как предполагается, потому что браузер будет интерпретировать экранированные HTML символы. При отправке через GET или POST данные будут закодированы (urlencoded) браузером для передачи и раскодированы (urldecoded) PHP. Поэтому вам не надо выполнять какое-либо url-кодирование/раскодирование самим, все выполняется автомагически.

Пример #3 В URL

<?php    echo "<a href='" . htmlspecialchars("/nextpage.php?stage=23&data=" .        urlencode($data)) . "'>\n";?>

Замечание: На самом деле вы представляетесь HTML GET запросом, поэтому необходимо вручную закодировать (urlencode()) данные.

Замечание: Вам надо применить htmlspecialchars() на полный URL, потому что URL появляется как значение HTML атрибута. В этом случае, браузер сначала раскодирует всё значение (де-htmlspecialchars()) и затем URL. PHP поймет URL правильно, так как вы закодировали данные с urlencode(). Вы заметите, что & в URL заменяется на &amp;. Хотя большинство браузеров это исправляют, если вы забудете об этом, но всё же это не всегда возможно. Поэтому, даже если ваш URL не динамический, вам надо закодировать его с помощью htmlspecialchars().

php-manual.webi.ru