dynamic_site

anonymous@undisclosed.example.com (Anonymous) — Tue, 08 Aug 2023 17:34:03 +0000

Создание динамического веб-сайта

Создание макета страницы

В любом блокноте набираем (или копируем) нижеприведенный код.

<!DOCTYPE html>  
<html>
    <head>       
        <meta charset="utf-8">
        <title>Документ HTML5</title>
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <script src="script.js"></script> 
    </head>
    <body>
        <div>Простейшая страница</div>
    </body>
</html>

Я использую Notepad++

Ниже приведено назначение элементов кода

Структура HTML -документа
Элемент	Описание
`<!DOCTYPE html>`	Объявление формата документа (это документ html с использованием HTML5)
`<html>`	Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера)
`<head>`	Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу.
`<title>`	Наименование документа, которое отображается в строке заголовка веб-браузера
`<meta>`	Определяет метаинформацию страницы. В данном случае с помощью атрибута charset=«utf-8» указываем кодировку utf-8.
`<style>`	Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS.
`<link>`	Определяет взаимосвязь между текущей страницей и другими документами.
`<script>`	Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента.
`<body>`	Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>
`<div>`	Блок, предназначенный для группировки контента.

Сохранить → Сохранить как → index.html

правой кнопкой мыши открываем наш сохраненный файл с помощью браузера

Это и есть наш шаблон

Создание каталога папок

в папке куда сохранили файл создаем три папки

js - для скриптов
css - для стилей
images - для картинок

worldwide open-source software - software:development:ps_pycharm:dynamic_site

dynamic_site

Создание динамического веб-сайта

Создание макета страницы

Создание каталога папок