======Создание динамического веб-сайта======
=====Создание макета страницы=====
В любом блокноте набираем (или копируем) нижеприведенный код.
Документ HTML5
Простейшая страница
\\
Я использую Notepad++
\\
{{:software:development:ps_pycharm:dynamic_site:dynamic_site_10.png?|}}
\\
Ниже приведено назначение элементов кода
\\
^ Структура HTML -документа ^^
|Элемент | Описание |
|''%% %%'' |Объявление формата документа (это документ html с использованием HTML5) |
| ''%% %%'' |Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера) |
| ''%% %%'' |Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу. |
|''%% %%'' |Наименование документа, которое отображается в строке заголовка веб-браузера |
| ''%% <meta> %%'' |Определяет метаинформацию страницы. В данном случае с помощью атрибута charset="utf-8" указываем кодировку utf-8. |
| ''%% <style> %%'' |Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS. |
| ''%% <link> %%'' |Определяет взаимосвязь между текущей страницей и другими документами. |
| ''%% <script> %%'' |Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента. |
| ''%% <body> %%'' |Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body> |
| ''%% <div> %%'' |Блок, предназначенный для группировки контента. |
\\
Сохранить -> Сохранить как -> index.html
\\
{{:software:development:ps_pycharm:dynamic_site:dynamic_site_11.png?|}}
\\
правой кнопкой мыши открываем наш сохраненный файл с помощью браузера
\\
{{:software:development:ps_pycharm:dynamic_site:dynamic_site_12.png?|}}
\\
Это и есть наш шаблон
=====Создание каталога папок=====
в папке куда сохранили файл создаем три папки
* js - для скриптов
* css - для стилей
* images - для картинок
{{:software:development:ps_pycharm:dynamic_site:dynamic_site_20.png?|}}