Создание сайта школы Лахта

Слайд 2

Слайд 3

Слайд 4

Исследование и выбор средств для создания сайта Выбор программ и средств

Исследование и выбор средств для создания сайта
Выбор программ и средств для

создания сайта
Язык гипертекстовой разметки HTML5
Каскадные таблицы стилей CSS
Язык программирования JavaScript
Профессиональный текстовый редактор Brackets
Растровый графический редактор Adobe Photoshop CS
Выбор дизайна
Цвет темно-синий и светло-синий
Цвет заголовков темно-синий
Семейство шрифтов Arial
Дополнительный шрифт Arial Narrow
Фон абстрактный плавный рисунок
Слайд 5

Создание дизайн-макета Создание структуры сайта

Создание дизайн-макета Создание структуры сайта

Слайд 6

CSS коды body {color: black} - цвет текста: черный h1 {color:rgba(58,

CSS коды
body {color: black} - цвет текста: черный
h1 {color:rgba(58, 58, 160,

0.93)} - цвет заголовков
темно-синий
h2 {color:rgba(58, 58, 160, 0.93)}
h1 { font-family: arial } – шрифт текста и
заголовков
h2{ font-family: arial}
body { font-family: arial}
h1 {font-size: 75px} – высота шрифта заголовка
h1 {font-weight: 900} – толщина шрифта заголовка
a – оформление внешнего вида ссылок
{padding: .2em .75em; text-decoration: none;}

HTML коды
- тег версии языка разметки
- начало веб-страницы
- теги с вспомогательной информацией
- тип кодировки
ШКОЛА ЛАХТА - название в адресной
строке
- связь с файлом
css
- окончание вспомогательных тегов
тело страницы, где заложена вся информация
- окончание веб страницы

Написание HTML и CSS кодов

Слайд 7

Создание сценариев на языке JavaScript Объект, двигающийся за мышкой 31.03.21 14:51:12

Создание сценариев на языке JavaScript

Объект, двигающийся за мышкой

31.03.21 14:51:12

Установка текущей

даты и времени

Всплывающие окна-предупреждения

Информация для родителей

Слайд 8

Заключение Результатом моего индивидуального итогового проекта стало создание полноценного современного многостраничного

Заключение
Результатом моего индивидуального итогового проекта стало создание полноценного современного

многостраничного сайта школы «с нуля» с индивидуальным дизайном, всплывающими окнами, «оживленными» двигающимися элементами.

ПРИМЕР СТРАНИЦЫ

ПРИМЕР СТРАНИЦЫ

ПРИМЕР СТРАНИЦЫ

Слайд 9

Список использованных источников: Васильев А.Н. Программирование на Java Script в примерах

Список использованных источников:
Васильев А.Н. Программирование на Java Script в примерах и

задачах. – М.: Эксмо-Пресс, 2017. – 720 с.
Никсон Н. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. – СПб.: Питер, 2019 – 816 с.
Дакетт Д. Разработка и дизайн веб-сайтов. – М.: Эксмо-Пресс, 2020 – 480 с.
Роббинс Д. HTML5. Карманный справочник. – М.: И. Д. Вильямс, 2019 – 192 с.
Робсон Э.Ф.Э. Изучаем программирование на Java Script. – СПб.: Питер, 2016 – 640 с.
Выбор и описание программных средств и среды разработки реализации сайта: [Электронный ресурс] // Студенческая библиотека онлайн. – Режим доступа: https://studbooks.net/1998719/informatika/vybor_opisanie_programmnyh_sredstv_sredy_razrabotki_realizatsii_sayta, свободный. (Дата обращения 17.11.2020 г.)
Лучшие графические редакторы: Топ-20. [Электронный ресурс] // Canva.com. – Режим доступа: https://www.canva.com /ru_ru/obuchenie/graficheskij-redaktor-20/, свободный. (Дата обращения 03.11.2020 г.)
Маилян А. Топ 10 лучших HTML редакторов. [Электронный ресурс] // Видеокурсы по программированию. – Режим доступа: https://itvdn.com/ru/blog/article/top10-html, свободный. (Дата обращения 17.11.2020 г.)
Наливайко А. Golang: основы для начинающих: [Электронный ресурс] // Tropger – типичный программист / 24.08.2017 г. – Режим доступа: https://tproger.ru/translations/golang-basics/, свободный. (Дата обращения 17.10.2020 г.)
Языки программирования высокого уровня: [Электронный ресурс] // Хелпикс.Орг. – Режим доступа: https://helpiks.org/9-69570.html, свободный. (Дата обращения 20.11.2020 г.)
Языки программирования по алфавиту. Erlang: [Электронный ресурс]// Онлайн энциклопедия. Вы знали? // 16.05.2020 г. – Режим доступа: https://google--info-org.turbopages.org/google-info.org/s/17189/1/erlang.html, свободный. (Дата обращения 03.11.2020 г.)