Урок 14. Язык разметки HTML. Логотип сайта

Язык HTML

Страницы сайта представляют собой гипертекстовые документы, при создании которых используется язык разметки HTML. Страницу на этом языке можно увидеть в режиме редактирования, выбрав режим просмотра HTML. Чтобы вернуться в обычный режим редактирования, щелкните по кнопке Создать.
Повторим основные теги HTML. 
В современном языке, в основном, используются парные теги, даже тег <br> стал парным. 
Конструктор сайтов Google скрывает от пользователя полную структуру HTML страницы. Вы видите только теги тела страницы. 
Знание языка позволяет автору корректировать страницу - изменять параметры тегов, добавлять теги и т.п. 
Конструктор сайтов Google предоставляет возможность использовать множество программ (гаджетов), созданных разными разработчиками, которые помогают делать сайт  динамичным, живописным и привлекательным.
Создание сайта с помощью конструктора описано в сообщении этого блога. Там же описаны свойства сайта, которые необходимо указать:
640-КИН-инф-11: Уроки 12-13. Разработка сайта. Планирование структуры тематического сайта.
Прежде, чем перейти к наполнению сайта содержанием, проверьте выполнение указанных требований.

Логотип сайта 

Логотип сайта - графическое изображение, которое помещается в заголовок сайта. Логотип украшает сайт и привлекает пользователя. 
Рассмотрим инструменты для создания логотипа сайта

Практическая работа

Уроки 12-13. Разработка сайта. Планирование структуры тематического сайта

Приступаем к разработке тематических сайтов. 

Темы сайтов возьмем из учебника Технология
по теме "Природоохранные технологии", стр. 39-56.

Продумайте структуру и состав сайта
Что такое структура сайта?

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

Название сайта: 

• 640-свои-инициалы-techno,  (латинскими буквами)
• например: 640-AT-techno

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

Создайте Google - сайт. 

1. Для этого на свободной вкладке браузера введите URL: sites.google.com, затем нажмите красную кнопку слева - СОЗДАТЬ. 
2. Выберите пустой шаблон. Сохраните.
3. Изучите инструменты управления сайтом:

• В категории сайта укажите - образование, технология, экология 
• Напишите название сайта и краткое описание (аннотацию), в котором также укажите свою фамилию как автора сайта.

Установите доступ: 

• Читать могут пользователи домена ГБОУ школы 640, обладающие ссылкой;
• Учителю предоставьте доступ редактора.

Остальные параметры настроим позже. 
Сохраните.

Создайте отдельные страницы в соответствии с нарисованной в тетради структурой: 

1. В основном меню  выберите значок  Создать страницу, 
2. Укажите размещение страницы -  под главной
3. Внесите на каждую страницу текст аннотации

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

Урок 12. Контрольная работа

В понедельник, 1 декабря, состоится контрольная работа по теме "Сети". Посмотрите информацию в постах к урокам 5 - 11. Особое внимание обратите на уроки 8-9.

Уроки 10-11. Поиск информации в интернет

Поисковая система

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

Поисковые системы могут отличаться по

• эффективности поиска
• языку поиска
• и другим возможностям.

Одни поисковые системы находят информацию в виде веб-страниц, другие могут рассматривать и группы новостей и файловые серверы.

Поисковые системы могут быть :

• универсальные
• специализированные

Наиболее популярные системы объединяют в себе оба типа.

Универсальные системы

В универсальных системах обычный принцип поиска в неструктурированных документах - по заданной строке поиска.

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

Компоненты поисковых систем

Поисковые системы обычно состоят из

1. поисковый робот (агент, паук)
2. база данных, которая содержит всю информацию, собираемую роботом
3. поисковый механизм, который используется как интерфейс для взаимодействия пользователей с базой данных.

Специализированные системы поиска

Поиск на картах
Возможности:

• поиск адресов на карте
• карты в форматах 2D и 3D
• виртуальные туры (с фотографиями и панорамами)

Каталог

- данные, структурированные по темам в виде иерархических структур

Онлайновые энциклопедии и  справочники

- электронные версии бумажных словарей, энциклопедий

