Различия

Показаны различия между двумя версиями страницы.

--- software:development:ps_pycharm:dynamic_site:dynamic_site [2023/08/08 19:47] – vladpolskiy
+++ software:development:ps_pycharm:dynamic_site:dynamic_site [2023/08/08 20:34] (текущий) – [Создание каталога папок] vladpolskiy
@@ Строка 2: / Строка 2: @@
-=====Основы HTML=====
+=====Создание макета страницы=====
+В любом блокноте набираем (или копируем) нижеприведенный код.
 <file html index.html>
 <!DOCTYPE html>
@@ Строка 14: / Строка 14: @@
     </head>
     <body>
-        <div>Содержание документа HTML5</div>
+        <div>Простейшая страница</div>
     </body>
 </html>
 </file>
+\\
+Я использую Notepad++
+\\
+{{:software:development:ps_pycharm:dynamic_site:dynamic_site_10.png?|}}
+\\
+Ниже приведено назначение элементов кода
+\\
 ^                      Структура HTML -документа     ^^
@@ Строка 33: / Строка 38: @@
 | ''%% <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?|}}