×
Закрытие
3
×

Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.

Для скачивания исходных файлов необходимо авторизоваться под своим аккаунтом через соответствующую форму.

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

Статья сборника Как установить графический редактор GIMP

Перейти к статье

Устанавливаем графический редактор GIMP

  1. Выбор графического редактора
  2. Устанавливаем программу GIMP
  3. Устанавливаем Руководство пользователя

Здравствуйте уважаемый посетитель!

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

В статье Устанавливаем бесплатный графический редактор GIMP речь пойдет о бесплатной программе GIMP, которая позволяет в полной мере решать вопросы по созданию элементов дизайна веб-страниц. И будет показано, как ее установить на локальный компьютер.

Кроме того здесь можно будет посмотреть, как в этот редактор добавить встроенное "Руководство пользователя", а также приведен бесплатный видеокурс, где можно поближе с ним познакомиться.

Для тех же, кто хочет заниматься дизайном на платном Adobe Photoshop (фотошоп), здесь также упомянут и такой вариант, основанный на использовании продления льготного бесплатного периода фотошопа на неопределенное время...

    Cайт на практическом примере

    Текущее состояние создаваемого сайта

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

    Исходные файлы данного сайта можно скачать из прилагаемых к статьям дополнительных материалов.

    Вы здесь: Главная → Сборник статей → Динамический сайт → Динамический сайт на основе шаблона главной страницы


    Автор: / Дата:

    Преобразуем динамический сайт на основе шаблона главной страницы

    Здравствуйте, уважаемый посетитель!

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

    Но, после того, как в разделе Работа с БД MySQL были показаны основные операции, обеспечивающие запись и вывод данных БД, используя этот инструмент, мы можем теперь еще более упростить наш сайт. В данном случае речь идет о формировании всех динамических страниц на основе всего лишь одного шаблона, размещенного в файле "index.ρhp".

    Этими преобразованиями мы не только существенно сократим общий объем кода, но и значительно упростим в дальнейшем работу с сайтом.

    Содержание


    • Суть выполняемых преобразований
    • Дополняем таблицу MySQL дополнительными данными
    • Преобразуем URL используя GET-параметры
    • Составляем скрипт получения данных из БД MySQL
    • Преобразуем шаблон главной страницы
    • Удаляем все освободившиеся файлы
    • Удаляем все освободившиеся файлы
    • Исходные файлы сайта

    Суть выполняемых преобразований


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

    • наименование страницы в теге </span> контейнера <span class="blue"><head></span>;</li> <li>краткое содержание страницы в области <span class="blue"><head></span> элемента <span class="blue"><meta></span> с атрибутом <span class="red">name</span><span class="blue">="Description"</span>;</li> <li>дополнительный элемент навигации "Хлебные крошки" (содержимое тега <span class="blue"><span></span> элемента <span class="blue"><div></span> с классом <span class="blue">"band"</span>).</li> <li>наименование файла запрашиваемого ресурса основного содержания страницы (инструкция <span class="blue">require_once</span> в элементе <span class="blue"><main></span>).</li> </ul> <p>Исходя из этого, если мы создадим механизм, который позволит в одной физической странице в зависимости от запроса пользователей вносить соответствующие изменения в перечисленные фрагменты кода, то получим шаблон, с помощью которого можно будет без ограничений генерировать все динамические страницы сайта.</p> <p>В этом и заключается суть необходимых преобразований, которые мы и будем сегодня выполнять. При этом, в качестве создаваемого шаблона будем использовать главную страницу, которая физически размещается в файле "index.ρhρ".</p> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> <a id="metka_2"></a> <div class="pop-glav"> <h2><i>Дополняем таблицу MySQL дополнительными данными</i></h2> <hr> </div> <p>Для того, чтобы при обработке запросов иметь возможность получать нужные данные, необходимо заблаговременно их ввести в БД MySQL. В нашем случае логично будет это сделать в существующую таблицу "url", так как в ней уже имеется некоторая информация, относящаяся ко всем существующим на данный момент страницам сайта.</p> <p>Для этого, создадим в этой таблице следующие дополнительные поля:</p> <ul class="pop-style2"> <li>"title-page" - для заголовков;</li> <li>"description" - для краткого описания;</li> <li>"content" - для основного содержания.</li> </ul> <p>Ниже показан скриншот структуры таблицы после внесенных дополнений.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_1.jpg" alt="Скриншот таблицы url после добавления полей"> <p>Рис.1 Скриншот таблицы "url" после добавления полей</p> </div> <p>Здесь видно, что при создании полей применен следующий тип:</p> <ul class="pop-style2"> <li>"title-page" - тип "VARCHAR" с максимальной длиной в 100 символов;</li> <li>"description" - "VARCHAR" с максимальной длиной в 200 символов;</li> <li>"content" - "TEXT" с максимальной длиной символов равной 65535.</li> </ul> <p>Ну, а теперь, осталось их только заполнить. Сделать это очень просто, скопировав соответствующие фрагменты кода в ячейки полей таблицы. При этом, основное содержание следует копировать с файлов, подключенных через языковую инструкцию <span class="blue">require_once</span> в элементе <span class="blue"><main></span>. Остальные фрагменты - из файлов динамических страниц.</p> <p>На рис.2 показан скриншот таблицы после заполнения дополнительных полей.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_2.jpg" alt="Скриншот таблицы url с дополнительными данными"> <p>Рис.2 Скриншот таблицы "url" с дополнительными данными</p> </div> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> <a id="metka_3"></a> <div class="pop-glav"> <h2><i>Преобразуем URL используя GET-параметры</i></h2> <hr> </div> <p>Для того, чтобы все запросы пользователей могли попадать на шаблон, размещенный в файле "index.ρhρ", необходимо сделать некоторые преобразования в адресации сайта.</p> <p>И это можно сделать с помощью GET-параметров, которые применяются для передачи данных с помощью ссылки в URL. В адресной строке браузера при отсутствии ЧПУ обычно можно их увидеть в следующем виде <b>имя_параметраN=значение_параметраN</b>. При этом, начинаются они с окончания URL-адреса после знака <b>?</b>, а разделяются - <b>&</b>.</p> <p>Ниже показан пример варианта адресной строки с уровнем вложенности равным 3, который можно было бы применить к нашему сайту:</p> <p><b>httρ://avtobezugona.ru/index.php?section=article&rubric=carjacking&page=7</b>, где</p> <ul class="pop-style2"> <li> <b>section</b> - параметр, определяющий раздел сайта (в данном случае имеет значение <b>article</b>, подразумевающее раздел статей);</li> <li> <b>rubric</b> - параметр, определяющий рубрику (в примере имеет значение <b>carjacking</b>, подразумевающее тему угонов автомобиля;</li> <li> <b>page</b> - параметр номера страницы в рубрике (в данном случае число 7);</li> <li> <b>?</b> - начало GET-параметров;</li> <li> <b>&</b> - разделение параметров.</li> </ul> <p>Исходя из этого, преобразуем адреса страниц сайта в URL главной странице "index.ρhρ" с использованием GET-параметров согласно следующей таблицы:</p> <div class="pop-chpu"> <table> <tr> <td>№ пп</td> <td>Заголовок страницы</td> <td>Существующий адрес</td> <td>Адрес с использованием GET-параметров</td> </tr> <tr> <td>1</td> <td>Главная</td> <td>index.ρhρ</td> <td>index.ρhρ</td> </tr> <tr> <td>2</td> <td>Статистика угонов</td> <td>article.ρhρ</td> <td>index.ρhρ?section=article</td> </tr> <tr> <td>3</td> <td>Способы маркировки</td> <td>action.ρhρ</td> <td>index.ρhρ?section=action</td> </tr> <tr> <td>4</td> <td>Получить скидку</td> <td>righting.ρhρ</td> <td>index.ρhρ?section=righting</td> </tr> <tr> <td>5</td> <td>Контакты</td> <td>contacts.ρhρ</td> <td>index.ρhρ?section=contacts</td> </tr> </table> <p>Рис.3 Таблица соответствия существующих адресов к адресам с использованием GET-параметров</p> </div> <p>А, теперь заменим значения в поле "file" таблицы MySQL на адреса с GET-параметрами, как показано на следующем скриншоте.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_3.jpg" alt="Скриншот таблицы "> <p>Рис.4 Скриншот таблицы "url" с новыми данными адресов страниц</p> </div> <p>Таким образом мы подготовили все данные, необходимые для формирования динамических страниц и теперь можем заняться получением их из базы данных.</p> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> <a id="metka_30"></a> <a id="metka_4"></a> <div class="pop-glav"> <h2><i>Составляем скрипт получения данных из БД MySQL</i></h2> <hr> </div> <p>Для данного случая составить PHP-код получения записей из БД MySQL довольно просто используя пример вывода одиночной строки, который ранее рассматривалс в разделе <a href="/book/mysql/vivod-dannix-mysql-php.html#metka_1">Вывод одиночной строки (использование одномерного массива)</a> в статье, посвященной выводу данных из БД MySQL в PHP.</p> <p>Для этого не потребуется составлять новый запрос на извлечение данных в одномерный ассоциативный массив, а можно использовать ранее составленную универсальную функцию "getLine($table, $column, $value)".</p> <p>А, PHP-код, который позволил бы получить в зависимости от текущего URL нужные данные в виде PHP-переменных, мало чем будет отличаться от кода, примененного для проверки вывода одиночной строки в указанной статье.</p> <p>Таким образом, вариант получения нужных данных можно составить следующим образом.</p> <div class="pop-window90"> <ol> <li class="pop-wind-0"> <p><span class="red"><?php</span></p> </li> <li class="pop-wind-0"> <p><span class="green">//Получение данных для динамических страниц</span></p> </li> <li class="pop-wind-1"> <p>$current_url = <span class="blue"><b>substr</b></span>($_SERVER[<span class="grey">'REQUEST_URI'</span>], <span class="oransh">1</span>);</p> </li> <li class="pop-wind-1"> <p>$table = <span class="grey">'url'</span>;</p> </li> <li class="pop-wind-1"> <p>$column = <span class="grey">'file'</span>;</p> </li> <li class="pop-wind-1"> <p>$value = $current_url;</p> </li> <li class="pop-wind-1"> <p>$data_bd = <span class="black">checkLine</span>($table, $column, $value);</p> </li> <li class="pop-wind-1"> <p><span class="blue"><b>if</b></span> ($data_bd == true) {</p> </li> <li class="pop-wind-2"> <p>$data_bd = <span class="black">getLine</span>($table, $column, $value);</p> </li> <li class="pop-wind-2"> <p>$title_add = $data_bd[<span class="grey">'title'</span>];</p> </li> <li class="pop-wind-2"> <p>$titlepage_add = $data_bd[<span class="grey">'title-page'</span>];</p> </li> <li class="pop-wind-2"> <p>$description_add = $data_bd[<span class="grey">'description'</span>];</p> </li> <li class="pop-wind-2"> <p>$content_add = $data_bd[<span class="grey">'content'</span>];</p> </li> <li class="pop-wind-1"> <p>}</p> </li> <li class="pop-wind-0"> <p><span class="red">?></span></p> </li> </ol> </div> <div class="pop-wind"> <p>Рис.5 PHP-код получения данных для динамических страниц</p> </div> <p>В начале создается переменная <b>$current_url</b> (поз.5), которой с помощью суперглобального массива "$_SERVER" и с использованием строковой функции <span class="blue"><b>substr</b></span> присваивается текущий URL-адрес. В данном случае эта строковая функция применена для удаления из полученного адреса ненужного для дальнейшей обработки знака слэш (/).</p> <p>Примененные здесь преобразования полностью аналогичны тому, как это делалось в <a href="/book/dinamicheskiy/dinamicheski-formiruemoe-menu.html#metka_3">предыдущей статье</a> при формировании главного меню в файле "menu.php" (рис.5). И теперь, после получения в этой части сайта значения переменной <b>$current_url</b>, аналогичный фрагмент кода можно будет из файла "menu.php" удалить.</p> <p>Далее, в позициях 4÷6 присваиваются необходимые значения переменным <b>$table</b>, <b>$column</b> и <b>$value</b>, которые будут использоваться в качестве параметров функций "checkLine()" и "getLine()".</p> <p>Первой выполняется функция "checkLine($table, $column, $value)", с помощью которой проверяется, имеется ли в таблице с именем <b>'url'</b> хотя бы одна запись, в которой в поле <b>'file'</b> присутствует значение, равное переменной <b>$value</b> (поз.7).</p> <p>И только в случае, если такая запись существует, выполняется функция "getLine($table, $column, $value)". Где из возвращенного массива (поз.9), <b>$data_bd</b> необходимые данные заносятся в переменные <b>$title_page</b>, <b>$description</b> и <b>$content</b> (поз. 10÷13).</p> <p>Таким образом, мы получили из базы данных всю нужную информацию для формирования динамических страниц, после чего можем перейти к следующему этапу преобразований - размещению соответствующих фрагментов кода в шаблоне "index.php".</p> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> <a id="metka_5"></a> <div class="pop-glav"> <h2><i>Преобразуем шаблон главной страницы</i></h2> <hr> </div> <p>Для того, чтобы преобразовать существующий шаблон главной страницы в универсальный, способный формировать любые динамические страницы сайта, следует внести полученные на предыдущем этапе данные в определенные фрагменты кода файла "index.php", перечисленные в <a href="#metka_1">первом разделе</a> данной статьи.</p> <p>Ниже показан скриншот файла "index.php" в редакторе Nodepad++ после выполненных преобразований с отмеченными фрагментами изменения шаблона.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_4.jpg" alt="Скриншот файла index.php после преобразований"> <p>Рис.6 Скриншот файла "index.php" после преобразований</p> </div> <p>Как видно, теперь шаблон главной страницы, практически, полностью стал состоять из подключенных к нему отдельных ресурсов с помощью языковых инструкций PHP "require_once". А, код его вполне компактен и хорошо структурирован.</p> <p>Но самое главное, что теперь с помощью этого шаблона в зависимости от текущего URL можно формировать без ограничения любые динамические страницы сайта. Для этого достаточно лишь в таблицу "url" добавлять соответствующие данные. Не правда ли, довольно удобно и рационально.</p> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> <a id="metka_6"></a> <div class="pop-glav"> <h2><i>Удаляем все освободившиеся файлы</i></h2> <hr> </div> <p>Как было ранее сказано, проводимые преобразования позволят существенно сократить объем кода сайта. И в этом мы сможем убедиться, удалив из него все файлы, которые больше не будут нужны для формирования страниц.</p> <p>Так, открыв корневой каталог "www", мы можем смело удалить прежние ненужные шаблоны: "article.php", "action.php", "righting.php" и "contacts.php". В итоге, содержимое папки "www" значительно сократиться и примет вид, изображенный на рис.8.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_5.jpg" alt="Содержимое корневого каталога www"> <p>Рис.7 Содержимое корневого каталога "www"</p> </div> <p>А, в папке "blocks" можно удалить файлы, которые ранее предназначались для основного содержания страниц, такие как: "block_glavnaya.php", "block_article.php", "block_action.php", "block_righting.php" и "block_contacts.php". После чего эта папка тоже значительно уменьшится в своих размерах, как видно на следующем скриншоте.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_6.jpg" alt="Содержимое папки blocks"> <p>Рис.8 Содержимое папки "blocks"</p> </div> <a id="metka_7"></a> <div class="pop-glav"> <h2><i>Проверяем результаты преобразования</i></h2> <hr> </div> <p>Если все сделано правильно, то после обновления работа сайта не должна измениться. За исключением только того, что в адресной строке в качестве URL вместо наименований файлов теперь будет отображаться URL главной страницы "index.php" с соответствующими GET-параметрами. При этом URL самой главной страницы останется таким, как прежде - "index.php" без каких-либо добавлений.</p> <p>Ниже, на скриншоте видно, как по-новому стал выглядеть URL-адрес с GET-параметрами одной из страниц.</p> <div class="pop-img-center100"> <div></div> <img class="b-lazy" src="/images/b-lazy/loading.svg" data-src="/images/article/book/dinamicheskiy/dinamicheskiy-sait-shablon-glavnoy-stranitci/dinamicheskiy-sait-shablon-glavnoy-stranitci_7.jpg" alt="Скриншот таблицы после преобразований"> <p>Рис.9 Скриншот таблицы после преобразований</p> </div> <p></p> <p>Ну, вот и все. На этом мы закончили все намеченные преобразования.</p> <p>Конечно, в реальной жизни, в случае разработки динамического сайта, делается это сразу с максимальной оптимизацией его структуры и кода.</p> <p>Здесь же я сознательно разбил это на несколько этапов в целях лучшего понимания всех процессов, которые нужно было выполнить. И надеюсь, что такой подход оказался достаточно уместным для понимания принципа построения динамического сайта.</p> <p>А, в следующей статье мы заменим адресацию страниц с GET-параметрами на человеко-понятные урлы (ЧПУ), что не составит большого труда сделать после всех уже выполненных нами преобразований.</p> <div class="chapter"> <div class="pop-glav"> <h2 id="metka_9"><i>Исходные файлы сайта</i></h2> <hr> </div> <div class="dopmat"> <p><img src="/images/article/book/sbornik-statey/dop.png" alt="Знак папки">Исходные файлы сайта с обновлениями, которые были сделаны в данной статье, можно скачать из прилагаемых дополнительных материалов:</p> </div> <ul class="pop-style1 isx-files"> <li>Файлы каталога www</li> <li>Таблицы базы данных MySQL</li> </ul> <div class="line"> <div class="p-wind"> <p>Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.</p> <p>Для скачивания исходных файлов необходимо авторизоваться под своим аккаунтом через соответствующую <a href="/auth.html">форму</a>.</p> <p>Для тех кто не зарегистрирован, можно это сделать на вкладке <a href="/registraciya.html">Регистрация</a>.</p> </div> </div> <div class="cat-right"> <p><a href="#metka_0">В начало</a></p> </div> </div> <div class="pop-sinse"> <p>С уважением, Николай Гришин</p> </div> </div> </div> <div class="pop-glav15"> <hr> </div> <ul class="pop-style16"> <li class="pop-next">Следующая сатья: <a href="/book/chpu/cheloveko-ponyatnie-urli.html">Используем в сайте человеко-понятные урлы (ЧПУ)</a> </li> </ul> </div> </div> <div class="pop-vod4"> <div class="pop-article"> <div class="pop-glav"> <p><i>Комментарии</i></p> <hr> </div> <p>Если у Вас возникли вопросы, или есть какие-либо пожелания по представлению материала, либо заметили какие-нибудь ошибки, а быть может просто хотите выразить свое мнение, пожалуйста, оставьте свои комментарии. Такая обратная связь очень важна для возможности учета мнения посетителей.</p> <p><span>Буду Вам за это очень признателен!</span></p> </div> <div id="hypercomments_widget"></div> <div id="hypercomments_script"></div> </div> </main> <aside id="banner_center"> <div class="pop-vod4"> <div class="pop-article"> <div class="pop-glav"> <p><i>Подписка</i></p> <hr> </div> <p>Здесь вы можете подписаться на получение уведомлений о выходе новых статей блога.</p> <p>Данные об <span>e-mail надежно защищены</span> (работа сайта обеспечивается только через защищенные соединения по протоколу SSL) и <span>не предназначены для использования третьими лицами</span>.</p> <div class="user-wrapper"> <div class="user_1"></div> <div class="form_reg"> <form name="sait" action="/subscribe.html" method="post" onsubmit="return checkRiting(this)" id="sait"> <div> <label for="name-sait">Ваш имя:</label> </div> <div> <input type="text" id="name-sait" name="name-sait" title="Имя должно быть на русском и содержать не менее 3 символов" pattern="[ А-Яа-яЁё]{3,}" required=""> </div> <div> <label for="email-sait">Ваш e-mail:</label> </div> <div> <input type="email" id="email-sait" name="email-sait" required=""> </div> <div class="sait-checkbox"> <div> <span> </span><b>✓</b> Я не робот </div> </div> <div class="sait-capcha capcha"> <span>4 - 1 =</span> <input type="text" name="result-contact" value=""> </div> <p class="subscribe-button"><input type="submit" name="button_sait" value="Отправить"></p> </form> </div> <div class="user_2"></div> </div> </div> </div> <div class="pop-vod4" id="anons-block"> <div class="pop-article"> <div class="pop-glav" id="glav-anons"> <p><i>Другие статьи сборника "Самописный сайт своими руками"</i></p> <hr> </div> <div id="anons-common"> <div class="anons-add"> <div class="anons-0"></div> </div> </div> <div class="next-section4"> <p>Показать больше</p> </div> </div> </div> </aside> </div> <div id="mirr-banners_240"> <aside id="banners_240"> <div class="div-banner" id="banner_vip1"> <div class="div-banner-fon_right"> <div class="banner_1"> <span>Последнее</span> </div> <ul class="pop-style24"> <li> <div class="style-block"> <div> <div class="style-ground obrabotka-oshibok-sql-zaprosov"> <div id="obrabotka-oshibok-sql-zaprosov"></div> </div> </div> <div> <span>2019-03-12</span> <a href="/book/errors/obrabotka-oshibok-sql-zaprosov.html">Обработка ошибок sql-запросов</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground svorachivanie-i-razvorachivanie-ehlementov-na-javascript"> <div id="svorachivanie-i-razvorachivanie-ehlementov-na-javascript"></div> </div> </div> <div> <span>2019-05-05</span> <a href="/book/content/svorachivanie-i-razvorachivanie-ehlementov-na-javascript.html">Сворачивание и разворачивание элементов на JavaScript</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground plavayushchij-sajdbar-na-sticky-css"> <div id="plavayushchij-sajdbar-na-sticky-css"></div> </div> </div> <div> <span>2019-07-10</span> <a href="/book/floating-sidebar/plavayushchij-sajdbar-na-sticky-css.html">Плавающий сайдбар на sticky-css</a> </div> </div> </li> </ul> <ul class="pop-style17" id="google"></ul> </div> </div> <div class="div-banner" id="banner_vip2"> <div class="div-banner-fon_right"> <div class="banner_1"> <span>Популярное</span> </div> <ul class="pop-style18"> <li> <div class="style-block"> <div> <div class="style-ground2 podkluchenie-bazi-dannix-mysql"> <div><img src="/images/anons/smallest/podkluchenie-bazi-dannix-mysql.png" alt=""></div> </div> </div> <div> <span>2017-06-27</span> <a href="/book/mysql/podkluchenie-bazi-dannix-mysql.html">Подключаем базу данных MySQL с использованием процедурного и объектно-ориентированного стиля MySQLi</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 kak-ustanovit-perenesti-sajt-na-openserver"> <div><img src="/images/anons/smallest/kak-ustanovit-perenesti-sajt-na-openserver.png" alt=""></div> </div> </div> <div> <span>2018-11-13</span> <a href="/book/setting/kak-ustanovit-perenesti-sajt-na-openserver.html">Как установить (перенести) сайт на локальный веб-сервер Open Server</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 kak-sozdaty-dinamicheskiy-sait"> <div><img src="/images/anons/smallest/kak-sozdaty-dinamicheskiy-sait.png" alt=""></div> </div> </div> <div> <span>2017-01-10</span> <a href="/book/dinamicheskiy/kak-sozdaty-dinamicheskiy-sait.html">Создаем динамический сайт с помощью php</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 poluchenie-i-proverka-dannyh-iz-formy-v-php"> <div><img src="/images/anons/smallest/poluchenie-i-proverka-dannyh-iz-formy-v-php.png" alt=""></div> </div> </div> <div> <span>2018-09-14</span> <a href="/book/form/poluchenie-i-proverka-dannyh-iz-formy-v-php.html">Получаем и проверяем данные из формы в PHP</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 sozdanie-formy-avtorizacii"> <div><img src="/images/anons/smallest/sozdanie-formy-avtorizacii.png" alt=""></div> </div> </div> <div> <span>2018-12-16</span> <a href="/book/form/sozdanie-formy-avtorizacii.html">Создаем форму авторизации</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 sozdanie-bazi-dannix-mysql"> <div><img src="/images/anons/smallest/sozdanie-bazi-dannix-mysql.png" alt=""></div> </div> </div> <div> <span>2017-06-21</span> <a href="/book/mysql/sozdanie-bazi-dannix-mysql.html">Создаем базу данных MySQL</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 sozdanie-tablitsi-mysql"> <div><img src="/images/anons/smallest/sozdanie-tablitsi-mysql.png" alt=""></div> </div> </div> <div> <span>2017-07-02</span> <a href="/book/mysql/sozdanie-tablitsi-mysql.html">Создаем таблицы MySQL c помощью phpMyAdmin, SQL-команд и в PHP</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 vivod-dannix-mysql-php"> <div><img src="/images/anons/smallest/vivod-dannix-mysql-php.png" alt=""></div> </div> </div> <div> <span>2017-08-03</span> <a href="/book/mysql/vivod-dannix-mysql-php.html">Выводим данные из БД MySQL в PHP</a> </div> </div> </li> <li> <div class="style-block"> <div> <div class="style-ground2 sozdanie-veb-ctranitsi"> <div><img src="/images/anons/smallest/sozdanie-veb-ctranitsi.png" alt=""></div> </div> </div> <div> <span>2016-11-06</span> <a href="/book/verstka/sozdanie-veb-ctranitsi.html">Создаем веб-страницу и размещаем ее на локальном веб-сервере</a> </div> </div> </li> </ul> </div> </div> <div class="div-banner" id="banner_vip3"> <div class="div-banner-fon_right"> <div class="banner_1"> <span>Как загрузить файлы сайта</span> </div> <div class="banner_4"> <p>При рассмотрении различных этапов создания сайта может возникнуть вопрос, как использовать те исходные материалы, которые прилагаются к статьям Сборника?</p> </div> <p class="banner_35"></p> <noscript></noscript> <div class="banner_4"> <p>Для этого можно использовать описание процедуры загрузки предоставляемых исходных файлов разрабатываемого сайта на локальный веб-сервер <a href="/book/setting/kak-ustanovit-perenesti-sajt-na-denwer.html">Денвер</a> и <a href="/book/setting/kak-ustanovit-perenesti-sajt-na-openserver.html">Open Server</a>.</p> </div> <p class="banner_35"></p> <noscript></noscript> <div class="banner_40"> <p>В свою очередь, при размещении сайта в сети Интернет можно воспользоваться статьей <a href="/book/razmeschenie/kak-perenesti-sait-na-hosting.html">Переносим сайт на хостинг</a> где показано, как с помощью FTP клиента FileZilla файлы с локального компьютера могут быть перенесены на удаленный сервер.</p> </div> </div> </div> <div class="div-banner5" id="banner_vip5"> <div class="div-banner-fon_right"> <div class="banner_0"> <span>Антиплагиат</span> </div> <div class="banner_30"> <p><b>Уважаемые посетители!</b></p> </div> <div class="banner_36"> <p>Сообщаю Вам, что на сайте выявлено большое количество случаев воровства контента.</p> <p>В связи с чем мною приняты некоторые меры с целью предотвращения дальнейших случаев плагиата.</p> <p>В результате чего частично <b>ограничена возможность копирования изображений и текстового содержания статей</b>.</p> <div class="banner_35"> <noscript></noscript> </div> <p>При этом доступ к копированию фрагментов статей, относящихся к <b>ссылкам и исходным кодам разрабатываемого сайта, оставлен, как и прежде открытым</b>.</p> </div> <div class="banner_32"> <p>Надеюсь на Ваше понимание.</p> </div> <div class="banner_33"> <p>С уважением, Николай Гришин</p> </div> <div class="banner_14"> <p>Плагиаторам</p> </div> <div class="banner_34"> <div class="banner_3"> <p>Владельцам же сайтов с перечисленными ниже адресами страниц:</p> <ul> <li>"http://21099.ru/5322-ogranichenie-dvizheniya-transporta-v-astane.html";</li> <li>"http://www.domashnielaifhacki.ru/vishivka/sozdanie-sayta-svoimi-rukami-s-nulya.php";</li> <li>"http://paninobuxu304.ga/7431339/3f93e-sozdat-sayt-svoimi-rukami-i-besplatno-ce0e032a";</li> <li>"http://yoga-altay.ru/component/content/article/21-massage/267-vibromassazh.html";</li> <li>"http://www.uvdrzn.ru/1610-sayt-mozhno-sozdat-neskolkimi-sposobami.html".</li> </ul> </div> <div class="banner_37"> <p>Предлагаю в добровольном порядке удалить со своих ресурсов тексты статей блога, которые незаконно были использованы в своих целях.</p> <p>В случае, если это сделано не будет, с моей стороны будет передана вся необходимая информация в соответствующие службы поисковых системы Яндекс и Google для принятия должных решений.</p> <p>Оставляю также за собой право решения данного вопроса в судебном порядке для привлечения соответствующих лиц к ответственности, предусмотренной Гражданским кодексом Российской Федерации за нарушения норм и требований Закона РФ об авторском праве.</p> </div> <div class="pop-slip_4"> <p><button>Свернуть</button></p> </div> </div> </div> </div> </aside> </div> <div id="clear"></div> </div> </div> <footer id="footer"> <div class="footer-block"> <div class="footer-label"> </div> <div class="footer-label"></div> </div> <div id="footer-title"> <p>Все права защищены © "Как создать сайт" 2022 <a href="/"> sayt-sozdat.ru</a></p> </div> <div class="menu-footer"> <nav> <ul class="ftr-menu"> <li class="passiv-footer"> <a href="/">Главная</a> </li> <li class="passiv-footer"> <a href="/karta-saita.html">Карта сайта</a> </li> <li class="passiv-footer"> <a href="/book/">Сборник статей</a> </li> <li class="passiv-footer"> <a href="/uslugi.html">Услуги</a> </li> <li class="passiv-footer"> <a href="/ob-avtore.html">Об авторе</a> </li> <li class="passiv-footer"> <a href="/obratnaya-svyaz.html">Обратная связь</a> </li> <li class="passiv-footer"> <a href="/poisk.html">Поиск</a> </li> <li class="passiv-footer"> <a href="/auth.html">Войти</a> </li> <li class="passiv-footer"> <a href="/subscribe.html">Подписка</a> </li> <li class="passiv-footer"> <a href="/registraciya.html">Регистрация</a> </li> </ul> </nav> </div> </footer> </div> <noscript> <link rel="stylesheet" type="text/css" href="/styles/nojs.css"> </noscript> <script src="/js/jquery-3.4.1.min.js"></script> <script src="/js/jquery.easing.1.3.js"></script> <script src="/js/jquery.flexslider_mod.js"></script> <script src="/js/functions.js"></script> <script src="/js/banner_script.js"></script> </body> </html>