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

Настройка локальной разработки для Статических веб-приложений 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.

1. Установите CLI.

   npm install @azure/static-web-apps-cli
   

2. Выполните сборку приложения, если это необходимо.

   Выполните команду npm run build или эквивалентную команду для своего проекта.

3. Инициализируйте репозиторий для ИНТЕРФЕЙСА командной строки.

   swa init
   

   Ответьте на вопросы, задаваемые cli, чтобы проверить правильность параметров конфигурации.

4. Запустите CLI.

   swa start
   

5. Перейдите к 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. Локальная отладка возможна благодаря тому, что интерфейс командной строки Статических веб-приложений может использовать серверы разработки для одного или обоих этих контекстов.

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

1. Запустите сервер разработки для статического сайта. Эта команда относится к используемой интерфейсной платформе, но часто доступна в форме таких команд, как npm run build, npm start или npm run dev.

2. Откройте папку приложения API в Visual Studio Code и запустите сеанс отладки.

3. Запустите Статические веб-приложения 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

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

Powered by JV-Relatives

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

Какими бы ни были ваши интересы, от походов и чтения до общения и обмена опытом, тысячи людей делятся этим на 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

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

Поиск

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

 

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

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

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

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

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

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

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

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

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

Рекомендации по именованию файлов и папок

Следуйте этим общим рекомендациям по именованию файлов и папок:

• Имена файлов и папок на веб-сайтах никогда не должны содержать пробелы или какие-либо из следующих символов: /\?%*:| «<>.
• Хотя разрешены и другие специальные символы, лучше ограничиться буквенно-цифровыми символами, дефисами и символами подчеркивания.
• Большинство имен файлов и папок являются частью URL-адреса веб-страницы, поэтому они должны быть короткими, но осмысленными. Пользователям сложно запомнить длинные URL-адреса и ввести их в браузеры на мобильных устройствах.
• Используйте строчные буквы в именах файлов и папок, чтобы избежать ошибок, связанных с тем, что файл не найден. Большинство веб-серверов основаны на Linux, поэтому в них учитывается регистр.

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

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

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

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

Новый сайт

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

Импорт сайта

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

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

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

Удалить

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

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

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

Дублировать

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

Экспорт

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

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

1. В Dreamweaver выберите «Сайт» > «Новый сайт».

2. Убедитесь, что в диалоговом окне Site Setup выбрана категория Site.

3. В текстовом поле Имя сайта введите имя своего сайта. Этот имя отображается на панели «Файлы» и в диалоговом окне «Управление сайтами»; он не отображается в браузере.

4. В текстовом поле «Папка локального сайта» укажите папку, указанную ранее — папку на вашем компьютере, в которой вы хотите хранить локальную версию файлов вашего сайта. Щелкните значок папки справа от текстового поля, чтобы перейти к папке.

5. Если вы хотите использовать Git для управления файлами своего сайта, установите флажок «Связать репозиторий Git с этим сайтом».

   • Если вы впервые пользуетесь Git и хотите связать создаваемый вами сайт с Git, выберите «Инициализировать как репозиторий Git».
   • Если у вас уже есть учетная запись Git и вы хотите связать создаваемый вами сайт с существующим репозиторием, выберите «Клонировать существующий репозиторий Git с помощью URL-адреса».

6. Нажмите «Сохранить», чтобы закрыть диалоговое окно «Настройка сайта».