Локальный сайт: Что такое локальный сайт, локальный хостинг для локальных сайтов

04.06.2023 alexxlab

Содержание

Настройка локальной разработки для Статических веб-приложений Azure

Статья
12/05/2022
Чтение занимает 4 мин

При публикации в облаке сайт Статических веб-приложений Azure объединяет множество служб, которые работают вместе, как если бы они были одним и тем же приложением. К этим службам относятся:

Статическое веб-приложение
API Функций Azure
Службы проверки подлинности и авторизации
Службы маршрутизации и настройки

Эти службы должны взаимодействовать друг с другом, а Статические веб-приложения Azure обеспечивают эту интеграцию в облаке.

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

Для обеспечения возможностей, аналогичных возможностям Azure, интерфейс командной строки Статических веб-приложений Azure предоставляет следующие службы.

Локальный статический сервер сайта
Прокси-сервер к серверу разработки интерфейсной платформы
Прокси-сервер для конечных точек API — доступен через Azure Functions Core Tools
Имитация сервера проверки подлинности и авторизации
Принудительное применение локальных маршрутов и параметров конфигурации

Примечание

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

/api, а без CLI — значение http://localhost:7071/api.

Принцип работы

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

Важно!

Перейдите к http://localhost:4280 приложению, обслуживаемого интерфейсом командной строки.

Запросы, отправленные на порт 4280, перенаправляются на соответствующий сервер в зависимости от типа запроса.
Запросы статического содержимого
, такие как HTML или CSS, обрабатываются внутренним сервером статического содержимого CLI или сервером интерфейсной платформы для отладки.
Запросы проверки подлинности и авторизации обрабатываются эмулятором, который предоставляет приложению фиктивный профиль удостоверения.
Среда выполнения Функций Core Tools¹ обрабатывает запросы к API сайта.
Ответы от всех служб возвращаются в браузер, как если бы все они были единственным приложением.

В следующей статье описаны действия по запуску приложения на основе узлов, но процесс одинаков для любого языка или среды.

После запуска пользовательского интерфейса и приложений API Функции Azure запускайте интерфейс командной строки Статические веб-приложения и указывайте на запущенные приложения с помощью следующей команды:

swa start http://localhost:<DEV-SERVER-PORT-NUMBER> --api-location http://localhost:7071

При необходимости при использовании swa init команды интерфейс командной строки Статические веб-приложения просматривает код приложения и создает файл конфигурации swa-cli.config.json для CLI. При использовании файла swa-cli.config.json

можно запустить swa start для локального запуска приложения.

¹ Функции Azure Core Tools автоматически устанавливаются интерфейсом командной строки, если они еще не установлены в вашей системе.

Предварительные требования

Существующий сайт Статических веб-приложений Azure. Если у вас его нет, начните работу с примера приложения vanilla-api.
Node. js с npm: запустите версию Node.js LTS, которая включает доступ к npm.
Visual Studio Code : используется для отладки приложения API, но не требуется для интерфейса командной строки.

Начало работы

Откройте терминал в корневой папке существующего сайта Статических веб-приложений Azure.

Установите CLI.
```
npm install @azure/static-web-apps-cli
```
Выполните сборку приложения, если это необходимо.
Выполните команду npm run build или эквивалентную команду для своего проекта.
Инициализируйте репозиторий для ИНТЕРФЕЙСА командной строки.
```
swa init
```
Ответьте на вопросы, задаваемые cli, чтобы проверить правильность параметров конфигурации.
Запустите CLI.
```
swa start
```
Перейдите к http://localhost:4280 просмотру приложения в браузере.

Другие способы запуска CLI

