Штирлиц — Сеть печатных салонов в Перми

Весь комплекс печатных услуг в Перми. Общирная сеть печатных салонов в Перми. Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми

Как создать веб страницу: Создание первой веб-страницы | WebReference

как создать собственную веб-страничку OTUS

Python – популярный язык программирования общего назначения. Он позволяет создавать контент разного направления. Используется и для веб-разработки. Активно применяется при написании собственных веб-страничек.

В данной статье будет рассказано о том, как написать элементарный сайт на Python. Это небольшой туториал, помогающий новичкам освоиться в выбранном направлении. Также предстоит узнать, какие популярные проекты уже были написаны на Питоне. Соответствующие данные помогут понять, насколько на самом деле язык программирования является востребованным и перспективным в 21 веке.

Питон и веб

В Google полно информации о том, как можно сделать собственный сайт. И не только на Питоне, а совершенно на любом языке. Соответствующие сведения позволяют с нуля писать как элементарные, так и весьма сложные странички.

При использовании Python в web development, нужно учитывать следующие особенности:

  • инструменты применяются преимущественно для бэкенда и маршрутизации;
  • в качестве конкурентов Питона выделяют Ruby и PHP;
  • для того, чтобы сделать сайт или веб-утилиту на выбранном ЯП, предстоит выучить CSS и HTML.

Функциональную часть фронтенда можно создать, согласно данным из Google, на JavaScript. Но можно через специальные средства заняться фулл-стек разработкой на Python.

Full Stack Development на Питоне

Для того, чтобы полноценно использовать Питон при написании собственной веб-странички, придется изучить некоторые фреймворки. Они носят название Full Stack Frameworks. Самым распространенным вариантом является Django. С ним всего за 5 минут удастся создать элементарный сайт.

Джанго выделяется:

  • простотой изучения;
  • наличием шаблонов для специальных HTML-документов;
  • возможностью вставки получившегося кода в Python для взаимодействия с информацией из backend.

Фулл-стек позволяет работать с HTTP-запросами, хранилищами БД, а также готовыми шаблонами веб-страниц, запросами маршрутизации. На помощь иногда приходят микрофреймворки, но они применяются более опытными разработчиками. Обладают меньшей гибкостью, из-за чего программный код в конечном итоге усложняется.

Ключевые фреймворки

Если делает website, нужно тщательно составлять запросы для Google. С их помощью удастся найти ответ на любой вопрос, связанный с разработкой программного обеспечения. Но в Google и других поисковых системах легко запутаться. Они редко выдают на первых страницах поэтапные уроки для новичков. Поэтому инструкции, приведенные ниже, подойдут «чайникам» и еще не слишком уверенным в себе пользователям.

Создание новой страницы в интернете на Python лучше проводить при помощи фреймворков. В Google наиболее распространенными «библиотеками» для рассматриваемого направления выступают следующие варианты:

  1. Django. Самый распространенный фреймворк для веб-разработки. Google указывает на то, что он предусматривает множество встроенных модулей, которые прекрасно совмещаются друг с другом. Сначала нужно вникнуть в алгоритмы создания веб-софта и внутренние структуры Джанго. После этого сделать собственный контент «для интернета» не составит никакого труда. Django отлично масштабируется. Google указывает на то, что поддержка ПО, написанного с этим фреймворком, не отнимет много времени и сил.
  2. Flask. Второй framework, который поможет при написании веб-страничек. Это, если верить Google, противоположность Django. Понятен новичкам. При разработке предоставляет лишь «базовый функционал». Крупные и оригинальные проекты на Flask сделать никак не получится.
  3. Pyramid. Что-то среднее между предыдущими двумя фреймворками. Он не такой функциональный, как Джанго, но и не «упрям», как Flask. Google ссылается на то, что Pyramid можно задействовать для большинства веб-софта.

Окончательный выбор фреймворка зависит от того, какой результат хотим получить на выходе. Далее создаем страничку на Python при помощи Django. Это – самое быстрое и рациональное решение.

Написание веб-страницы

