software:development:ps_pycharm:dynamic_site:dynamic_site
Содержание
Создание динамического веб-сайта
Создание макета страницы
В любом блокноте набираем (или копируем) нижеприведенный код.
- index.html
<!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 - для картинок
software/development/ps_pycharm/dynamic_site/dynamic_site.txt · Последнее изменение: 2023/08/08 20:34 — vladpolskiy
Обсуждение