Получение информации по QR-коду

- нередко на различных объектах (товарах, у памятников, на книгах, на веб-страницах) можно увидеть такую пометку (квадрат или прямоугольник или овал с черно-белыми точками внутри).  Это так называемый QR-код, придуманный в 1994 году японской компанией “Denso Wave”.

Сложные поисковые запросы

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

Правила составления строки поиска:

• Если слова разделены пробелами, то ищутся документы, в которых присутствуют хотя бы одно слово из перечисленных.
• Для поиска словосочетания его следует заключить в кавычки.

Более подробную информацию читайте в  Документе.
Ответьте на вопросы

Практическое задание

Урок 8-9. Сеть. Решение задач

Вычисление количества запросов. Круги Эйлера

Презентация

Количество информации. Передача данных по сети

Повторить единицы измерения количества информации и их соотношение.

Количество информации i в сообщении об одном из N равновероятных событий:

2i = N

Количество информации I в сообщении из k символов некоторого алфавита, в котором N различных знаков:

I = k*i, где i вычисляется из формулы 2i = N

Скорость передачи информации измеряется в битах в секунду и вычисляется по формуле:

V = I/t , где I  - количество информации,  t - время передачи информации  

Задача

1. Документ объёмом 80 Мбайт надо передать с одного компьютера на другой Сколько времени это займет, если: средняя скорость передачи данных по каналу связи составляет 220 бит в секунду. Решение t =  I  / V, где I = 80 Мбайт, V = 220 бит в секунду Данные надо привести к одинаковым единицам измерения, лучше сделать это в виде степеней с основанием 2: 2K Ответ: 640 сек Сетевые технологии. Адресация в сети  Смотри урок Сетевые протоколы и адресация компьютеров в интернет Переходим к практике: Сеть. Решение задач

Урок 7. Безопасность в Интернете

В наши дни Интернет стал неотъемлемой частью нашей жизни.

С его помощью мы получаем информацию, общаемся, обмениваемся данными, оплачиваем товары и услуги, отправляем документы для поступления в вузы и делаем многое другое.
Вместе с тем Интернет таит в себе опасности — о них необходимо знать, чтобы избегать их.
По предложению В. Матвиенко с 27.10.14 по 30.10.14 во всех школах и во всех классах с 6-го по 11-ый  пройдут уроки, посвященные безопасной работе в Интернете.
В нашей школе тоже подготовлены такие уроки. Предлагаем вместе посмотреть и обсудить презентацию Безопасность в Интернете. Антона Карпова, из Яндекс. А после просмотра выполните задание. Чтобы оценить, насколько усвоен новый материал,  выполните тест ЕГЭ, Безопасность в интернете и сообщите учителю результат тестирования. Желаем вам безопасного плавания по волнам Интернета!

Урок 4. Задачи и облачный календарь

Друзья, вы вышли на финишную прямую - завершение среднего образования. Впереди  у вас множество проблем: окончание школы (аттестат), выпускные экзамены, последний звонок, выпускной бал, поступление в ВУЗ ….  Решение многих проблемы зависят от других людей… Как все успеть, ничего не забыть, не пропустить?
В таких случаях рекомендуют составить план, но как это сделать, если времени мало, и одни задачи переплетены с другими, непонятно, где конец, а где начало.
Попробуем воспользоваться инструментом облачных технологий - Календарем.

Описание этого приложения можно прочитать в документе.

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

• Переписать контрольную по алгебре (согласовать с учителем математики)
• Подготовить выступление ко дню рождения школы (вместе с одноклассниками)
• ЕГЭ по русскому (примерно к  26.05, а ведь надо готовиться)
• ЕГЭ по математике (примерно к 3.06, а ведь надо подготовиться)
• Определиться с выбором профессии и продолжения образования
• Сшить (купить) костюм (платье) для Выпускного бала

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

Облачный Календарь — сервис для планирования встреч, событий, дел с привязкой к календарю. Можно задавать время встречи, повторения, напоминания, приглашать других участников (им высылается приглашение по электронной почте).

Каждый учащийся в своем школьном аккаунте  может использовать приложения Задачи и Календарь.

