Beaker browser создание сайтов тренировка

beaker-browser-training
Web 3 training

Тренировка в создании сайтов в браузере Beaker для начинающих.

Простой одноранговый сайт на Beaker browser




Браузер для веб-сайтов следующего поколения Web 3.0 https://beakerbrowser.com/
Beaker-это экспериментальный браузер для изучения и создания одноранговой сети.
Beaker browser работает по файловому протоколу dat:// и позволяет найти и связать между собой компьютеры. Подробнее https://dat.foundation
Инструмент для обмена веб-сайтов, файлов, приложений и многого другого.
Так же, как и в других браузерах, вы можете просматривать http://и https://веб-сайты:
Ознакомительный тур https://beakerbrowser.com/docs/tour/
Beaker browser содержит конструктор и редактор сайтов, позволяющих быстро создать сайт локально или разместить на бесплатном хостинге.
Одностраничный сайт - визитку или одностраничный блог можно создать и опубликовать минут за 5-10.
На создание первого простого сайта из 5 - 10 страниц с навигацией и изображениями надо потратить, примерно, часа 4.
Чтение документации и детальное ознакомление может занять несколько дней.
Сайту не нужно покупать домен и хостинг.

Зачем нужна тренировка?

  • Для начинающих технология непривычна и выглядит на первый взгляд сложно. Пробы откладывают надолго.
  • Для проверки работоспособности и доступности сайта нужно два компьютера или установка виртуальной машины на один.
  • Лучше, если работоспособность сайта проверит один из участников сети.
  • Чем больше участников сети, тем выше доступность сайтов. Сайты временно подгружаются на компьютеры участников сети.
This is my cool Markdown site published with Beaker.

Время в сети

Пн. — Пт. с 9 до 17 час. мск времени

Сайт

Сайт в Beaker browser

Адреса . Сайт можно открыть только в Beaker browser!






1. Установка программы Beaker browser

Доступные версии Lin, Mac, Win. Windows - 64 разрядная версия. Windows 7 и выше.
Установка программы для Windows стандартная.
Скачать файл установщик и запустить на компьютере. Автоматическое обновление.
Документация по Мензурке https://beakerbrowser.com/docs/


2. Разметка Markdown

Самый простой вариант создания сайта.
Сайты Markdown - это удобный способ публикации отформатированного контента с помощью Beaker без настройки процесса сборки для преобразования в HTML.
Разметка Markdown в текстововом файле .md, позволяет быстро преобразовать его в файл .html
В Beaker включена поддержка формата Markdown.
Поддержка формата Markdown включена по умолчанию для всех .md файлов, но вы можете легко переключаться между необработанным и отформатированным содержимым файла.
Вы можете сохранить его простым или настроить форматирование столько, сколько вы хотите!

Инструкции.

Синтаксис разметки Markdown простой https://daringfireball.net/projects/markdown/syntax

Основы разметки:

Абзацы разделяются пустыми строками.
Заголовки по уровню вложенности отмечаются решетками с пробелами, количество решеток перед заголовком показывает уровень заголовка.
Ссылки выделяются знаками больше ссылка меньше.
Жирный текст выделяется с двух сторон двумя звездочками.
Списки перед началом строки выделяются знаками плюс или минус или звёздочкой.


3. Создание страниц сайта.

Создаем файлы в соответствии с планом структуры в редакторе Notepad++ и кодировке UTF-8.
Редактор Notepad++ сайт https://notepad-plus-plus.org
Для лучшей проверки результата можно установить на ПК визуальный редактор MarkdownPad

4. Встроенный редактор и редакторы файлов Markdown .md

Создаем файлы в редакторе Notepad++ и формате UTF-8.

Редактор Notepad++

Визуальный редактор MarkdownPad удобен для редактирования.

Доступен на русском.
После загрузки портативной версии, просто извлечь сжатый zip-файл и запустить MarkdownPad2.exe
Портативная версия будет работать точно так же, как установленная версия.
Можно использовать любой редактор файлов Markdown.



Встроенный редактор браузера позволяет смотреть все файлы, код и редактировать их.









5. Меню сайта. Навигация

Beaker также поддерживает базовое меню навигации на основе Markdown.
Чтобы добавить навигацию, добавьте nav.md файл в проект.





6. Структура сайта. Пример

Начало работы с Markdown
Поскольку Beaker отображает .md файлы из коробки, мы можем использовать Markdown для быстрой и легкой публикации документов, таких как сообщения в блоге или документация, без написания HTML.
Для начала добавьте index.md файл в проект. Этого файла будет достаточно для создания одностраничного сайта.

Навигация

Beaker также поддерживает базовое меню навигации на основе уценки. Чтобы добавить навигацию, добавьте nav.md файл в проект.
После того, как вы добавили nav.md файл, Beaker будет отображать меню навигации на всех .md страницах проекта.

