Создание интерактивного сайта

Август 9, 2022

Главная
Информатика
Создание интерактивного сайта

Содержание

2. Разделы 10-18 Введение 1-2 3 4-9 Цель проекта Инструменты для создания web-сайта Разработка Web-сайта и выгрузка
3. Введение Мы живем в ту эпоху, когда влияние глобальной компьютерной сети Интернет имеет колоссальное влияние на
4. . Из-за этого увеличился спрос на создание собственных Web-сайтов. Что повлекло за собой увеличение количества вакансий
5. Цель проекта: разработать информационный портал, описывающий некоторые инструменты, используемые в Web-разработке. Задачи: 1. Изучить основные свойства
6. 4 Инструменты для создания web-сайта: HTML CSS Python Flask Bootstrap
7. . 5
8. 6
9. . . 7
10. . . 8
11. . . 9
12. Разработка Web-сайта Web-сайт состоит из: Front-end Back-end 10
13. 11
14. Front-end 12
15. 13 При создании такого рода документов я руководствовался принципами блочной верстки. Структура такого типа преимущественно состоит
16. 14
17. Back-end Python Flask Подключив все необходимые инструменты, можно подойти к написанию кода. В нем для перемещения
18. Кроме того, чтобы облегчить себе задачу, мы использовали входящий в Flask шаблонизатор Jinja2. Он позволил создать
19. Выгрузка сайта на хостинг 17
20. В данном деле мы использовали бесплатный сервис Heroku и систему управления версиями Git. Для начала нужно
22. Скачать презентацию

Слайд 2

Разделы
10-18
Введение
1-2
3
4-9
Цель проекта
Инструменты для создания web-сайта
Разработка Web-сайта и выгрузка на хостинг

Слайд 3

Введение
Мы живем в ту эпоху, когда влияние глобальной компьютерной сети Интернет

имеет колоссальное влияние на современный мир. Уже в настоящий момент мы не можем представить своё существование без компьютеров, смартфонов и иных новомодных гаджетов. Разные Web-ресурсы и информационные порталы помогают нам в работе, обучении и развлечении.

Слайд 4

.
Из-за этого увеличился спрос на создание собственных Web-сайтов. Что повлекло

за собой увеличение количества вакансий Web-разработчиков.

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

Слайд 5

Цель проекта: разработать информационный портал, описывающий некоторые инструменты, используемые в Web-разработке.
Задачи:
1.

Изучить основные свойства и характеристики сайтов, их функции, структуру и принципы работы.
2. Определить основную аудиторию информационного портала, его смысловую нагрузку.
3. Проанализировать уже существующие Web-сайты и на их основе подобрать оптимальный дизайн и структуру.
4. Освоить инструменты создания такого рода ресурса.
5. Разработать его.
6. Подвести итоги.
7. Презентовать готовый проект.

Слайд 6

4
Инструменты для создания web-сайта:
HTML
CSS
Python
Flask
Bootstrap

Слайд 7

.
5

Слайд 8

6

Слайд 9

.
.
7

Слайд 10

.
.
8

Слайд 11

.
.
9

Слайд 12

Разработка Web-сайта
Web-сайт состоит из:
Front-end
Back-end
10

Слайд 13

11

Слайд 14

Front-end
12

Слайд 15

13
При создании такого рода документов я руководствовался принципами блочной верстки.

Структура такого типа преимущественно состоит из парных блочных тэгов «

». Они как бы представляют собой маленькие «кирпичики», из которых в последствии «выкладывается» общая
организация web-страницы.

Слайд 16

14

Слайд 17

Back-end
Python
Flask
Подключив все необходимые инструменты, можно подойти к написанию кода.

В нем для перемещения между шаблонами мы можем использовать функции – элементы языка программирования

В них мы сначала связываем URL адрес функцией, а затем с помощью библиотеки «render_template» возвращаем указанный нами шаблон.

Слайд 18

Кроме того, чтобы облегчить себе задачу, мы использовали входящий в

Flask шаблонизатор Jinja2. Он позволил создать основные HTML и CSS шаблоны, а затем в зависимости от перемещения по страницы менять в них информацию.

Слайд 19

Выгрузка сайта на хостинг
17

Слайд 20

В данном деле мы использовали бесплатный сервис
Heroku и систему управления версиями

Git.
Для начала нужно было установить специальную библиотеку «gunicorn» и создать некоторые файлы в нашем проекте. А далее создать приложение на Heroku и следовать простым указаниям:
1. Ввести в терминале команду для входа в аккаунт Heroku.
2. Создать Git-репозиторий для нашего проекта и инициализировать его.
3. А затем сохранить в нём наш проект и дать доступ к этому хранилищу Heroku.
Вот мы и загрузили наш сайт в общий доступ.

Создание интерактивного сайта

Содержание

Разделы10-18Введение1-234-9Цель проектаИнструменты для создания web-сайтаРазработка Web-сайта и выгрузка на хостинг

ВведениеМы живем в ту эпоху, когда влияние глобальной компьютерной сети Интернет

. Из-за этого увеличился спрос на создание собственных Web-сайтов. Что повлекло

Цель проекта: разработать информационный портал, описывающий некоторые инструменты, используемые в Web-разработке.Задачи: 1.

4Инструменты для создания web-сайта:HTMLCSSPythonFlaskBootstrap

.5

6

..7

..8

..9

Разработка Web-сайтаWeb-сайт состоит из:Front-endBack-end10

11

Front-end12

13 При создании такого рода документов я руководствовался принципами блочной верстки.

14

Back-end Python Flask Подключив все необходимые инструменты, можно подойти к написанию кода.