Практическое задание

Урок 3. Облачный офис. Таблицы

Приложение Таблицы может быть использовано для сбора, организации и анализа данных в одном документе.
Дополнительные инструменты (функции), которые включены в приложение Таблицы, позволяют сортировать, форматировать, исследовать и визуализировать информацию в виде графиков.

В 9-м классе у вас был курс Моделирование в Электронных таблицах. Сегодня мы вспомним, как создавать таблицы для  расчетов по с разными исходными данными.

О структуре документа Таблица
Таблица состоит из фиксированных столбцов и строк. На пересечении столбца и строки образуется ячейка, которая имеет фиксированное имя.
Такая ячейка таблицы есть переменная с определенным именем.

Рассмотрим задачу 3.19. Оценки за контрольную работу из задачника по моделированию стр 95.

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

Компьютерную модель  создаем в приложении Таблицы.
Справочные материалы о создании, изменении и форматировании таблиц собраны здесь.

Практическое задание 

Урок 2. Электронная почта

О возможностях службы Электронная почта более подробно можно прочитать в Справке.





Рассмотрим основные возможности этой службы:

1. Работа с письмами
2. Маркирование писем
3. Защита от спама
4. Контакты и группы
5. Ярлыки - категории писем
6. Фильтры
7. Настройки почты

Все инструменты Google очень быстро развиваются, поэтому детали содержания документов могут устареть...

Практическая работа
Дополнительное задание - Работа в Classroom

Урок 1. Правила техники безопасности

Тема урока:  Этика на уроках информатики
Вспоминаем, что такое этика и для чего она нужна:

для плодотворной работы группы, чтобы достичь поставленной цели….
основное правило - уважать себя, товарищей и учителя и не мешать им работать

Расписываемся в журнале по ТБ в том, что знаем и будем выполнять Правила Техники Безопасности в компьютерном классе.
Вспоминаем, что мы работаем в школьном домене.

Школьный домен - Область в сети, принадлежащая школе 640. В этой области включены приложения Google - Google APPS для образования. Каждый ученик имеет свой аккаунт в школьном домене и может пользоваться этими приложениями: почта, диск, офисный пакет, создание сайтов и блогов...

Домашнее задание на 15 сентября

1. Принести тетради для контрольных работ по информатике
2. Ответить на письмо учителя

Советы на будущее

Финиш! ...
Старт ... куда?

... когда документов в моем Диске Google становится все больше, начну прописывать теги и добавлять описания к файлам. Небольшая инструкция, как это сделать.

Тест словарного запаса (Тест определяет ваш пассивный словарный запас, или, говоря проще, количество известных вам слов русского языка. )

Как воплотить свою идею:

Лучшая монета никогда не расходуется (видео)

Что такое Сторителлинг 

Распорядок жизни великих людей 

Подведение итогов

Последние работы в классе:

1. Публикация каледаря
2. Завершение БД Расписание

Публикация календаря 

Задание не выполнено до конца. Перейдите к сообщению 640-КИН-инф-11: Описание и публикация своего календаря

БД Расписание

1. Заполните таблицы БД  указанными данными (смотрите документ ) 
2. Придумайте и составьте запросы к этой БД.

Практическая работа по  БД Расписание

Описание и публикация своего календаря

У каждого из вас есть свой календарь. Сведения о настройке и заполнении календаря смотрите в сообщении  640-КИН-инф-11: Задачи и облачный календарь 

Задачи сегодняшнего урока

• описать характеристики своего календаря, 
• опубликовать календарь на странице сайта. 

План работы

1. Открыть свою страницу на сайте Парковый урок 640 
2. Под этой страницей создать новую страницу с названием "Календарь-своя фамилия"
3. На  странице "Календарь-своя фамилия" представить информацию о календаре:

