Проверка присутствия

КАКОЙ ТЭГ НУЖЕН ДЛЯ ...?

Параграф

Заголовки

Перевод строки

Выделение жирным

Универсальный блочный

Универсальный строчный

Выделение курсивом

Таблица

ЗАЧЕМ НУЖЕН ...?

Заголовок страницы (окна браузера)
Находится в тэге head

… title=“***” …

Подсказка при наведении на элемент

Привязка стилей, шрифтов, ...
Находится в тэге head
Атрибуты
href
rel
type (до html5)

Изображение
Атрибуты
src
width
height

Ссылка на другую страницу или якорь
Атрибуты
href

ЗАЧЕМ НУЖНО CSS СВОЙСТВО ...?

display

тип блока
block
inline
inline-block
…

padding-top: 10px;

верхний внутренний отступ в 10 пикселей

margin-bottom: 15px;

нижний внешний отступ в 15 пикселей

КАКОЕ СВОЙСТВО НУЖНО ДЛЯ ...?

Ширина блочного контейнера

width
width: 50px;
width: 25%;

Фон с картинкой

background-image
background-image: url(‘../images/pic.jpg’);
background
background: #FFF url(‘../images/pic.jpg’) no-repeat;

Рамка

border
Черная сплошная толщиной в 1 пиксель
border: solid 1px #000;
Белая пунктиром толщиной

Высота блочного контейнера

height
height: 250px;
height: 100%;

Внутренний отступ

padding
padding: 5px;
padding: 5px 10px;
padding: 5px 10px 15px 20px;

Размер текста

font-size
font-size: 14px;
font-size: 12pt;
font-size: 1.2em;
font-size: 110%;

Внешний отступ

margin
margin: 5px;
margin: 5px 10px;
margin: 5px 10px 15px 20px;

Цвет текста

color
color: white;
color: #FFF;
color: rgb(255, 255, 255);

Цвет фона

background-color
background-color: black;
background-color: #000;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);

Какова реальная ширина блока?

width: 100px;
margin: 5px 15px;
padding: 5px;
Реальная ширина:
15 + 5

Какова реальная высота блока?

height: 200px;
margin: 10px 15px 20px 40px;
padding: 15px 10px;
border:

WEB ПРОГРАММИРОВАНИЕ С FLASK

216.109.112.135

209.73.168.74

216.109.112.135
209.73.168.74
site.com
GET http://site.com/posts/index.html

Статические страницы

216.109.112.135

209.73.168.74

216.109.112.135
209.73.168.74
site.com
GET http://site.com/posts/

Задание

Создать папку проекта
Создать папку files
Скопировать файлы в папку files
Создать python файл

from flask import Flask
app = Flask(__name__)
@app.route("/")
def home():
return "Привет, мир!"
@app.route("/about")
def about():

@app.route(“ПУТЬ_К_СТРАНИЦЕ”)
def НАЗВАНИЕ_ФУНКЦИИ_СТРАНИЦЫ():
# обработка данных
return ЧТО_ВЕРНУТЬ_КЛИЕНТУ

Задание

Запустить сервер (файл app.py)
Открыть сайт в Chrome
Открыть «/about»

Марина
Карина
Маша
Оля

names.txt

Марина
Карина
Маша
Оля

Задание

Вернуть в функции home данные из файла names.txt
names = list() with

Названия файлов и папок

пробелы (“my new shoes.jpg”)
русские (“фото.jpg”)
lower_case (нижний регистр

MVC

Задание

Создать папку templates (именно ее!)
Создать в ней файл index.html
Добавить в импорт

Шаблонизатор

Тэги (открывающие и закрывающие)
{% tag_name %}
Значения
{{ var_name }}

Задание

Создать html файл names.html
Добавить код страницы names, прописать путь «/names», вернуть

Передача значений в шаблон

#app.py
name = "Владимир"
return render_template(‘names.html', name=name)
#names.html

Имя пользователя: {{ name

#app.py
entities = list() with open("files/names.txt", encoding="utf-8") as f: for raw_line in f:

Задание

Создать папку static (именно ее!)
папку css
файл style.css
папку images
Прописать стили в head
/static/css/style.css

Наследование шаблонов

menu

side
bar

content 1

контент главной страницы

menu

side
bar

content 2

page2.html

контент со списком пользователей

контент со списком

Задание

Создать в папке templates html файл base.html и сделать шаблон
Добавить блоки:
В

Задание

Наследоваться от base.html
{% extends 'base.html' %}
Переписать блоки:
{% block title %}
{% block

{% extends 'base.html' %} {% block title %}Главная{% endblock %} {% block content

Задание

Создать страницу table:
функцию table
путь /table
table.html, наследованный от base.html
вернуть table.html
Скопировать код чтения

Бакарюк;Иван;Петрович Васильева;Марина;Львовна Иванова;Светлана;Петровна Петров;Максим;Витальевич Яровая;Мария;Ивановна

humans.txt

data = raw_line.strip().split(';')
entities.append({'last_name': data[0],
'name': data[1], 'surname': data[2]})
data = raw_line.strip().split(';')
keys

@app.route("/table")
def table():
entities = list()
with open('humans.txt', encoding="utf-8") as f:
for

{% extends 'base.html' %}
{% block title %}Список пользователей{% endblock %}
{% block

ДИНАМИЧЕСКИЙ URL

Динамический url

slug
https://rc-like.ru/dji-spreading-wings-s900-kit
http://www.pro-smm.com/kak-polzovatsya-sniply/
id
https://habrahabr.ru/post/38434/
https://vk.com/id17022311

slug
@app.route("/users/")
id
@app.route("/users/")
slug
@app.route("/posts/")
id
@app.route("/posts/")

@app.route('/users/')
def show_user_profile(username):
# показывает профиль пользователя
return 'User %s' % username
@app.route('/posts/')
def

master129;Малахов;Арсений;Викторович;25/01/1993;+7(918)646-55-91 airfix;Мадатов;Василий;Евгеньевич;30/11/1995;+7(951)345-83-17 kr0ff;Малинин;Петр;Степанович;18/12/1996;+7(938)044-15-18

users.txt

login;last_name;name;surname;birth_date;phone

Задание

Создать страницу users_list:
функцию users_list
путь /users
users_list.html, наследованный от base.html
вернуть users_list.html
Скопировать код чтения

@app.route("/users")
def users_list():
entities = list()
with open('users.txt', encoding="utf-8") as f:
for

{% extends 'base.html' %} {% block title %}Список пользователей{% endblock %} {% block

Задание

Скопировать users_list в user_item:
функцию user_item
путь /users/
user_item.html, наследованный от base.html
вернуть user_item.html
+ код

Основные коды состояний

200 Ok (все норм)
403 Forbidden (доступ запрещен)
404 Not Found

Задание

Добавить к импорту abort
from flask import Flask, render_template, abort
Выбрать пользователя

@app.route("/users/")
def user_info(login):
item = None
with open('users.txt', encoding="utf-8") as f:
for

{% extends 'base.html' %}
{% block title %}Пользователь {{ item.login }}{% endblock