Заголовок 1

5 сентября, пятница


Попробую записывать всё в таком виде в html уже на новом шаблоне.

Делаю свой шаблон-заготовку страницы для html. Проект лежит на D:\WEB
Шаблон My-html-Template.html
Изображения лежат в подкаталоге images
Его можно править через Notepad++ или через BlueMonkey (сейчас правлю и там и там в зависимости от задачи).

Хочу сделать шаблон страницы, которая бы одинаково хорошо отображалась как в браузере, так и на телефоне, корректно растягивалась и не использовала скрипты. И чтобы хорошо читалась визуально.

BlueMonkey - крутейший некоммерческий веб-редактор, который работает без интернета, то есть веб-редактор  в нём встроенный (открывается по Ctrl-E, спецкнопочки кажется нет), и не требует никакого онлайна. Веб-редактор называется у них Компоновщик, открывается в отдельном окне. Есть все обычные функции визуального редактора. Ура!!! Наконец-то я нашла такой! Интерфейс винтажный, но новые версии выходят постоянно.

Страницу для правки шаблона сейчас открываю одновременно в BlueMonkey и Notepad++.  Внизу страницы в BlueMonkey в режиме редактора есть переключение на 3 режима редактора - визуальный, код и предварительный просмотр. Но режим кода там без подсветки тегов, так что не так удобно как в Notepad++, если надо посмотреть стили. Но если одновременно открывать, то можно запутаться, что где открыто, хотя вроде он напоминает, если идёт перекрытие версий.  Потом можно будет просто править файл в визуальном редакторе BlueMonkey,  проверять и выкладывать обновлённую версию файла на сервер по ftp или с помощью средств загрузки.

По шаблону:
Мне нравится цвет шрифта здесь - не чёрный, а тёмно-серый. В стилях в html-коде  можно менять межстрочное расстояние (сейчас стоит line-height: 1.4em). Может быть чуть поменьше можно сделать, но не сильно. Размер шрифта возможно надо сделать больше, сейчас стоит 16px (кстати, почему-то в стилях для body стоит 20px), но у меня стоит увеличение шрифтов в системе, в дефолтной шрифт будет возможно мелковат (хотя 20px должно быть  норм). Фон мне нравится бежевый, хотя выглядит, возможно, несколько старомодно, но мне как раз нравится.  Шрифт используется Robots (хотя в стилях Body опять же почему-то прописан Avenir и Arial, посмотреть потом и убрать лишнее).

Ctrl-Z в визуальном редакторе тоже есть )))

Не забыть  - в BlueMonkey тоже есть фичи для css и java-script, потом не забыть посмотреть.

ЦИТАТА: Очень похоже на то, что мне как раз нужно.
Попробуем этот редактор теперь. Отлично

Продолжение текста
пловралпор вапор
Попробуем вставить картинку с текущей директории (относительная ссылка images/art2.jpg)


Арт со ссылкой на подкаталог images текущей директории:
 
Подпись к картинке 1
Если на сайте будет подкаталог images,  то ссылки можно не править после переноса. Всё должно работать так же, как на локальном компе.

Снова текст-текст-текст и всякое описание тут может быть и т.д. и т.п. ывлдаоыдвлао длыолвоарыловары Пдлвыаопдлыовапдлыов пдылвоа ыдвлоадыл ыдвлагонырвпа оы ывждлывавпр . Рловыалоы лыовалоырв лыов ыылоыв ые ырлывора ылловал ырлыовра лыовар

Арт со ссылкой с веба:
 
Подпись к картинке 2

Таблица
т1
т2
т3
т4

















Пока всё.