• Название календаря
• Местоположение и часовой пояс
• Показывается календарь в приложении Календарь?
• Предоставлен ли  открытый доступ? Если предоставлен, то что показывается?
• Предоставлен ли доступ отдельным пользователям? Если предоставлен, то кому и что показывается?
• Каким образом можно вставить календарь на страницу сайта (2 способа)?
• Распечатать свой список задач в формате PDF и сохранить его в своей папке inforrm на локальном компьютере. Вставить этот список задач на страницу "Календарь-своя фамилия" 
• Посмотреть события календаря в режиме Повестка дня. Перейти в режим печати и сохрвнить Повестку дня в формате  PDF . Сохранить Повестку дня в своей папке inforrm на локальном компьютере. 
• Вставить Повестку дня на страницу "Календарь-своя фамилия" 

Итоги работы будут видны на вашей странице сайта Парковый урок 640

Отчеты

Формирование отчета

Итак, мы научились создавать запросы без параметров, с параметрами, научились объединять данные запросов, используя групповые запросы. Но вот запрос закрыт - и не осталось никаких следов от его работы. А хочется иметь твердую копию...
На этот случай существует еще один объект БД - отчет. 

Отчет - объект БД, позволяющий подготовить данные для распечатки (вывода бумажной копии). Отчет представляет собой текстовый документ приложения LibreOffice.org Writer, в котором данные отображаются в организованном и отформатированном виде. 

В СУБД Base  отчет удобно создавать  в  режиме  Мастера построения отчетов. 

Корректировка шаблона

Мастер отчета помогает создавать шаблон, который при открытии заполняется данными из указанных полей.  Корректировка шаблона возможна, но ограничена возможностями СУБД. Возможна вставка:

• номера страницы и даты - времени
• полей таблиц
• текстовых полей (Label) 

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

Корректировка отчета

После создания отчета его надо открыть, чтобы получить требуемый документ. Этот документ открывается в приложении LibreOffice.org Writer. в режиме Только чтение.
Если нужно откорректировать уже полученный отчет, то сохраните документ  в своей папке. Теперь документ стал доступен для редактирования 
Полученный  отчет, можно преобразовать в формат  PDF и использовать этот файл независимо от наличия или отсутствия  конкретной СУБД.

Получите несколько отчетов по предложенному заданию.
Практическая работа

Групповые запросы

Материалы к уроку

Итак, вы получили небольшой опыт по созданию запросов без параметров и с параметрами. Вы знаете, что результат выполнения запроса - это таблица, содержащая записи, отобранные по определенным критериям. Например, мы можем вывести перечень всех товаров, цена которых менее 1000 рублей. Но как узнать, какой товар самый дешевый или самый дорогой? Как узнать, сколько различных приправ  есть на базе? Для этого можно создать запрос с групповыми операциями.
Для создания запросов с групповыми операциями следует включить в бланк запроса строку Функция (Конструктор запроса -> Вид -> Функции)
В строке Функция можно указать следующие групповые операции: Количество, Минимум, Максимум, Сумма.
Для тех полей, для которых НЕ УКАЗАНА групповая операция, в строке Функция следует поставить признак группировки Group.

Рассмотрим формирование группового запроса на следующем примере: сосчитать количество клиентов из Венесуэлы.

Сначала составим макет запроса без параметров: вывести перечень клиентов (страна, название) из Венесуэлы.

Вот результат работы этого запроса

Затем изменим макет запроса, сформируем групповой запрос. Для этого в строке Функция для поля Страна укажем признак группировки Group, а для поля Название выберем функцию Количество.

А вот так выглядит результат группового запроса

А теперь предлагаю вам потренироваться самостоятельно и выполнить практическую работу

Практическая работа

Создание форм

• СУБД позволяют построить удобный интерфейс для пользователя, предоставив ему возможность вводить, изменять, удалять записи с помощью диалоговых окон, которые называются формами. 
• Форма создается на основе таблицы или запроса. Форму можно строить вручную или с помощью специальной программы - Мастера форм.
• Посмотрите, как может выглядеть форма для таблицы Предметы из БД Расписание

• Обычно в форму переносятся все поля таблицы, на основе которой построена форма. Дополнительно форма может содержать списки выбора, текстовые поля, графические объекты.
• Продолжаем создавать БД Расписание.

Практическая работа 2. Создание и редактирование форм БД Расписание

Разработка реляционной БД Расписание