Теперь создаем страницу на Python при помощи Django. Такое решение подойдет тем, кто уже знаком в общих чертах с выбранным языком программирования. Он не потребует особых навыков и знаний.

Для того, чтобы сделать веб-проект, предстоит использовать виртуальную машину и Убунту Сервер 18.04. А еще нужно обеспечить на устройстве веб-сервер под названием Apache.

Инициализация компонентов

Делаем всю процедуру поэтапно. Сначала нужно установить необходимые компоненты:

  1. Инициализировать пакетный менеджер под названием pip.
  2. Подключить пакет виртуального окружения.
  3. Перейти в домашнюю директорию. Там делаем виртуальное окружение. Оно будет находиться в ~/venv/.
  4. Установить Apache. Этот шаг пропускается, если соответствующее ПО уже стоит на задействованном устройстве.
  5. Активировать виртуальное окружение при помощи source ~/venv/bin/activate.
  6. Установить на устройство Джанго. Сделать это нужно в Virtual Environment.

Далее предстоит создать проект с сайтом. Для этого лучше сделать отдельную папку. Перейдя туда, остается обеспечить наличие Джанго-проекта. Сделать это помогает команда Django-admin startproject MySite.

Работа в проекте

Теперь создаем основной функционал. Для этого потребуется:

  1. Перейти в полученный проект.
  2. Добавить приложение, которое будет называться app. Оно предусматривает основную логику сайта.
  3. Разрешить все адреса для хостов.
  4. Запустить получившийся проект. В папке с ним должен появиться управляющий файл manage.py.
  5. Запустить команду отладочного сервера: python3 manage.py runserver. Сервер заработает. Сайт – тоже. Он обнаружен по адресу 127.0.0.1 на порте 8000.
  6. В файле models нужно указать классы моделей, которые будут сущностями в базе данных. В Views – прописать концепции MVC в Джанго.
  7. Создать каталог, в котором хранятся html-странички. В папке проекта нужно сделать папку templates.
  8. Сделать в каталоге с шаблонами файл index.html.
  9. Отредактировать файл контроллера. Приведенный пример передает данные на сайт Python. Пусть созданная функция отображает на страничке «Hello, World!».
  10. Задать адресацию. Для этого нужно перейти в urls и написать желаемый маршрут, по которому отображается страничка.
  11. Скопировать файл urls в директорию с получившимся приложением.

Google говорит о том, что теперь остается запустить сайт через сервер Apache. Здесь можно посмотреть итоговый исходный код. А тут без помощи Google удастся обнаружить краткий видео обзор относительно программирования страничек на Python.

Хотите создать веб-страницу

Простая веб-страница создается с помощью html-разметки. Код может быть написан в любом текстовом редакторе. Используйте даже блокнот, если он вам удобен. Однако мы советуем специальные ресурсы, которые отмечают с помощью цветов элементы кода, например, HtmlReader. С ними вы сможете наглядно видеть свои ошибки.

Создание файла

Открываем текстовый редактор, например, блокнот и сохраняем его в нужном формате. В названии вместо .txt пишем .html и придумываем название, чтобы не перепутать файл с другим. Имя будущей страницы пишем латинскими буквами, иначе могут возникнуть проблемы с размещением страницы в Интернете.

Способы редактирования

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

Создание шаблона

Тот текст, который появится на будущем сайте, помещается в специальные ячейки — теги. Важный тег — html, который вмещает в себя все, что должно быть на странице. Внутри контейнера находится два контейнера — head — для хранения служебной информации, и body — тело, в котором содержится главная необходимая информация.

Теги бывают одиночные и парные, которые должны быть закрыты. Например, тег a будет открывать контейнер, закрывающий тег a закрывает его, тег img используется без второго.

Размещение информации

Для указания названия веб-страницы используется тег, который помещается внутри тега head.

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

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

После того, как работа в коде закончена, сохраните документ. Далее проверьте, как он отображается в браузере, запустив с помощью Google Chrome, Mazila или другого браузера.

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

Считаете, что не хватает навыков?