Описание	Команда	Комментарии
Обслуживание определенной папки	`swa start . /<OUTPUT_FOLDER_NAME>`	Замените `<OUTPUT_FOLDER_NAME>` именем выходной папки.
Использование запущенного сервера разработки платформы	`swa start http://localhost:3000`	Эта команда работает, если у вас есть экземпляр приложения, запущенного под портом `3000`. Обновите номер порта, если конфигурация отличается.
Запуск приложения Функций в папке	`swa start ./<OUTPUT_FOLDER_NAME> --api-location ./api`	Замените `<OUTPUT_FOLDER_NAME>` именем выходной папки. Эта команда ожидает, что API приложения будет содержать файлы в папке API . Обновите это значение, если конфигурация отличается.
Использование запущенного приложения Функций	`swa start ./<OUTPUT_FOLDER_NAME> --api-location http://localhost:7071`	Замените `<OUTPUT_FOLDER_NAME>` именем выходной папки. Эта команда ожидает, что приложение Функции Azure будет доступно через порт`7071`. Обновите номер порта, если конфигурация отличается.

Эмуляция авторизации и проверки подлинности

Интерфейс командной строки Статических веб-приложений эмулирует поток безопасности, реализованный в Azure. При входе пользователя в систему можно задать фиктивный профиль удостоверения, возвращаемый приложению.

Например, при попытке перейти /.auth/login/githubна страницу возвращается страница, которая позволяет определить профиль удостоверения.

Примечание

Эмулятор работает с любыми поставщиками безопасности, а не только с GitHub.

Эмулятор предоставляет страницу, позволяющую указать значения следующих параметров для субъекта-клиента.

Значение	Описание
Имя пользователя	Имя учетной записи, связанной с поставщиком безопасности. Это значение отображается как свойство `userDetails` в субъекте клиента и создается автоматически, если значение не было указано.
Идентификатор пользователя	Значение, формируемое интерфейсом командной строки автоматически.
Роли	Список имен ролей, в котором каждое имя находится на отдельной строке.
Утверждения	Список утверждений пользователей, где каждое имя находится в новой строке.

После входа в систему

Можно воспользоваться конечной точкой /.auth/me или конечной точкой функции, чтобы получить субъект клиента для пользователя.
При переходе по пути /.auth/logout субъект клиента удаляется и фиктивный пользователь выходит из системы.

Отладка

В статическом веб-приложении есть два контекста отладки. Первый предназначен для сайта статического содержимого, а второй — для функций API. Локальная отладка возможна благодаря тому, что интерфейс командной строки Статических веб-приложений может использовать серверы разработки для одного или обоих этих контекстов.

Ниже показан типичный сценарий, использующий серверы разработки для обоих контекстов отладки.

Запустите сервер разработки для статического сайта. Эта команда относится к используемой интерфейсной платформе, но часто доступна в форме таких команд, как npm run build, npm start или npm run dev.
Откройте папку приложения API в Visual Studio Code и запустите сеанс отладки.
Запустите Статические веб-приложения CLI с помощью следующей команды.
```
swa start http://localhost:<DEV-SERVER-PORT-NUMBER> --appDevserverUrl http://localhost:7071
```
Замените <DEV_SERVER_PORT_NUMBER> номером порта сервера разработки.

На следующих снимках экрана показаны терминалы для типичного сценария отладки:

Для запуска сайта статического содержимого используется команда npm run dev.

На рисунке ниже показан сеанс отладки приложения API Функций Azure в Visual Studio Code.

Интерфейс командной строки для Статических веб-приложений запускается с использованием обоих серверов разработки.

Теперь запросы, которые проходят через порт 4280, направляются на сервер статического содержимого или в сеанс отладки API.

Дополнительные сведения о различных сценариях отладки с инструкциями по настройке портов и адресов серверов см. в репозитории интерфейса командной строки для Cтатических веб-приложений Azure.

Пример конфигурации отладки

Visual Studio Code использует файл для включения сеансов отладки в редакторе. Если Visual Studio Code не создает файл launch.json, можно поместить следующую конфигурацию в vscode/launch.json.

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Attach to Node Functions",
            "type": "node",
            "request": "attach",
            "port": 9229,
            "preLaunchTask": "func: host start"
        }
    ]
}