I этап. Постановка задачи

Создаваемая БД должна моделировать составление расписания уроков в школе.
БД должна содержать сведения о количестве и продолжительности уроков, о преподаваемых дисциплинах (предметах), о преподавателях, ведущих определенные дисциплины, о расписании уроков в школе

II этап. Проектирование БД «Расписание»

В рассматриваемой предметной области выделяем следующие классы объектов: дни недели, уроки, классы, предметы, преподаватели, расписание уроков 

Каждый класс объектов выделяем в отдельную таблицу.

При построении каждой таблицы вводим суррогатный ключ

БД должна содержать таблицы:

• Таблица ДниНедели – перечень всех дней недели. (Первичный ключ – IDДняНедели)
• Таблица Уроки – сведения о начале, завершении уроков с 1 по 7. (Первичный ключ – IDУрока)
• Таблица Классы – сведения о классах школы. (Первичный ключ – IDКласса)
• Таблица Предметы – сведения о преподаваемых дисциплинах. (Первичный ключ – IDПредмета)
• Таблица Преподаватели – сведения о преподавателях школы. (Первичный ключ – IDПреподавателя)
• Таблица Расписание – показывает на каком уроке, для какого класса, какой предмет преподает конкретный преподаватель. (Первичный ключ –  IDРасписания)

БД должна содержать по одной форме для каждой таблицы (требования будут изложены позднее)

БД должна содержать запросы, позволяющие извлекать информацию по определенным критериям. (Список запросов необходимо разработать позднее).

БД будет иметь реляционную структуру и работать под управлением СУБД LibreOffice Base.
Практическая работа 1. Создание таблиц БД Расписание

СУБД. Реляционные Базы Данных. Нормализация БД

Смотрим презентацию К.Ю.Полякова (слайды 37 - 45)

В середине ХХ века при проектировании и эксплуатации разработанных БД возникли следующие задачи:

• Разработать строгое математическое описание баз данных, независимое от способа хранения данных;
• Разработать методы управления этими данными

В 1970 г Эдгар Кодд, который работал в фирме IBM, предложил новую модель данных , основанную на следующих идеях:

• Все данные представляют свойства некоторых объектов;
• Объекты делятся на классы;
• Данные о некотором объекте — это набор свойств (атрибутов). Каждое свойство задается парой «название — значение».

Математическая теория Кодда никак не связана с тем, как хранятся данные. Однако на основании теории Кодда легко строить табличные БД.
Действительно:

• Каждая таблица описывает один класс объектов;
• Порядок расположения полей в таблице не имеет значения;
• Все значения одного поля относятся к одному типу данных;
• В таблице нет двух одинаковых записей;
• Порядок записей в таблице не определен

Поэтому можно дать следующее определение:

Реляционная БД - это БД, которую можно представить в виде набора таблиц с установленными между ними связями.

Рассмотрим пример таблицы

В этой таблице есть избыточность (дублирование). Некоторые данные хранятся несколько раз: имена кинотеатров, названия фильмов.

На дублирование данных расходуется память. При вводе одинаковых данных можно допустить ошибку.Чтобы избежать этих проблем при проектировании БД обычно выполняют ее нормализацию.

Нормализация - изменение структуры БД, которое устраняет избыточность и предотвращает возможные нарушения целостности.

Принципы нормализации

1. Любое поле должно быть неделимым 
2. Любое неключевое поле должно зависеть от ключа таблицы. Если в таблице есть поле, которое не зависит от ключа этой таблицы, значит, это поле описывает другой класс объектов. Это поле нужно вынести в другую таблицу. А между таблицами установить связь. 
3. Не должно быть одинаковых по смыслу полей. 
4. Не нужно хранить данные, которые могут быть вычислены.

На практике эти принципы можно преобразовать в план

1. Для каждого класса объектов создавать отдельную таблицу.
2. При построении каждой таблицы вводим суррогатный ключ. Для всех суррогатных ключей выбираем тип INTEGER 
3. Для каждой таблицы определяем типы данных каждого поля
4. Связываем таблицы связями 1:N. Не забудьте! Связи устанавливаются между однотипными полями. 

