Текст HTML. Как настраивать текст html

🔥 Текст HTML. Как настраивать текст

Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

В этом уроке мы рассмотрим какие свойства можно применять к тексту, расположенному у вас на странице и так далее.

Все это мы будем делать в уже знакомой вам программе Adobe Dreamweaver СС 2019.

👉 Давайте рассмотрим какой-то какой-то произвольный текст в программе, можно создать новый документ, сохраним страницу например на рабочем столе и напишем произвольный текст HTML. Сохранили на рабочий стол, вот наш файл, соответственно сюда пропишем этот текст. То есть вы можете прямо на своей странице написать текст без каких-либо тегов и так далее. Ну если вы хотите чтобы был форматированный текст, то необходимо создавать определенные теги для данного текста и настраивать его свойства.

Давайте это и сделаем, далее рассмотрим как вы можете с помощью HTML настроить свойства для данного текста. Выделите текст и нажмите сочетание клавш "Ctrl+Shift+p" и вы заключите текст в тег <p>. Выбирайте меню "окно", далее выбирайте "свойства" и внизу у вас появляется панель свойств.

Так как мы находимся на выделенном тексте, то вы можете настроить свойства для данного текста. Здесь есть две колонки HTML и CSS, не очень много настроек но тем не менее Вы можете выбрать допустим нажав на H1 и текст, который вы выделили заменится на заголовок....

...продолжение о том, как настраивать текст HTML в программе Dreamweaver, смотрите в видеоуроке. 👇

Ссылка на это видео - https://www.youtube.com/watch?v=LqlX1DbJ6sc

#создатьсайт #созданиесайта #сайт #dreamweaver #текст

Стили Dreamweaver. Как настроить стили в Dreamweaver без залезания в код

★ Стили Dreamweaver. Как настроить стили в Dreamweaver без залезания в код

В этом уроке мы с Вами рассмотрим как в программе Adobe Dreamweaver использовать и настраивать стили элементов вашего сайта без редактирования кода

Свойства страницы Dreamweaver. Как в Dreamweaver настроить свойства стра...

Свойства страницы Dreamweaver.

Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

В этом уроке мы рассмотрим с вами как настраиваются свойства страницы в программе Adobe Dreamweaver.

Когда вы создаете сайт в Dreamweaver и допустим не хотите использовать технологию bootstrap, то первоначальные настройки вашей страницы помогут вам быстро начать работать с вашим сайтом и с вашей страницей.

Давайте создадим новую страницу, в открытом окне выбираете "Нет" и нажимаете на создать. Давайте сразу сохраним страницу, выбираем сохранить, можно писать русскими буквами и нажимаете сохранить. Итак, страницу вы создали.

Сетка Bootstrap. Как использовать сетку bootstrap в Dreamweaver

В этом уроке мы поговорим с вами о технологии Bootstrap, а именно о сетках bootstrap - что они из себя представляют, как вообще создаются и почему они очень удобны для создания сайта. А также - как вы можете использовать их в программе Adobe Dreamweaver.

Итак я уже открыл страницу в программе которая наверняка знакома вам по прошлым урокам, и здесь я сократил, вернее, свернул блоки, которые есть на странице. Сверху этого блока создам ещё один один контейнер.

Как вы знаете, если изучали технологию bootstrap, или допустим, начали проходить мой видеокурс по данной технологии, соответственно здесь необходимо создать контейнеры.

У меня есть отдельный урок, в котором я рассказываю о 4 обязательных элементах для создания вашего сайта сайта и для создания контейнеров при размещении и вставке контента на странице в программе Dreamweaver. Я рассказываю, почему это так, и соответственно, дальше мы создадим с вами строки.

При вставке этих элементов через специальную панель Bootstrap в программе Adobe Dreamweaver, у меня появились 12 ячеек. Сетка bootstrap и состоит из 12 данных ячеек и вы можете создавать (генерировать, редактировать) свои страницы сайта именно на основании этих сеток.

...продолжение о сетках Bootstrap в программе Dreamweaver смотрите в видеоуроке.

Ссылка на это видео - https://www.youtube.com/watch?v=rUdaGzO1V90

HTML документ. Как создать html документ

HTML документ. Как создать html документ

В этом уроке мы рассмотрим как создать html документ.

Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

Для того чтобы создать html документ не используя для начала никаких программ вам необходимо зайти в меню пуск меню вашего персонального компьютеры, выбрать стандартные программы Windows, затем блокнот, предустановленный в ПК.

Затем сразу после открытия блокнота можно сразу сохранить документ на рабочий стол (я делаю так) и далее при сохрании пишите название файла index.html

Шрифты Dreamweaver. Подключение и установка в Dreamweaver шрифтов

★ Шрифты Dreamweaver. Подключение и установка в Adobe Dreamweaver шрифтов

Привет, в этом уроке мы поговорим о подключении шрифтов в программе Adobe Dreamweaver, как и с помощью какого инструмента их подключать и так далее.

Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

Подробный курс по технологии - http://andreiaverkov.ru/mr/url_396_65.html