Дальнейшие действия

Настройка приложения

Что такое локальный сайт

Вступление

По своей сути, сайт это набор разноформатных файлов (текстовых, фото и т. п.) объединенных в единую структуру с доступом для их просмотра всех желающих.

Что такое сайт

Сайт должен иметь свое имя (домен), выстроенную структуру (каталог) и средства управления. Создать каталог сайта можно при помощи, так называемых, систем управления содержанием (CMS) или самостоятельно. Для самостоятельного создания сайта, необходимо знание языков программирования. Основными языками программирования для создания веб-страниц являются языки PHP, Perl или Pethon. Для создания страниц сайта нужно знание языка HTML разметки. Для красивого оформления сайта нужно знание языка описания внешнего вида документа (таблицы CSS).

Где сайт можно разместить

Как и любая другая электронная информация, сайт должен размещаться на жестком диске компьютера. Поместить сайт можно и на своем домашнем компьютере и на мощных серверах, так называемых хостингах. На хостинге вы можете арендовать определенное место на общем диске сервера (аренда виртуального хостинга) или арендовать отдельный сервер (аренда виртуального сервера (VPS/VDS) Open VZ или KVM).

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

Что такое локальный сайт и как он строится

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

При этом, нельзя создавая локальный сайт, используются те же программные продукты, которые применяются на хостингах. Базовый набор программных продуктов для создания сайта включает: веб-сервер HTTP (Apache или NGINX или IIS), система управления базами данных (СУБД) MySQL и язык программирования (PHP, Perl или Pethon). Естественно, все эти продукты должны работать во взаимосвязи.

Примечание: Приведенные программные продукты это лишь самый общий набор, показывающий лишь принцип и не раскрывающий детали.

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

Другое дело локальный сайт. Локальный сайт «лежит» на вашем диске и вам для создания локального сайта, нужно самостоятельно установить набор, выше указанного, программного обеспечения (например, связку Apache + MySQL + PHP).

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

Платформы собираются для работы на определенных операционных системах. Для Windows свои, для Linux свои, для MAC OC X свои. Правда есть и кросплатформы, работающие на нескольких OC, например XMAPP.

Для работы на Windows платформы обозначаются акронимом WAMP: Windows, Apache, MySQL, PHP. Для Linux это LAMP: Linux, Apache, MySQL, PHP.

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

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

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

Локальный сайт особенно интересен для некоторых CMS (систем управления сайтом), которые достаточно сложны в освоении, да и требуют доработки «по месту». В этой ситуации локальный сайт может стать совсем не лишним подготовительным звеном в создании рабочего сайта.

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

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

Несколько выводов

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

Для облегчения создания сайта, установить на свой локальный сайт систему управления содержанием сайт (CMS). CMS это скрипты Joomla, WordPress, Drupall и т.д.

©Joomla3-x.ru

Статьи раздела

SP Page Builder Light — конструктор для верстки шаблонов Joomla
Адаптация сайта Joomla под мобильные устройства
Дизайн сайта Joomla
Как добавить свою позицию модуля в шаблон Joomla 3
Листинг php. ini
Основные понятия локального сайтостроения
Что такое php.ini

Дизайн сайта Joomla

Создавая свой сайт хочется, чтобы он был внешне уникальным и привлекательны…

Мы — это то, что мы делаем

Какими бы ни были ваши интересы, от походов и чтения до общения и обмена опытом, тысячи людей делятся этим на Meetup. События происходят каждый день — войдите, чтобы присоединиться к веселью.

Повысьте свою карьеруНайдите свой дзенДвигайтесьОбщайтесь языком и культуройЧитайте с друзьямиПишите вместеОттачивайте свое мастерство

Чем вы хотите заниматься?

Смотрите, что происходит

Скоро сегодняСегодняЗавтраНа этой неделе

ОнлайнЛичноВ тренде рядом с вами

Посмотрите на то, что происходит

