wiki:devel:templates:notebook
Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
wiki:devel:templates:notebook [2024/08/26 21:48] – vladpolskiy | wiki:devel:templates:notebook [2024/08/27 00:27] (текущий) – [Верстка шаблона страницы] vladpolskiy | ||
---|---|---|---|
Строка 138: | Строка 138: | ||
* открываем макет в редакторе (пример paint.net) и начертив прямоугольники вокруг текста измеряем размеры основной области и дополнительной панели | * открываем макет в редакторе (пример paint.net) и начертив прямоугольники вокруг текста измеряем размеры основной области и дополнительной панели | ||
{{: | {{: | ||
- | * вся область для пк вписывается в 1024px | + | * вся область |
{{: | {{: | ||
* боковая панель 240px и видия область для мобильных устройств 570px | * боковая панель 240px и видия область для мобильных устройств 570px | ||
{{: | {{: | ||
+ | =====Верстка шаблона страницы===== | ||
+ | * Стандартная веб-страница содержит следующие секции: | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | * class=" | ||
+ | внутри этого контейнера будут располагаться, | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <!-- в правый (боковая панель) контейнер шириною 240px встроим еще 4 контейнера--> | ||
+ | <!-- содержание, | ||
+ | <!-- которые будут распологаться друг под другом в контейнере (боковая панель) --> | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | * Это и есть в общих чертах наш будущий макет (без картинок и стилей) | ||
+ | * план контейнеров | ||
+ | {{: |
wiki/devel/templates/notebook.1724698108.txt.gz · Последнее изменение: 2024/08/26 21:48 — vladpolskiy