В результате нормализации  получаем  схему БД, состоящую из нескольких таблиц

Самостоятельная работа

СУБД. Целостность данных. Проектирование БД

Теория (тезисы)
Смотрим презентацию

Физическая целостность БД (слайд 20)

Защиту БД от разрушения при отказе оборудования обеспечивает использование транзакций при внесении изменений.

Периодически администраторы делают резервную копию всех данных на дисках и ведут журнал изменений

Логическая целостность БД (слайд 20)

• Каждое поле имеет свой тип
• некоторые поля объявляются обязательными для заполнения
• вводятся условия, которые должны выполняться для значений отдельных полей
• для сложных данных используются шаблоны ввода
• вводятся условия, которые должны выполняться  для группы полей

Ссылочная  целостность БД (слайды 26- 30)

При связывании таблиц, происходит дополнительная проверка при вводе данных. Нельзя ввести в связанное поле основной таблицы несуществующее значение главной таблицы. Также нельзя удалять запись из главной таблицы, если значение связанного поля используется в подчиненной таблице.
В СУБД  при установлении связи с помощью Конструктора связей, включается Механизм поддержки целостности данных.

Целостность данных означает:

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

Разработка БД

Разработка БД заключается в создании с помощью СУБД таблиц, описывающих объекты и свойства выбранной предметной области, установление связей между таблицами, необходимых для получения информации об объектеах в соответствии с требованиями заказчика, создания дополнительных объектов СУБД для удобной и эффективной работы с БД. Разработка — сложный процесс, требующий тесного взаимодействия с заказчиком.

Этапы проектирования БД

• I этап. Постановка задачи - описание предметной области, классов объектов, их свойства.
• II этап. Проектирование БД — перечисление таблиц, полей и типов полей. Определение связей между таблицами.
• III. Синтез компьютерной модели — построение БД в среде СУБД — создание таблиц и связей между ними.

Практическая работа

Практическая работа 2

Работы выполнять в тетради для к/р

Завершение межпредметного проекта "Поэзия серебряного века"

Каждый ученик должен разработать сайт по указанной теме. Сайт разрабатывается на основе технологии Google Apps. Срок окончания работы 31.01.2014

По завершении работы за разработанный сайт выставляется несколько оценок. Посмотрите критерии выставления оценок. Проверьте свой сайт на соответствие этим критериям. Еще есть время исправить недочеты!

Рисунки на странице сайта

Работа с графикой на языке HTML

Рисунки для веб - сайта хранятся на вер-серврах в виде отдельных файлов и подключаются к веб-странице с помощью тега <img>.  К рисункам относим иллюстрации и украшения, а также фон страницы.
Размеры изображений в байтах должны соответствовать содержательным размерам этих изображений (в пикселях или милиметрах), Размеры в байтах должны быть минимально возможными - 

• качество изображения сохраняется;
• размер изображения не нарушает стиль страницы.

Этот критерий назовем качеством изображения на сайте.

Скачайте презентацию и распакуйте ее.

Из этой презентации  (слайды 49-60) вы узнаете, какие форматы графических файлов можно вставлять на веб-страницу и как это делать, а также, как сделать красочный фон для страницы.

Включение отдельных изображений в конструкторе сайтов  

Рисунки на страницу сайта добавляются очень просто: Меню - Вставка - Изображение
Однако этот инструмент не позволяет настраивать параметры тега <img>, которые позволяют добиться соответствия качеству изображения на сайте. Вы можете выбрать только отображаемый размер картинки (всего 3 варианта), выравнивание и обтекание.  Для улучшения необходимо  корректировать страницу в режиме HTML.
Но размер картинки в байтах все равно останется неизменным. 

Фон страницы в конструкторе сайтов 

Фон, цвет и стиль символов можно выбрать, если перейти: 
Меню - Еще - Управление сайтом - Темы, цвета и шрифты
Выбирая значения параметров, предлагаемых конструктором, вы можете поменять фон, цвет отдельных элементов, стиль символов для всех страниц сайта.
Здесь можно определить собственную картинку для фона.

Выводы

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