Начало SOONTODAYTOMROWROWHIS WEEK

Onlinein Persontrending рядом с вами

Посмотрите на то, что происходит

Начало SOONTODAYTOMORROURORWHTIS WEEKONLINEINEN TRECY TREDNERNDING NEGHT LIS . Создать учетную запись можно бесплатно.

Присоединяйтесь к группе

Занимайтесь любимым делом, знакомьтесь с теми, кому это нравится, находите свое сообщество. Остальное уже история!

Найдите событие

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

Создайте группу

Вам не нужно быть экспертом, чтобы собирать людей вместе и изучать общие интересы.

Присоединяйтесь к Meetup

Ср, 19 апреля · 23:00 UTC
Книжный клуб и мастерская Internal Family System
Название группы:The Humanist Being Brooklyn Group
New Group
Название группы: Humanist Brooklyn Group
New Group
- V
3 Примечания
SAT, APR 15 · 3:00. 00
SAT, APR 15 · 3:00.00
2
9000 2
SAT, APR 15 · 3:00.00

. Бизнес-кредит в течение 90 дней или менее
Название группы: Business Credit Building Network
Новая группа
Название группы: Business Credit Building Network
Новая группа
- HJ
219attendees
Mon, Apr 17 · 11:30 PM UTC
The Artist’s Way Week Four
Group name:The Artist’s Way
Group name:The Artist’s Way
- MS
- K
18посетителей
Вт, 11 апреля · 21:30 UTC
Лучшее общение через самопринятие и любовь к себе
3 900Body Training Group0003
Новая группа
Название группы: Тренировка языка тела Нью -Йорк
New Group
- AS
35 ATTERENDEEDS
THU 135. 00.00.00969 2
THU, апрель 13 · 5:00. Новая работа в Devops
Название группы: время работы в Нью -Йорке
Название группы: время Uptime New York
- PA
52.tratendes
THU, апрель.0046
State of Bayes Lecture Series: Session 1 Introduction
Group name:PyMC Labs Online Meetup
Group name:PyMC Labs Online Meetup
- RS
174attendees
Wed, Apr 26 · 16:00 UTC
Live Workshop — Начало работы с Kubernetes на AWS
Имя группы: New York Pulumi User Group
Название группы: New York Pulumi User Group
- JK
26Attendees
Вт, 11 апреля · 11:00 UTC
Книжный обсуждение: Lovers Lovers By Emily Henry
Группа Наименование: Literary Ladies Ladies Ladies Ladies Ladies. Литературный книжный клуб Ladies
- P
- EO
35Atdendees
ТУ, 13 апреля.0003
Group name:Data Science & Machine Learning Research Group
New Group
Group name:Data Science & Machine Learning Research Group
New Group
- LF
25attendees

Оставайтесь на связи.

Загрузите приложение.

Истории с Meetup

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

Как настроить локальную версию веб-сайта с помощью Dreamweaver

Руководство пользователя Отмена

Поиск

Руководство пользователя Dreamweaver
Введение
1. Основы адаптивного веб-дизайна
2. Что нового в Dreamweaver
3. Веб-разработка с использованием Dreamweaver — обзор
4. Dreamweaver / Общие вопросы
5. Сочетания клавиш
6. Системные требования Dreamweaver
7. Обзор функций
Dreamweaver и Creative Cloud
1. Синхронизация настроек Dreamweaver с Creative Cloud
2. Библиотеки Creative Cloud в Dreamweaver
3. Использование файлов Photoshop в Dreamweaver
4. Работа с Adobe Animate и Dreamweaver
5. Извлечение SVG-файлов, оптимизированных для Интернета, из библиотек
Рабочие пространства и представления Dreamweaver
1. Рабочее пространство Dreamweaver
2. Оптимизация рабочего пространства Dreamweaver для визуальной разработки
3. Поиск файлов по имени или содержимому | Mac OS
Настройка сайтов
1. О сайтах Dreamweaver
2. Настройте локальную версию вашего сайта
3. Подключиться к серверу публикации
4. Настройка тестового сервера
5. Импорт и экспорт настроек сайта Dreamweaver
6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
7. Специальные возможности в Dreamweaver
8. Расширенные настройки
9. Установить настройки сайта для передачи файлов
10. Укажите параметры прокси-сервера в Dreamweaver
11. Синхронизация настроек Dreamweaver с Creative Cloud
12. Использование Git в Dreamweaver
Управление файлами
1. Создание и открытие файлов
2. Управление файлами и папками
3. Получение и размещение файлов на вашем сервере и с него
4. Возвращать и извлекать файлы
5. Синхронизировать файлы
6. Сравнить файлы на наличие различий
7. Скрытие файлов и папок на сайте Dreamweaver
8. Включить заметки разработчика для сайтов Dreamweaver
9. Предотвращение потенциального использования гейткипера
Макет и дизайн
1. Использование наглядных пособий для макета
2. Об использовании CSS для разметки страницы
3. Разработка адаптивных веб-сайтов с использованием Bootstrap
4. Создание и использование мультимедийных запросов в Dreamweaver
5. Представить контент с таблицами
6. Цвета
7. Адаптивный дизайн с использованием гибкой сетки
8. Извлечение в Dreamweaver
CSS
1. Общие сведения о каскадных таблицах стилей
2. Разметка страниц с помощью конструктора CSS
3. Использование препроцессоров CSS в Dreamweaver
4. Как настроить параметры стиля CSS в Dreamweaver
5. Перемещение правил CSS в Dreamweaver
6. Преобразование встроенного CSS в правило CSS в Dreamweaver
7. Работа с тегами div
8. Применение градиентов к фону
9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
10. Код формата
Содержимое страницы и активы
1. Установка свойств страницы
2. Установить свойства заголовка CSS и свойства ссылки CSS
3. Работа с текстом
4. Поиск и замена текста, тегов и атрибутов
5. Панель ДОМ
6. Редактировать в режиме Live View
7. Кодирование документов в Dreamweaver
8. Выбор и просмотр элементов в окне документа
9. Задайте свойства текста в инспекторе свойств
10. Проверка правописания веб-страницы
11. Использование горизонтальных линеек в Dreamweaver
12. Добавление и изменение комбинаций шрифтов в Dreamweaver
13. Работа с активами
14. Вставка и обновление дат в Dreamweaver
15. Создание избранных ресурсов и управление ими в Dreamweaver
16. Вставка и редактирование изображений в Dreamweaver
17. Добавить мультимедийные объекты
18. Добавление видео в Dreamweaver
19. Вставить видео HTML5
20. Вставка файлов SWF
21. Добавить звуковые эффекты
22. Вставка аудио HTML5 в Dreamweaver
23. Работа с элементами библиотеки
24. Использование текста на арабском языке и иврите в Dreamweaver
Связывание и навигация
1. О связывании и навигации
2. Связывание
3. Карты изображений
4. Устранение неполадок со ссылками
Виджеты и эффекты jQuery
1. Использование пользовательского интерфейса jQuery и мобильных виджетов в Dreamweaver
2. Использование эффектов jQuery в Dreamweaver
Кодирование веб-сайтов
1. О программировании в Dreamweaver
2. Среда кодирования в Dreamweaver
3. Установить параметры кодирования
4. Настройка цвета кода
5. Напишите и отредактируйте код
6. Подсказка кода и завершение кода
7. Свернуть и развернуть код
8. Повторное использование кода с фрагментами
9. Код ворса
10. Код оптимизации
11. Редактировать код в представлении «Дизайн»
12. Работа с заголовком для страниц
13. Вставка серверных включений в Dreamweaver
14. Использование библиотек тегов в Dreamweaver
15. Импорт пользовательских тегов в Dreamweaver
16. Использование поведения JavaScript (общие инструкции)
17. Применить встроенное поведение JavaScript
18. О XML и XSLT
19. Выполнение преобразований XSL на стороне сервера в Dreamweaver
20. Выполнение преобразований XSL на стороне клиента в Dreamweaver
21. Добавление символов для XSLT в Dreamweaver
22. Код формата
Рабочие процессы для нескольких продуктов
1. Установка и использование расширений для Dreamweaver
2. Обновления в приложении в Dreamweaver
3. Вставка документов Microsoft Office в Dreamweaver (только для Windows)
4. Работа с Fireworks и Dreamweaver
5. Редактировать содержимое на сайтах Dreamweaver с помощью Contribute
6. Интеграция Dreamweaver-Business Catalyst
7. Создавайте персонализированные кампании по электронной почте
Шаблоны
1. О шаблонах Dreamweaver
2. Распознавание шаблонов и документов на основе шаблонов
3. Создание шаблона Dreamweaver
4. Создание редактируемых областей в шаблонах
5. Создание повторяющихся областей и таблиц в Dreamweaver
6. Использовать необязательные области в шаблонах
7. Определение редактируемых атрибутов тегов в Dreamweaver
8. Как создавать вложенные шаблоны в Dreamweaver
9. Редактировать, обновлять и удалять шаблоны
10. Экспорт и импорт XML-содержимого в Dreamweaver
11. Применение или удаление шаблона из существующего документа
12. Редактирование содержимого в шаблонах Dreamweaver
13. Правила синтаксиса для тегов шаблонов в Dreamweaver
14. Установка параметров выделения для областей шаблона
15. Преимущества использования шаблонов в Dreamweaver
Мобильный и многоэкранный
1. Создание медиа-запросов
2. Изменение ориентации страницы для мобильных устройств
3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
Динамические сайты, страницы и веб-формы
1. Понимание веб-приложений
2. Настройте компьютер для разработки приложений
3. Устранение неполадок подключения к базе данных
4. Удаление сценариев подключения в Dreamweaver
5. Дизайн динамических страниц
6. Обзор источников динамического контента
7. Определить источники динамического содержимого
8. Добавить динамическое содержимое на страницы
9. Изменение динамического содержимого в Dreamweaver
10. Показать записи базы данных
11. Предоставление оперативных данных и устранение неполадок в Dreamweaver
12. Добавить настраиваемое поведение сервера в Dreamweaver
13. Создание форм с помощью Dreamweaver
14. Использование форм для сбора информации от пользователей
15. Создание и включение форм ColdFusion в Dreamweaver
16. Создание веб-форм
17. Расширенная поддержка HTML5 для элементов формы
18. Разработка формы с помощью Dreamweaver
Визуальное создание приложений
1. Создание основных страниц и страниц сведений в Dreamweaver
2. Создание страниц поиска и результатов
3. Создать страницу вставки записи
4. Создание страницы записи обновления в Dreamweaver
5. Создание страниц удаления записи в Dreamweaver
6. Используйте команды ASP для изменения базы данных в Dreamweaver
7. Создать страницу регистрации
8. Создать страницу входа
9. Создать страницу, доступ к которой имеют только авторизованные пользователи
10. Защита папок в Coldfusion с помощью Dreamweaver
11. Использование компонентов ColdFusion в Dreamweaver
Тестирование, предварительный просмотр и публикация веб-сайтов
1. Предварительный просмотр страниц
2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
3. Протестируйте свой сайт Dreamweaver