В программе Adobe Dreamweaver вы можете скачивать шрифты с сервиса Adobe но я этого не делаю, т.к. в программе в основном представлены западноевропейские шрифты и которые по большей части не поддерживают кириллицу, а те что поддерживают, очень мало. Поэтому есть в программе возможности подключения локальных шрифтов.

Шрифты Dreamweaver. Подключение и установка в Dreamweaver шрифтов

★ Шрифты Dreamweaver. Подключение и установка в Adobe Dreamweaver шрифтов



Привет, в этом уроке мы поговорим о подключении шрифтов в программе Adobe Dreamweaver, как и с помощью какого инструмента их подключать и так далее.



Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html



Подробный курс по технологии - http://andreiaverkov.ru/mr/url_396_65.html



В программе Adobe Dreamweaver вы можете скачивать шрифты с сервиса Adobe но я этого не делаю, т.к. в программе в основном представлены западноевропейские шрифты и которые по большей части не поддерживают кириллицу, а те что поддерживают, очень мало. Поэтому есть в программе возможности подключения локальных шрифтов.



Вы заходите на сайт скачивания шрифтов, скачиваете их себе на ПК и подключаете уже на свой сайт.



Также есть ещё ещё особые шрифты, или шрифты, которые уже встроены в программу Adobe Dreamweaver. Здесь вы можете уже подключать предустановленные шрифты программе при первом запуске.



Есть некоторые шрифты, которые вы Вы можете использовать на основе шрифтов, которые есть вашей операционной системе и соответственно с помощью этих шрифтов создавать свои уникальные группы.



Давайте всё-таки рассмотрим локальные шрифты и подключим на сайт.



Ах да, я еще не сказал про Bootstrap, где уже встроены некоторые шрифты, которые вы можете использовать у себя на сайте. Поэтому при подключении этого фрейворка, вы можете использовать и их.



...продолжение о шрифтах в программе Dreamweaver смотрите в видеоуроке.



Ссылка на видео - https://www.youtube.com/watch?v=I8P8q2UkSsI

Emmet dreamweaver. Как быстро набирать код в dreamweaver

Как быстро набирать код в dreamweaver.

С вами на связи Андрей Аверьков и в этом уроке мы рассмотрим модуль Emmet. Модуль Emmet позволит вам очень быстро набирать код на вашей странице

Давайте я вам покажу как это работает и как вы можете применять у себя на странице Переходите на этот сайт emmet.io здесь выбираете документация и дальше выбираете аббревиатура. Естественно если вы знаете английский язык то вы можете почитать документацию по данному модулю.

Бизнес онлайн. Инструменты, создание сайта в Dreamweaver

★ Бизнес онлайн. Инструменты, создание сайта в Dreamweaver

Основные темы - это создание сайта, программа Adobe Dreamweaver как основа создания системы сайтов, а также другие необходимые инструменты для комфортной и быстрой генерации контента для вашего бизнеса.

Если вы ищите инструмент для генерации контента на ваших сайтов, - моя рекомендация - это программа Adobe Dreamweaver, которая

1. Заменит все платные онлайн сервисы по созданию сайта

2. Проста в освоении

3. Имеет встроенные инструменты для создания современного сайта.

У меня есть бесплатный базовый курс, который позволит вам быстро познакомиться с программой, изучить все ее возможности, а также уже через несколько дней создать первый сайт и опубликовать его в сети.

Обязательно познакомьтесь с этой программой

А также получите доступ к большим скидкам и бонусам, которые доступны только для подписчиков моей рассылки.

Переходите по ссылке справа, либо внизу данного видео, чтобы получить свою копию видеоинструкции по программе Adobe Dreamweaver.

Переходите по ссылке справа, либо внизу данного видео, чтобы получить свою копию видеоинструкции по программе Adobe Dreamweaver.

Ссылка на это видео - https://www.youtube.com/watch?v=CJRf9mg_6FU

Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

#бизнесонлайн #Dreamweaver

Преимущества Dreamweaver. Основные выгоды, возможности Adobe Dreamweaver

Преимущества Dreamweaver. Основные выгоды, возможности Adobe Dreamweaver. Базовый курс здесь - http://andreiaverkov.ru/mr/url_208_65.html

Подробный курс по технологии - http://andreiaverkov.ru/mr/url_396_65.html

Привет, с вами на связи Андрей Аверьков и в этом уроке я расскажу о преимуществах программы Adobe Dreamweaver.

Преимуществ программы очень много, поэтому я постарался выделить основные.

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

Но очевидно, чтобы комфортно создавать страницы для бизнеса, необходимо быть на самых высоких тарифах. А это не одна тысяча рублей в месяц.

Если Вы только лишь недавно познакомились с программой Adobe Dreamweaver, она может показаться сложной. Но на самом деле если вы начнете ее изучать она покажется Вам даже очень простой, потому что здесь представлено все необходимое в работе.

Ссылка на это видео - https://www.youtube.com/watch?v=kZSPAJwX7kI