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

Содержание

Слайд 2

Цель и задачи исследования Цель исследования 1. Разработать программу преобразования psd

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

Цель исследования
1. Разработать программу преобразования psd шаблона в

полноценный веб-сайт

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

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

Слайд 3

Основные понятия о веб-сайте Веб-сайт - совокупность веб-страниц с повторяющимся дизайном,

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

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

Структура (шапка, тело, подвал)
Каскадная таблица стилей (css)
Frontend(js)
Backend(php,

python, go и др.)

Основные элементы веб-страницы сайта:

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

Слайд 4

Математическая модель – это математическое представление реальности PSD Шаблон Библиотека обработчик

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

PSD Шаблон

Библиотека обработчик

Рекурсивная функция парсинга

слоев

Обработка имени слоя

Обработка эффектов слоя

Генерация сайта

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

Слайд 5

Реализация математической модели Язык программирования Для своего проекта я выбрал популярный

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

Язык программирования
Для своего проекта я выбрал популярный высокоуровневый язык

программирования Python. Он является мощным кроссплатформенным инструментом и довольно прост в использовании.

Среда разработки
Visual Studio Code – это ”легкий” редактор кода для разработки различных приложений.

Централизованная система контроля версий
Для данной задачи был выбран Github – веб хостинг для хранений изменений проекта в репозиторий.

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

Слайд 6

Реализация модулей программы (Генерация элементарной единицы структуры сайта) (Рекурсивное создание вложенности

Реализация модулей программы

(Генерация элементарной единицы структуры сайта)

(Рекурсивное создание вложенности блоков, проверка

типа слоя)

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

Слайд 7

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

Реализация программы

(Шаблон сайта в Adobe Photoshop)

(Cгенерированная веб-страница)

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

в website”
Слайд 8

Выводы Был автоматизирован процесс разработки сайта Разработан алгоритм обрабатывающий все слои

Выводы

Был автоматизирован процесс разработки сайта
Разработан алгоритм обрабатывающий все слои шаблона
Разработана программа

генерирующая веб-страницу

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