Основные файлы

index.md Главная страница
nav.md Меню сайта

Дополнительно файлы проекта не обязательные:

installwin.md Установка браузера Мензурка
homepage.md Главная страница создание
markdown.md Разметка Markdown
makepages.md Создание страниц сайта
editors.md Редакторы файлов Markdown
sitestructure.md Структура сайта
images.md Работа с изображениями
menu.md Создание меню сайта
publication.md Публикация сайта
quickpublication.md Быстрая публикация изменений на сайте
blog.md Блог
about.md О нас
hosting.md Бесплатный хостинг для сайтов Мензурки
style.md Редактирование стилей

Папка с изображениями images .

Файл стиля не меняем.

7. Изображения для сайта

Создаём папку images и переносим в нее все изображения для публикации.
Редактируем файлы в которые будем загружать изображения.
Разметка Markdown не срабатывает для изображений. Пока выясняем
Просто вставляем изображения с помощью кода html


Оптимизация изображений онлайн уменьшения размера изображений в форматах JPEG и PNG до минимально возможного уровня.
https://imagecompressor.com/ru/
Обзор 10 сервисов оптимизации изображений онлайн
https://vellisa.ru/10-onlayn-servisov-optimizatsii-izobrazheniy

8. Украшения сайта. Стили

Пока не будем трогать и оставим форматированный текст.
Стили по умолчанию Beaker намеренно голые, но это не должно оставаться таким образом!
Встроенные стили можно добавлять в любой .md файл.
Можно также добавить файл CSS в проект и загрузить его в виде таблицы стилей.

9.  Публикация сайта на локальном компьютере

Выбираем способ загрузить файлы From folder. empty - пустой можно использовать если один файл


Загружаем

Публикуем

10. Быстрая публикация изменений

Вы можете нажать кнопку “Установить локальный каталог”, чтобы синхронизировать файлы веб-сайта с каталогом на вашем компьютере.
Любые изменения, внесенные в файлы каталога, будут опубликованы на веб-сайте.



11. Блог

Обсуждение Beaker browser в этом блоге 

1. Новости июнь

2. Новости май


12. О нас

Сайт

blogspot-planner.blogspot.com/2019/07/beaker-browser-training.html

В социальных сетях


13. Публикация архива на бесплатном хостинге.

Для надёжности и круглосуточной доступности можно опубликовать архив на сайте https://hashbase.io
Бесплатно доступен хостинг 100 МБ
Регистрация через электронную почту.
10 простых страниц займут место около 100 кБ.


14. Результат


Сайт в Beaker browser

Адреса . Сайт можно открыть только в Beaker browser!



Напишите отзывы в комментариях или письмом!
Проверю ваши сайты!






15. Популярность запросов в Яндексе


P2P (англ. peer-to-peer), также известные как одноранговые, децентрализованные или пиринговые сети, - это распределенная архитектура приложения, которая разделяет зачачи между узлами (peer). Узлы имеют одинаковые привилегии в приложении и образуют сеть равносильных узлов. Узлы делают свои ресурсы, такие как вычислительная мощность, объем диска или пропускная способность напрямую доступными остальным членам сети

 Популярность запросов в Яндексе за месяц.

 beaker browser 41
beaker browser инструкция на русском 6
браузер beaker 13
браузер мензурка 1
одноранговый протокол 31
протоколы одноранговых сетей 13
одноранговый сайт 7
одноранговый блог 0
сделать одноранговый сайт 0
веб 3 0 76
веб 3.0 627
web 3 0 293
одноранговый интернет 59
интернет в одноранговой сети 42
одноранговая сеть без выхода в интернет 11
p2p 26827
p2p сети 536
cloud p2p 483
p2p программа 479
p2p сервис 396
p2p client 368
p2p сайт 312
p2p протокол 289
p2p клиент 257
p2p отзывы 257
p2p mailing 229
p2p россия 223
p2p сервер 202
p2p приложение 144
p2p vpn 102
p2p телефон 93
p2p client скачать 84
p2p мессенджер 74
p2p обмен 74
p2p lending 72
p2p бизнес 68
matrix p2p 68
как работает p2p 60
p2p браузер 58
p2p files 54
open p2p 52
p2p магазине 43
cms p2p 44
free p2p 39
p2p блокировка 38
p2p почта 38
p2p файлообменник 35
p2p программа для просмотра 32
принцип p2p 25
виды p2p 21
p2p передача данных 19
p2p описание 16
p2p шифрование 16
p2p обмен файлами 16
p2p market 14
p2p торговля 14
p2p browser 13
p2p client инструкция 11
схема p2p 9

Ярлыки:

3 комментария: