Презентация2 (2) (1)

1.

Муниципальное общеобразовательное учреждение
«Средняя общеобразовательная школа с углубленным изучением отдельных предметов №39»
ПРОЕКТ
«Создание шаблонного сайта»
Выполнили:
Ученики 10А класса Ганченков Ярослав, Примак Александр
Руководитель:
Черкасова Светлана юрьевна, учитель Информатики МОУ
«Средняя школа №39» г.о. Саранск
Саранск, 2025 г.

2. ВВЕДЕНИЕ

Цель проекта: Создать сайт-шаблон, используя языки программирования HTML,CSS,
JavaScript и изучить основные принципы веб-разработки.
Задачи:
Изучить основы языка HTML, CSS и JavaScript.
Создать сайт-шаблон.
Создать готовый сайт используя шаблон.
Оформить сайт с использованием CSS для изменения цвета фона, шрифтов и других
элементов.
Протестировать сайт на разных устройствах и опубликовать его в интернете.
Актуальность:
Создание сайтов — это важный навык в современном мире, где интернет играет
ключевую роль в передаче информации. Умение создавать веб-страницы может быть
полезным как для личных проектов, так и для профессиональной деятельности.

3. Понятие о языках программирования

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

4. Что такое HTML?

HTML (HyperText Markup Language) — это
язык разметки, который используется для
создания веб-страниц. Он состоит из набора
тегов, которые определяют структуру и
содержание страницы. HTML не является языком
программирования, но он позволяет создавать
статические веб-страницы, которые могут
содержать текст, изображения, ссылки и другие
элементы.
HTML был разработан в 1991 году Тимом
Бернерсом-Ли, и с тех пор он стал основой для
создания
веб-сайтов.
Сегодня
HTML
используется в сочетании с CSS и JavaScript для
создания современных и интерактивных вебприложений.

5.

Каждый HTML-документ начинается с объявления типа документа <!DOCTYPE html>, которое указывает браузеру,
что это HTML5 документ. Основная структура документа выглядит следующим образом:
<html> — корневой элемент, который содержит весь контент страницы.
<head> — раздел, где размещается метаинформация, такая как заголовок страницы, ссылки на стили и скрипты.
<body> — основная часть страницы, где размещается контент, который будет отображаться пользователю.

6. Основные теги для создания сайта

Для создания сайта используются различные теги, которые помогают структурировать информацию. Вот
некоторые из них:
<h1> — <h6>: заголовки разного уровня.
<p>: абзац текста.
<a>: ссылка.
<img>: изображение.
<ul> и <ol>: списки (нумерованные и маркированные).
<div>: контейнер для группировки элементов.
<style>: для добавления CSS-стилей.

7. Введение в CSS: стилизация веб-страниц

CSS (Cascading Style Sheets) — это язык стилей,
Пример использования CSS для изменения цвета фона
который используется для описания внешнего вида и шрифта:
HTML-документов. С помощью CSS можно изменять
цвет фона, шрифты, отступы, размеры элементов и
многое другое. Создатель CSS - Хокон Вуим Ли.
Цветовая палитра:

8. Создание сайта-шаблона

Создание главной страницы
Главная страница сайта была создана с использованием тегов <h1> для заголовка и <p> для текста.
Также я добавил навигационное меню с помощью тега <nav>, чтобы пользователи могли легко
переходить между страницами.

9. Изменение цвета фона и шрифтов

Для изменения цвета фона
и шрифтов я использовал
CSS.
Например, чтобы
изменить цвет фона, я
использовал
свойство background-color,
а для изменения шрифта —
font-family.

English Русский Rules