”Разработка программы парсинга psd шаблона в website”
Цель и задачи исследования
Основные понятия о веб-сайте
Математическая модель – это математическое представление реальности
Реализация математической модели
1.54M
Категория: ПрограммированиеПрограммирование

Разработка программы парсинга psd шаблона в website

1. ”Разработка программы парсинга psd шаблона в website”

УПРАВЛЕНИЕ ОБРАЗОВАНИЯ АДМИНИСТРАЦИИ
ГОРОДСКОГО ОКРУГА ЧЕХОВ
МУНИЦИПАЛЬНОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
«СРЕДНЯЯ ШКОЛА №10»
Проектная работа на тему:
”Разработка
программы парсинга
psd шаблона в
website”
Чехов, 2019
Руководитель:
Серков Никита Алексеевич
учитель информатики
Выполнил:
Князев Денис (9 Е)

2. Цель и задачи исследования

Цель исследования
Задачи
1. Разработать программу
преобразования psd шаблона в
полноценный веб-сайт
1. Определить основную структуру
строения современного веб-сайта
2. Разработать математическую модель
анализа структуры psd шаблона и
преобразования ее в структуру веб-сайта
3. Выбрать и изучить среду разработки и
язык программирования
4. Реализовать математическую модель
на языке высокого уровня
“Разработка программы парсинга psd шаблона в website”
2

3. Основные понятия о веб-сайте

Основные понятия о вебсайте
Веб-сайт - совокупность веб-страниц с повторяющимся дизайном,
объединенных по смыслу, навигационно и
физически находящихся на одном веб-сервере
Основные элементы веб-страницы сайта:

Структура (шапка, тело, подвал)

Каскадная таблица стилей (css)

Frontend(js)

Backend(php, python, go и др.)
“Разработка программы парсинга psd шаблона в website”
3

4. Математическая модель – это математическое представление реальности

PSD Шаблон
Библиотека
обработчик
Рекурсивная
функция парсинга
слоев
Генерация сайта
Обработка
эффектов слоя
Обработка
имени слоя
“Разработка программы парсинга psd шаблона в website”
4

5. Реализация математической модели

Язык программирования
Среда разработки
Для своего проекта я выбрал
популярный высокоуровневый язык
программирования Python. Он
является мощным
кроссплатформенным инструментом
и довольно прост в использовании.
Visual Studio Code – это ”легкий”
редактор кода для разработки различных
приложений.
Централизованная система
контроля версий
Для данной задачи был выбран
Github – веб хостинг для хранений
изменений проекта в репозиторий.
“Разработка программы парсинга psd шаблона в website”
5

6.

Реализация модулей программы
(Генерация элементарной единицы структуры сайта)
(Рекурсивное создание вложенности блоков, проверка
типа слоя)
“Разработка программы парсинга psd шаблона в website”
6

7.

Реализация программы
(Шаблон сайта в Adobe Photoshop)
(Cгенерированная веб-страница)
“Разработка программы парсинга psd шаблона в website”
7

8.

Выводы
Был автоматизирован процесс разработки сайта
Разработан алгоритм обрабатывающий все слои шаблона
Разработана программа генерирующая веб-страницу
“Разработка программы парсинга psd шаблона в website”
8

9.

Спасибо за внимание!
“Разработка программы парсинга psd шаблона в website”
9
English     Русский Правила