Действительно, создание web-страниц — задача не из легких и самостоятельно сделать качественную работу, особенно не имея образования программиста, сложно. Но выход есть! Обращайтесь в нашу веб-студию, и профессиональные дизайнеры и программисты помогут создать веб-страницу, которая понравится вашим посетителям.

Мы предлагаем хорошую работу по доступной каждому цене. Вы не пожалеете, если примете такое решение.

Как создать веб-страницу | Веб-ресурсы

Веб-страницы имеют основную и боковую области содержимого, или они могут быть настроены как широкая (полная ширина) веб-страница.

См. примечания к другим шаблонам сайтов.

Создать веб-страницу

  1. Создать веб-страницу.
    1. Выберите My Workbench под черной панелью администрирования .
    2. Выберите вкладку Создание/управление содержимым .
    3. Щелкните веб-страницу.
    4. Щелкните +Добавить веб-страницу.
  2. Введите Заголовок веб-страницы.
  3. Добавить содержимое в Body.
     
  4. Добавьте дополнительный контент на боковую панель (необязательно).
    1. Добавьте содержимое на боковую панель с помощью редактора WYSIWYG.
    2. Примечание. боковую панель также можно использовать для размещения контента типа «Рекламные материалы» (только для менеджеров сайта).
    3. Примечание. содержимое боковой панели узкое, поэтому определенное содержимое не может быть размещено на боковой панели. Это включает в себя видео на YouTube.
  5. Добавление связанных ссылок на боковую панель (необязательно)
    1. Добавьте Текст ссылки и URL в соответствующие поля.
    2. Щелкните Добавить еще один элемент , чтобы добавить дополнительные связанные ссылки.
  6. Добавление изображений и файлов.
    1. Нажмите Загрузить изображение , чтобы просмотреть и загрузить изображения.
      Примечание: Курсор должен быть помещен туда, куда вы хотите вставить изображение.
    2. Нажмите Загрузить файл , чтобы найти и загрузить файл.

      Примечание: курсор должен стоять там, где вы хотите вставить ссылку на файл.

      Примечание : все URL-адреса по умолчанию имеют формат нижнего регистра, независимо от форматирования имени файла.

      1. Тип файла также должен быть включен в текст ссылки на файл .
  7. Выберите аудиторию (необязательно)
    1. Термины аудитории добавляют ключевые слова на вашу страницу, что повышает поисковую оптимизацию.
    2. Выберите термины Аудитория , если страница, которую вы создаете, предназначена для определенной аудитории. Примечание: Не отмечайте всех, а только определенные аудитории.
  8. Установить родительский элемент (иерархия сайта)
    1. Выберите страницу под родительским элементом , чтобы поместить веб-страницу в иерархию сайта.
    2. Нажмите Добавить ссылку меню , если вы хотите, чтобы веб-страница отображалась в главном меню в левой части вашего веб-сайта.
  9. Настройки URL-адреса.
    1. Веб-страница автоматически генерирует URL-адрес на основе заголовка страницы и ее места в иерархии сайта.
    2. Отменить выбор Создать автоматический псевдоним URL , если вы хотите ввести собственный псевдоним URL. ПРИМЕЧАНИЕ. Не добавляйте обратную косую черту (/) к псевдониму, иначе URL-адрес не будет работать.
  10. Сохранить .
  11. Опубликовать .

Другие шаблоны сайтов

Конференция

  • Веб-страницы на сайтах конференций имеют только область основного содержимого ( Дополнительный контент боковой панели 9Область 0004 и Связанные ссылки Опция недоступна).
  • Изображение страницы со списком для социальных сетей заменяется изображением баннера , которое будет отображаться за заголовком веб-страницы.
  • Страницы списка можно настроить для веб-страниц, выбрав функцию конференции .
  • Выбор доступных встроенных виджетов также ограничен.
  • Термины аудитории недоступны.
  • Добавление веб-страниц в качестве дочерних элементов не поддерживается

Публикация

Тип содержимого Веб-страница доступен для этого шаблона и выполняется так же, как описано выше.

Одностраничный

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

Узнайте, как создать веб-страницу за 10 минут | Шелби Симмонс | CodeX

Опубликовано в

·

Чтение: 7 мин.

·