Узнайте, как настроить локальную версию веб-сайта в качестве сайта Dreamweaver и использовать диалоговое окно «Управление сайтами» для настройки нескольких сайтов и управления ими.

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

Создание папки локального сайта позволяет Dreamweaver узнать, где находятся файлы вашего сайта, чтобы правильно создавать все внутренние ссылки и обновлять их при перемещении файлов в другое место на вашем сайте.

Дополнительные сведения о преимуществах создания локальных сайтов см. в разделе «Преимущества сайта Dreamweaver».

Чтобы настроить локальную версию вашего сайта, вы должны указать локальную папку, в которой вы планируете хранить все файлы вашего сайта.

Локальная папка может находиться на вашем локальном компьютере или на сетевом сервере. Диалоговые окна «Сайт» > «Новый сайт» или «Сайт» > «Управление сайтами» в Dreamweaver можно использовать для настройки нескольких сайтов и управления ими.

Перед началом работы

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

Чтобы получить видеоруководство по настройке нового сайта Dreamweaver, определите сайт в Dreamweaver.

Диалоговое окно Site Setup

Диалоговое окно «Управление сайтами» — это ваш доступ к различным веб-сайтам Dreamweaver. функции сайта. Из этого диалогового окна вы можете инициировать процесс для создания нового сайта, редактирования существующего сайта, дублирования сайт, удаление сайта или импорт или экспорт настроек сайта.

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

