internet
programmingSimilar presentations:
Создание web-сайтов
1. Индивидуальный проект по теме «Создание web-сайтов»
2. Содержание:
Актуальность проекта.Цель проекта и задачи проекта.
Основная информация по теме проекта.
Заключение.
Список использованных источников.
3. Актуальность проекта.
Практическое применение: студенты получают возможностьприменить теоретические знания на практике, создавая реальный
продукт.
Развитие профессиональных навыков: проект помогает развивать
технические компетенции, такие как HTML, CSS.
Портфель работ: готовое портфолио демонстрирует уровень
компетенций и привлекает работодателей.
Повышение конкурентоспособности: владение навыками разработки
web-сайтов повышает шансы на трудоустройство и карьерный рост.
Самостоятельность и ответственность: студент учится
самостоятельно планировать работу, решать проблемы и отвечать за
конечный результат.
4. Цели проекта и задачи проекта:
Цель:Создать собственный web-сайт, используя языки программирования HTML и
CSS
Задачи:
Узнать, какие основные функции существуют в языке программирования
HTML и CSS.
Ознакомиться с языками программирования HTML и CSS.
На основе приложения Visual Studio Code создать web-сайт.
5. Общие понятия языков программирования HTML
Основные элементы HTML состоит из набора тегов, которыеиспользуются
для описания структуры документа.
-`<html>` — корневой элемент,
обозначающий начало и конец
HTML-документа.
-- `<head>` — содержит
метаинформацию о документе,
такую как заголовок .
-`<body>` — основной контент
документа, включая текст,
изображения, таблицы и другие
элементы. - `<h1>-<h6>` —
заголовки различных уровней.
6. Общие понятия языков программирования CSS
Для объяснения CSS кода стоит проще показать.Пример простого CSS-кода:
```css body { font-family: Arial, sans-serif; background-color:
Black; }
h1 { color: blue; text-align: center; }
Этот код устанавливает шрифт и фоновый цвет для всего
документа, а также определяет синий цвет и
центрирование текста для всех заголовков первого уровня.
7.
Ступени разработки web-сайта:Ступень 1.
На первом этапе нужно
определиться с целевой
аудиторией, т. е. с
пользователями, для кого
этот сайт будет создан.
Примеры:
• Возрастная группа;
• Региональная;
• Узкая направленность или
общая;
8.
Ступени разработки web-сайта:Ступень 2.
На 2 этапе создаётся
так
называемый
«скелет» сайта, или
же, макет. На макете,
создаются условные
обозначения,
вписывается
необходимый текст
для сайта.
9. Ступени разработки web-сайта:
Ступень 3.На 3 этапе создаётся
оформление для webсайта. Для этого нужно
перейти в файл CSS,
подключенный к файлу
HTML. В данном файле
создаются
таблицы,
редактируются
тип
шрифта, его размер,
цвет
и
подобные
параметры.
10.
С помощью языков программирования HTML иCSS можно создавать одностраничные статичные
сайты. Пример такого сайта:
11. Заключение.
В ходе выполнения индивидуального проекта была достигнутапоставленная цель — разработан собственный web-сайт с
использованием языков программирования HTML и CSS. Выполнение
проекта позволило решить следующие задачи:
- Изучить основные функции и возможности языков HTML и CSS.
- Ознакомиться с особенностями синтаксиса и структурой этих
языков.
- Освоить инструментарий Visual Studio Code для написания и
тестирования web-сайта.
Результатом работы стал визуально привлекательный сайт,
демонстрирующий базовые навыки верстки и стилизации страниц.
Полученный опыт позволит расширить профессиональные
компетенции и подготовиться к дальнейшему изучению более
сложных технологий web-разработки. Проект также послужил
отличным
примером
практического
применения
изученных
материалов и укрепил понимание принципов построения современных
web-интерфейсов.
12. Список использовавшихся источников:
Программа для работы с различными языками программированияVisual Studio Code (VSCode).
Языки программирования HTML и CSS.