3 апреля 2021 г.

Фото Mimi Thian на Unsplash

В наши дни существует множество онлайн-сервисов, где вы можете создать свой сайт даже с нуля навыки программирования. Однако было бы неплохо, если бы у вас были некоторые знания в области программирования и вы могли бы кодировать/программировать свой веб-сайт. Сказав это, позвольте мне поделиться с вами некоторыми основами веб-программирования. Я надеюсь, что этот урок будет полезен, особенно тем, кто хочет научиться кодировать/программировать свой веб-сайт.

Пока мы продвигаемся в этом руководстве, вы можете использовать любой текстовый редактор, чтобы попробовать примеры, которые мы обсудим. Чтобы протестировать свой код, сохраните файл с расширением «.html» и откройте его в веб-браузере.

Начнем!

Главный навык, который вам необходимо освоить при создании веб-страницы, — это HTML (язык гипертекстовой разметки). HTML — это структура кодов, позволяющая форматировать содержимое вашей веб-страницы. Чтобы дать вам общее представление, вот базовый пример HTML-кода.

Простой пример кода HTML.

А вот его вывод.

Вывод веб-страницы из нашего примера кода выше.

Это выглядит довольно просто, не так ли? Это. HTML будет выглядеть сложным только по мере того, как ваш код становится длиннее и с добавлением других библиотек программирования. Но концепция так же проста, как и наш пример кода.

Продолжаем.

HTML состоит из тегов и содержимого данных. Теги — это символы, заключенные в открывающие (<) и закрывающие (>) угловые скобки. Например,,, и<body> являются тегами. Содержимое данных — это данные, заключенные в теги. Например, «Моя первая веб-страница» и «Привет!» являются данными. Я буду обсуждать больше тегов в следующем разделе.</p><p> В коде HTML <!DOCTYPE html> является важной строкой. Следовательно, он находится в строке 1. Он сообщает браузеру, какой тип кода он будет анализировать. В нашем примере выше тип документа — HTML5. Впрочем, не будем об этом сильно беспокоиться.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/tehnikaarenda.ru/wp-content/uploads/7/5/7/75766cf272d2e1708a6d8d88cb285897.jpeg' /><noscript><img loading='lazy' src='/800/600/https/tehnikaarenda.ru/wp-content/uploads/7/5/7/75766cf272d2e1708a6d8d88cb285897.jpeg' /></noscript> Сейчас мы будем использовать тип документа HTML5, который идентифицируется как <!DOCTYPE html>.</p><p> Теги — это элементы, которые мы используем для формирования содержимого веб-страницы. Тег сообщает браузеру, как обрабатывать данные. Например, <em><center><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1812626643144578" data-ad-slot="3076124593" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> <название> 9Тег 0260 (строка 5 в нашем примере) указывает браузеру разместить содержимое данных («Моя первая веб-страница») в строке заголовка страницы. Как вы можете видеть на примере нашей веб-страницы выше, текст <em> Моя первая веб-страница </em> находится в строке заголовка страницы.</p><p> Каждый тег имеет особое значение/инструкцию для браузеров. Вы можете узнать назначение различных тегов, практикуясь в программировании HTML.</p><p> Чтобы идентифицировать содержимое тега, у нас есть элементы тега, называемые начальным тегом и конечным тегом. Например, в нашем примере строка 5 сообщает нам, что «Моя первая веб-страница» является содержимым тега<title>. Он заключен в начальный тег<title> и закрывающий тег. Обратите внимание, что префикс «/» определяет закрывающий тег.