Диалоговое окно настройки сайта

Новый сайт

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

Импорт сайта

Нажмите кнопку «Импорт сайта», чтобы импортировать сайт. Дополнительные сведения см. в разделе Импорт и экспорт настроек сайта.

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

Для существующих сайтов также доступны следующие опции:

Удалить

Удаляет выбранный сайт и всю информацию о его настройке из списка сайтов Dreamweaver; он , а не удаляет фактические файлы сайта. (Если вы хотите удалить файлы сайта со своего компьютера, вам нужно сделать это вручную.) Чтобы удалить сайт из Dreamweaver, выберите сайт в списке сайтов и нажмите кнопку «Удалить». Вы не можете отменить это действие.

Редактировать

Позволяет редактировать такую информацию, как имя пользователя, пароль и информацию о сервере для существующего сайта Dreamweaver. Выберите существующий сайт в списке сайтов и нажмите кнопку «Редактировать», чтобы отредактировать существующий сайт. (Диалоговое окно «Настройка сайта» открывается после нажатия кнопки «Редактировать» для выбранного сайта.) Для получения дополнительных сведений об изменении существующих параметров сайта нажмите кнопку «Справка» на различных экранах диалогового окна «Настройка сайта».

Дублировать

Создает копию существующего сайта. Чтобы дублировать сайт, выберите его в списке сайтов и нажмите кнопку Дублировать. Дублированный сайт появится в списке сайтов со словом «копия», добавленным к названию сайта. Чтобы изменить имя дублированного сайта, оставьте сайт выбранным и нажмите кнопку «Редактировать».

Экспорт

Позволяет экспортировать настройки выбранного сайта в виде XML-файла (*.ste). Дополнительные сведения см. в разделе Импорт и экспорт настроек сайта.

Настройка локальной версии вашего сайта

В Dreamweaver выберите «Сайт» > «Новый сайт».
Убедитесь, что в диалоговом окне Site Setup выбрана категория Site.
В текстовом поле Имя сайта введите имя своего сайта. Этот имя отображается на панели «Файлы» и в диалоговом окне «Управление сайтами»; он не отображается в браузере.
В текстовом поле «Папка локального сайта» укажите папку, указанную ранее — папку на вашем компьютере, в которой вы хотите хранить локальную версию файлов вашего сайта. Щелкните значок папки справа от текстового поля, чтобы перейти к папке.
Если вы хотите использовать Git для управления файлами своего сайта, установите флажок «Связать репозиторий Git с этим сайтом».
- Если вы впервые пользуетесь Git и хотите связать создаваемый вами сайт с Git, выберите «Инициализировать как репозиторий Git».
- Если у вас уже есть учетная запись Git и вы хотите связать создаваемый вами сайт с существующим репозиторием, выберите «Клонировать существующий репозиторий Git с помощью URL-адреса».
Нажмите «Сохранить», чтобы закрыть диалоговое окно «Настройка сайта».

Локальный сайт: Что такое локальный сайт, локальный хостинг для локальных сайтов