Создание тематического сайта на языке гипертекстовой разметки HTML и формальном языке CSS

1.

ПРОЕКТ НА ТЕМУ:
«Создание тематического сайта на языке
гипертекстовой разметки HTML и формальном языке
CSS»
Выполнил:
Ученик 9А класса МАОУ СОШ №13
Шилихин Максим Константинович
Руководитель: Ахматова Виктория Евгеньевна

2.

Актуальность

3.

Цель и задачи проекта
Цель проекта:
• Создание тематического сайта на языке гипертекстовой
разметки HTML с использованием формального языка
описания внешнего вида документа CSS.
Задачи проекта:
• Выбрать тему для сайта
• Сделать примерный макет и разметку сайта на листе
бумаги
• Найти необходимую информацию для сайта в интернете
• Разобраться в написании кода на языках
программирования
• Воссоздать сайт на языке HTML с использованием CSS
• Проверить сайт на наличие ошибок и неточностей
• Показать сайт друзьям, одноклассникам и семье

4.

Что такое сайт?
Сайт, или веб-сайт — это одна или несколько логически
связанных между собой веб-страниц; В обычном виде
сайт представляет собой массив связанных данных,
имеющий уникальный адрес и воспринимаемый
пользователем как единое целое.

5.

Как работают сайты?
Любой интернет ресурс – это на
самом деле набор самых обычных
текстовых,
видео,
аудио
и
мультимедиа файлов, таких же,
которые хранятся на наших
устройствах, только представлены
они нам в определенном виде.
Находятся
эти
файлы
на
специальных
“Компьютерах”,
которые ведут работу в режиме 7
дней в неделю 24 часа в сутки, не
выключаясь, чтобы обеспечивать
нам работу с сайтами.

6.

HTML
HTML (от англ. HyperText Markup Language — «язык
гипертекстовой разметки») — стандартизированный
язык программирования документов во Всемирной
паутине.
CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы
стилей) — формальный язык описания внешнего вида
документа, написанного с использованием языка разметки.

7.

Создание сайта
Выбор темы проекта – Вторая Мировая Война;
Набросок сайта и поиск необходимой информации

8.

Создание сайта
Понять и разобрать HTML и CSS;
Создание самого сайта;

9.

Создание сайта

10.

Создание сайта

11.

Создание сайта

12.

Дополнительные страницы

13.

CSS

14.

Апробация сайта
Апробация сайта была проведена среди 15 человек. После
проведения апробации пользователям было предложено ответить
на вопросы из анкеты:
Понравился ли вам сайт?
Удобно ли использовать сайт?
Ваше мнение об оформлении сайта?
o Отлично
o Хорошо
o Неплохо
o Есть над чем поработать
4. Нужны ли по вашему мнению сайты на подобную тематику?
o Да, нужны
o Нет, не нужны
1.
2.
3.

15.

Апробация сайта

16.

Апробация сайта

17.

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