В HTML могут быть иерархии тегов. Это означает, что тег может содержать несколько тегов. Таким образом, существуют родительские и дочерние теги. В нашем примере тег является родительским тегом и. Теги и являются родителями тегов и<div> соответственно.</p><p> В HTML есть 4 обязательных тега. Они таковы и даны в нужном порядке.</p> Базовая структура HTML<p> Страница HTML должна иметь все эти теги.</p><p> Давайте теперь узнаем значение каждого из этих обязательных тегов.</p><p> <em><html> </em> — корень веб-страницы html. Это основной контейнер всех элементов веб-страницы. <em><html> </em> разделен на 2 основных тега. Это <em><head> </em> и <em><body> </em> .</p><p> <em><head> </em> содержит ту информацию, которая полезна при отображении страницы, но не отображается на самой веб-странице. Например, сценарии и стили программирования можно разместить в пределах <em><head> </em> тег. По мере продвижения в обучении вы обязательно будете использовать сценарии и стили.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/prezentacii.org/upload/cloud/19/01/118070/images/screen18.jpg' /><noscript><img loading='lazy' src='/800/600/https/prezentacii.org/upload/cloud/19/01/118070/images/screen18.jpg' /></noscript> Сценарии используются для автоматизации, а стили используются для стилизации различных элементов веб-страницы (например, установка шрифтов, цветов, фоновых изображений и т. д.)</p><p> <em><title> </em> содержит заголовок веб-страницы и отображается на строка заголовка страницы.</p><p> <em><body> </em> содержит все элементы, отображаемые на веб-странице. Он находится в пределах <em><body> </em>, где мы создаем содержимое и макет веб-страницы. Например, в нашем примере «Привет!» является содержимым тега <em><body> </em> и отображается на веб-странице.</p><p> Вот и все. Это основная концепция HTML. Вы можете улучшить наш образец веб-страницы, добавив дополнительный HTML-контент с помощью тегов.</p><p> Теперь позвольте мне научить вас, как оформить вашу веб-страницу.</p><p> Ранее мы создали очень простую веб-страницу с надписью «Привет!». Давайте теперь создадим несколько стилей, чтобы наша веб-страница выглядела лучше. Давайте изменим белый фон на <em> палевый фиолетово-красный </em>, отцентрируйте текст «Hello There!» и измените шрифт на другое семейство и размер шрифта.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/5/489833/slide_8.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/5/489833/slide_8.jpg' /></noscript> Для этого мы будем использовать <strong> CSS </strong>.</p><p> Готовы?</p><p> CSS (каскадные таблицы стилей) — это язык, используемый для оформления элементов веб-страницы. С помощью CSS вы можете создать внешний вид своей веб-страницы. Вот пример того, как написан CSS.</p> Пример CSS.<p> CSS должен быть заключен в тег <em><style></em>(как показано в нашем примере выше). Ниже приведен формат стиля CSS. </p>формат стиля <p><em>Имя стиля,</em>от самого термина,относится к имени стиля,который вы создаете. Например,вы можете назвать стиль как «приветствие»,«привет» и т. д. </p><p>Атрибут — это особое качество,которое вы хотите изменить в веб-элементе,а значение атрибута — это новое значение для этого атрибута. Практикуя программирование HTML,вы изучите различные атрибуты,распознаваемые HTML. </p><p>Теперь давайте создадим стиль под названием «приветствие»,в котором мы определим полужирный шрифт размером 50 пикселей,семейство шрифтов Verdana и белый цвет шрифта. Атрибут,который мы должны использовать для изменения стиля шрифта,— это <strong><em>шрифт </em></strong>и атрибут для изменения цвета шрифта <strong><em>цвет </em></strong>.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/cf2.ppt-online.org/files2/slide/e/e7HP4hYpRV5jLfwvalMkZNodyB6nGs1Q9xIU2Wc0Ar/slide-3.jpg'/><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/cf2.ppt-online.org/files2/slide/e/e7HP4hYpRV5jLfwvalMkZNodyB6nGs1Q9xIU2Wc0Ar/slide-3.jpg'/></noscript>Наш стиль CSS будет записан следующим образом. </p>Пример CSS <p>Кстати,пользовательскому названию стиля должна предшествовать точка «.». Следовательно,в нашем примере имя стиля — «<strong>.greeting </strong>». </p><p>Хорошо. Так мы создаем стиль. Легко,верно? Есть и другие способы определить стиль,но пока давайте сначала изучим основы. </p><p>В следующих разделах я расскажу вам больше о стилях письма и о том,как их использовать. </p><p>Предположим,что на нашей HTML-странице мы хотим изменить белый фон на <em>бледно-фиолетово-красный </em>цвет. Поскольку фон,который мы меняем,предназначен для всей веб-страницы,мы собираемся стилизовать тег <body>. Вы все еще помните,что <body>— это контейнер всех элементов,отображаемых на веб-странице? </p><p>Наш CSS будет выглядеть так. </p>Пример CSS <p>Для оформления тега имя тега используется в качестве имени стиля. Следовательно,мы использовали «тело» для имени стиля. </p><p>Теперь,когда мы знаем,как писать CSS,давайте теперь применим некоторые стили к нашей странице примера HTML.<img class="lazy lazy-hidden" loading='lazy' src="//schtirlitz.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/fuzeservers.ru/wp-content/uploads/7/9/9/7999d62571c4f96cff84ddc2cf642d51.jpeg'/><noscript><img loading='lazy' src='/800/600/https/fuzeservers.ru/wp-content/uploads/7/9/9/7999d62571c4f96cff84ddc2cf642d51.jpeg'/></noscript></div><!-- .entry-content --><footer class="entry-footer"><span class="cat-links">Категории:<a href="https://schtirlitz.ru/category/raznoe-2" rel="category tag">Разное</a></span></footer><!-- .entry-footer --></article><!-- #post-86492 --><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://schtirlitz.ru/raznoe-2/stilizovannyj-shrift-krasivye-shrifty-onlajn-napisat-tekst-i-skopirovat.html" rel="prev"><span class="be-post-nav-label btn btn-sm cont-btn no-underl"><small class="fas fa-chevron-left mr-2"></small>Назад</span></a></div><div class="nav-next"><a href="https://schtirlitz.ru/shablon-3/sozdanie-shablonov-onlajn-besplatnyj-graficheskij-onlajn-redaktor-s-gotovymi-shablonami-2.html" rel="next"><span class="be-post-nav-label btn btn-sm cont-btn no-underl">Вперед<small class="fas fa-chevron-right ml-2"></small></span></a></div></div></nav><div id="comments" class="comments-area"><a href="#" class="btn btn-primary btn-sm be-open-comment-form">Оставить комментарий</a><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/kak-sozdat-veb-stranicu-sozdanie-pervoj-veb-stranicy-webreference-2.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://schtirlitz.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span><span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label><input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required/></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label><input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required/></p><p class="comment-form-url"><label for="url">Сайт</label><input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url"/></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий"/><input type='hidden' name='comment_post_ID' value='86492' id='comment_post_ID'/><input type='hidden' name='comment_parent' id='comment_parent' value='0'/></p></form></div><!-- #respond --></div><!-- #comments --></main><!-- #main --></div><!-- #primary --></div></div><!-- #content --><footer id="colophon" class="site-footer row"><div class="site-info col-md-8"><p>©2019 Штирлиц Сеть печатных салонов в Перми</p><p>Цифровая печать,цветное и черно-белое копирование документов,сканирование документов,ризография в Перми.</p></div><div class="col-md-4"><a href="/sitemap.xml">Карта сайта</a></div><!-- .site-info --></footer><!-- #colophon --></div><!-- #box-container --></div><!-- #page --><style type="text/css">.pgntn-page-pagination{text-align:left !important}.pgntn-page-pagination-block{width:60% !important;padding:0}.pgntn-page-pagination a{color:#1e14ca !important;background-color:#fff !important;text-decoration:none !important;border:1px solid #ccc !important}.pgntn-page-pagination a:hover{color:#000 !important}.pgntn-page-pagination-intro,.pgntn-page-pagination .current{background-color:#efefef !important;color:#000 !important;border:1px solid #ccc !important}.archive #nav-above,.archive #nav-below,.search #nav-above,.search #nav-below,.blog #nav-below,.blog #nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content .nav_post_link,.page-link,.page-links,#comments .navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none !important}.single-gallery .pagination.gllrpr_pagination{display:block !important}</style><noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://schtirlitz.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --> <script defer src="https://schtirlitz.ru/wp-content/cache/autoptimize/js/autoptimize_a20289076adc48f6099c77e8327d7c74.js"></script></body></html>