Визуальный редактор веб-сайтов

Author
Анна Петрова
Senior UX Designer @ TechCorp

HTML и CSS
3.9 / 5 (48 оценок)


Теперь, когда вы умеете наполнять веб-документы текстовой ин-формацией и обладаете средствами их художественного оформления, можно подумать о создании первого полноценного сайта. Но привлекает вас перспектива вручную вводить в текстовом редакторе все теги - от первого до последнего! - И при этом не видеть сразу результат своего труда, поскольку он виден только в браузере? Пожалуй, нет.

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

Интерфейс и режимы работы программы

Конечно, было бы удобно форматировать страницы так, как в тек-стов процессорах, когда на экране документ имеет примерно такой же вид, как и на печати. Этот подход, называемый WYSIWYG (What Your See Is What Your Get - что видишь, то и от-рифма), реализовано в программе Microsoft FrontPage - визуальном редакторе веб-страниц. В отличие от большинства текстовых редакторов, которые выводят на экран только теги HTML, FrontPage сразу интерпретирует их, и вы видите страницу почти такой, как в окне браузера. Благодаря этому отпадает необходимость в постоянном переключении между браузером и редактором для просмотра веб-страницы. В программе FrontPage есть все необходимое для работы с веб-сайтом: средство для навигации FrontPage Explorer, редактор веб-страниц FrontPage Editor, средства для работы с графикой и публикации документов.

Окно программы

На рис. изображено окно программы FrontPage 2003. Оно оформлено в едином для всех программ Microsoft Office 2003 стиле. В верхней части окна находится строка меню и две панели инструментов - Стандартная (Стандартная) и Форматирование (компоновки). Основная часть окна отведена под рабочую область, в которой можно открыть один или несколько документов. Внизу расположена строка состояния, содержащая справочную информацию.


Страница: 1 из 17    -   Следующая

Навигация: 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю