Шаблоны поддержки веб-сайтов — Visual Studio (Windows)
- Статья
Применимо к: Visual Studio Visual Studio для Mac Visual Studio Code
Шаблоны проектов и элементов веб-сайта Visual Studio обеспечивают многократное использование и настраиваемые заглушки веб-сайта и элементов, которые ускоряют процесс разработки, удаляя необходимость создания новых проектов и элементов веб-сайта с нуля. Дополнительные сведения о шаблонах Visual Studio см. в статье «Создание шаблонов проектов и элементов».
Папка шаблона проекта
Шаблоны веб-проектов обычно устанавливаются на [путь установки Visual Studio]\Common7\IDE\ProjectTemplates\Web\, каждый из которых находится во вложенной папке, которая называется языком веб-программирования.
Файл проекта
Интегрированной среде разработки Visual Studio (IDE) требуется расширение файла проекта в качестве способа сопоставления шаблона с правильным типом проекта. Так как у веб-проектов нет файла проекта, расширение WEBPROJ-файла фиктивного проекта регистрируется для сопоставления шаблона с типом проекта.
При необходимости в шаблон можно добавить строку имени языка, чтобы включить систему веб-проектов, чтобы задать язык по умолчанию в диалоговом окне «Добавление нового элемента » для элементов на основе шаблона. Строка должна быть первой строкой файла. Оно должно совпадать как с именем, зарегистрированным в AddItemLanguageName в регистрации обработчика IntelliSense, так и именем, зарегистрированным в разделе Project Subtype(VsTemplate). Дополнительные сведения см. в разделе «Атрибуты поддержки веб-сайтов».
Если строка отсутствует, система веб-проекта пытается определить язык по умолчанию на основе атрибута языка и расширений файлов страниц, добавленных в веб-проект с помощью шаблона проекта.
Шаблоны проектов
Шаблоны проектов веб-сайтов используются для создания новых веб-сайтов в ответ на команду «Создать веб-сайт » в меню «Файл «. В настоящее время поддерживаются три типа проектов веб-сайта:
Пустые проекты веб-сайта
Эти файлы создают пустой веб-сайт в ответ на команду «Пустой веб-сайт«, которая доступна после выборанового веб-сайта
EmptyWeb.vstemplate
Файл шаблона, который управляет созданием нового пустого веб-сайта.
EmptyWeb.webproj
Этот файл является артефактом системы шаблонов проекта. Он удовлетворяет ссылке на файл проекта в файле EmptyWeb.vstemplate.
Проекты веб-сайта
Эти файлы создают новый веб-сайт в ответ на команду ASP.NET веб-сайта , которая доступна после выбора файла>нового веб-сайта:
Default.aspx
Домашняя страница по умолчанию для нового веб-сайта. Атрибут Language задает язык кода программной части, а атрибут CodeFile указывает зависимый файл, содержащий код программной части, связанный с этой страницей.
Default.aspx. Расширение
Зависимый файл, содержащий код программной части домашней страницы по умолчанию. Язык кода программной части определяет расширение этого файла.
web.config.
Корневой файл конфигурации web.site.
WebApplication.vstemplate
Файл шаблона, который определяет содержимое решения веб-сайта и принудительно создает папку App_Data.
WebApplication.webproj
Этот файл является артефактом системы шаблонов проекта. Он удовлетворяет ссылке на файл проекта в файле WebApplication.vstemplate.
Проекты веб-служб
Эти файлы создают новый веб-сайт в ответ на команду веб-службы ASP.NET , которая доступна после выбора файла>нового веб-сайта:
Service. asmx
HTML-страница для новой веб-службы. Атрибут Language указывает язык кода, а атрибут CodeBehind указывает зависимый файл, содержащий код программной части, связанный с этой службой.
Service. extension
Зависимый файл, реализующий класс службы. Язык кода программной части определяет расширение этого файла.
web.config.
Корневой файл конфигурации web.site.
WebService.vstemplate
Файл шаблона, который определяет содержимое решения веб-сайта и принудительно создает папки App_Data и App_Code. Служба. Файл расширения копируется в папку App_Code.
WebService.webproj
Этот файл является артефактом системы шаблонов проекта. Он удовлетворяет ссылке на файл проекта в файле WebService.vstemplate.
Папка шаблона элемента проекта
Шаблоны веб-элементов проекта обычно устанавливаются в папке [Путь установки Visual Studio]\Common7\IDE\ItemTemplates\Web\, каждая из которых называется вложенной папке, которая называется языком веб-программирования.
Шаблоны элементов проекта
Шаблоны элементов проекта веб-сайта используются для добавления новых веб-страниц на веб-сайт в ответ на команду «Добавить существующий элемент «. В настоящее время поддерживаются следующие типы веб-страниц:
Новый класс
Этот шаблон создает новый исходный файл, который определяет пустой класс в ответ на команду Add New Class .
Класс. extension
Исходный файл, реализующий пустой класс. Язык кода программной части определяет
Class.vstemplate
Файл шаблона, создающий исходный файл и определяющий его содержимое.
Новая HTML-страница
Этот шаблон создает новую веб-страницу в ответ на команду «Добавить новую HTML-страницу «.
HTMLPage.htm
Начальная страница веб-страницы. Эта веб-страница обычно не связана с зависимым файлом кода. Чтобы создать смарт-страницу с связанным файлом кода программной части, используйте вместо него шаблон веб-формы.
HTMLPage.vstemplate
Файл шаблона, создающий веб-страницу и определяющий его содержимое.
Новая веб-форма
Этот шаблон создает новую смарт-веб-страницу в ответ на команду «Добавить новую веб-форму «.
Чтобы создать зависимый исходный файл кода, выберите «Поместить код в отдельный файл«. В противном случае создается одна веб-страница с пустым блоком скрипта и директивами <% страницы %> для подключения зависимого файла.
Чтобы создать страницу содержимого для выбранной главной страницы, выберите » Выбрать главную страницу«.
WebForm.aspx
Начальная страница веб-страницы. Эта веб-страница не связана с зависимым файлом кода.
WebForm_cb.aspx
Начальная страница веб-страницы. На этой веб-странице есть связанный зависимый файл кода.
Codebehind. extension
Зависимый файл, реализующий класс веб-формы. Язык кода программной части определяет расширение этого файла.
ContentPage.aspx
Начальное содержимое веб-страницы в качестве страницы содержимого. Эта веб-страница не связана с зависимым файлом кода.
ContentPage_cb.aspx
Начальное содержимое веб-страницы в качестве страницы содержимого. На этой веб-странице есть связанный зависимый файл кода.
WebForm.vstemplate
Файл шаблона, определяющий содержимое новой веб-страницы и его зависимый файл, если таковые есть.
Новая эталонная страница
Этот шаблон создает новую главную страницу в ответ на команду «Добавить новую главную страницу «.
Чтобы создать зависимый исходный файл кода, выберите «Поместить код в отдельный файл«. В противном случае создается одна веб-страница с пустым блоком скриптов и директивами <% страницы %> для подключения зависимого файла.
MasterPage.master
Начальная содержимое главной страницы. Эта эталонная страница не связана с зависимым файлом кода.
MasterPage_cb.master
Начальная содержимое главной страницы. На этой главной странице есть связанный зависимый файл кода.
Codebehind. Расширение
Зависимый файл, реализующий класс главной страницы. Язык кода программной части определяет расширение этого файла.
MasterPage.vstemplate
Файл шаблона, определяющий содержимое новой главной страницы и его зависимый файл( при наличии).
См. также раздел
- Поддержка веб-сайтов
Создание адаптивных веб-сайтов с помощью параметра «Гибкая ширина»
Узнайте, как создавать адаптивные веб-сайты в Adobe Muse. Для создания адаптивных веб-сайтов используйте пустые макеты или стандартные начальные шаблоны.
Примечание.
Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите раздел Часто задаваемые вопросы о прекращении обслуживания Adobe Muse.
Создавать адаптивные веб-сайты в Adobe Muse можно следующими способами:
- Использование начальных файлов: в Adobe Muse доступны настраиваемые адаптивные начальные шаблоны, которые помогут быстрее приступить к работе. Выполните настройку начальных шаблонов и опубликуйте адаптивный веб-сайт несколькими щелчками мыши. Дополнительная информация представлена в разделе Использование адаптивных начальных шаблонов.
- Использование пустого макета: в Adobe Muse для разработки адаптивного веб-сайта доступны пустые холсты без ограничивающих шаблонов или сеток. Используйте один файл Adobe Muse для создания макетов для браузеров разной ширины. Информация о том, как создавать адаптивные веб-сайты Adobe Muse, приведена в разделе Создание адаптивного веб-сайта.
- Преобразование существующих веб-сайтов в адаптивные: Adobe Muse позволяет переносить существующие веб-сайты Adobe Muse в адаптивные макеты.
Измените макет существующих веб-сайтов Adobe Muse на макет с гибкой шириной и откорректируйте расположение объектов для браузеров разной ширины. Дополнительная информация представлена в разделе Перенос существующих веб-сайтов Adobe Muse в адаптивный макет.
При открытии страницы в адаптивном макете в Adobe Muse отобразится краткое слайд-шоу Обзор адаптивной страницы с обзором точек остановки, изменения размеров объектов и форматирования текста для адаптивного макета. При необходимости вы сможете просмотреть это слайд-шоу позже, выбрав Справка > Обзор адаптивной страницы.
Информацию о том, как работать с адаптивным дизайном в Adobe Muse, вы найдете в видеоруководстве по адаптивному макету.
Использование адаптивных начальных шаблонов
В Adobe Muse представлены шаблоны для различных типов веб-сайтов, например для оформления личного сайта или сайта с фотопортфолио.
Начальные шаблоны можно загрузить со страницы Adobe Muse, выбрав категорию Starter Designs. Выберите шаблон из категории и нажмите Download, чтобы загрузить файлы для создания веб-сайта.
Когда вы откроете файлы, в представлении Adobe Muse «План» откроется страница-шаблон и набор отдельных страниц со стандартными шаблонами. На верхней панели можно выбрать шаблон «Компьютер» (ширина 1160 пикселей), «Планшет» (ширина 768 пикселей) или «Телефон» (ширина 380 пикселей). Можно также изменить начальные шаблоны в соответствии с индивидуальными требованиями и перейти к предварительному просмотру страниц с помощью указателя.
Если вы не хотите загружать шаблон, вы можете нажать кнопку Preview (предварительный просмотр) при выбранной категории Starter Designs. В браузере откроется сайт-образец.
Создание адаптивного веб-сайта
Чтобы создать веб-сайт с адаптивным макетом, в диалоговом окне Новый сайт выберите Гибкая ширина. Размер объектов на странице будет автоматически адаптироваться под размер браузера. Гибкая ширина также позволяет создавать адаптивные веб-сайты в пустом макете без ограничивающих шаблонов и стандартного макета.
Выберите Файл > Новый сайт.
Выбор «Гибкая ширина» для адаптивного макетаНажмите кнопку Гибкая ширина. При выборе параметра Гибкая ширина расположение объектов на странице определяется в соответствии с точками остановки. Это значит, что объекты адаптируются в соответствии с шириной браузера на основе своего адаптивного поведения.
Нажмите кнопку Дополнительные настройки и установите ширину, высоту и размеры полей для сайта. Можно начать с ширины окна браузера, что удобно для создания сайта. После того как вы расположите объекты, можно добавить дополнительные точки остановки для дополнительной ширины окна браузера.
Затем выберите разрешение и параметры языка. Нажмите кнопку ОК.
Дополнительные настройки при создании веб-сайта с гибкой ширинойЗавершив создание нового адаптивного сайта, переходите к размещению изображений, текста и других объектов по ширине окна браузера.
Справки по другим продуктам
- Начало работы с адаптивными макетами
- Компоновка объектов на адаптивных веб-сайтах
- Перенос веб-сайта в адаптивный макет
Вход в учетную запись
Войти
Управление учетной записью
Вход в учетную запись
Войти
Управление учетной записью
пустых шаблонов веб-сайтов
Категории
Арт Дизайн
Технологии
Бизнес Закон
Еда и ресторан
Архитектура и строительство
Мода и красота
Образование
промышленный
Интерьер
Автомобили и транспорт
Путешествия и отели
Музыка и развлечения
Виды спорта
Распродажа
Медицина и наука
Природа
Недвижимость
Свадьба
Домашние животные и животные
портфолио
. .. Арт Дизайн Технологии Бизнес Закон Еда и ресторан Архитектура и строительство Мода и красота Образование промышленный Интерьер Автомобили и транспорт Путешествия и отели Музыка и развлечения Виды спорта Распродажа Медицина и наука Природа Недвижимость Свадьба Домашние животные и животные портфолио
Функции блокировки
Текст на изображении
Функции
Ползунок полной ширины
Контакты
О нас
Широкий
Формы
Расколоть
Над сеткой
Группа
Многослойные изображения
плитка
Галерея
Сетка
Блок перекрытия
Повторитель сетки
Слайдер
Трети
Модальное всплывающее окно
Сообщения в блоге
Список продуктов
информация о продукте
видео
Бренды
Отзывы
Прилавок
Форма обратной связи
Текст
Текст и кнопка
Команда
Цены
Стол
Вкладки
Аккордеон
Часто задаваемые вопросы
Социальное
. .. Текст на изображении Функции Ползунок полной ширины Контакты О нас Широкий Формы Расколоть Над сеткой Группа Многослойные изображения плитка Галерея Сетка Блок перекрытия Повторитель сетки Слайдер Трети Модальное всплывающее окно Сообщения в блоге Список продуктов информация о продукте видео Бренды Отзывы Прилавок Форма обратной связи Текст Текст и кнопка Команда Цены Стол Вкладки Аккордеон Часто задаваемые вопросы Социальное
Бесплатный пустой адаптивный веб-шаблон 2559 веб-шаблонов скачать бесплатно 23 .
html .css .js файлыСортировать по: По умолчанию В тренде Новейшие Рекомендовать Релевантные Популярные Непопулярные Запросить дизайн
html адаптивный шаблон шаблон веб-сайта бутстрап простой html5 веб-сайт мобильный креатив css общедоступная природа одна колонка две колонки skel панели осенние листья javascript осенние темы css3 портфолио в стиле личной вечеринки
[Веб-шаблоны] бесплатный пустой адаптивный веб-шаблон (.html, .css, .js, 119,88 КБ)
Прашил Пазаре
[веб-шаблоны] шаблон html5 драконьего плода (.html, .css, .js, 1,80 МБ)
Мин Чт
[ Веб-шаблоны ] Шаблон Royale ( .html .css .js 335,85 КБ )
Шаблоны HTML5
[ Веб-шаблоны ] Шаблон ответа 1. 5 ( .html .css .js 376,47 КБ )
[веб-шаблоны] высота (.html, .css, .js, 2,32 МБ)
по шаблону
[ Веб-шаблоны ] Адаптивный шаблон ( .html .css .js 503,07 КБ )
WebCodeBuilder
[веб-шаблоны] мощный шаблон начальной загрузки (.html, .css, .js, 2,09 МБ)
Мин Чт
[Веб-шаблоны] Шаблон FlexApp (.html, .css, .js, 420,69 КБ)
Триппо
[ Веб-шаблоны ] Шаблон Responsiva ( . html .css .js 209,39 КБ )
Дзынгири
[Веб-шаблоны] citrusy ( .html .css .js 933,55 КБ )
по шаблону
[ Веб-шаблоны ] Шаблон ответа ( .html .css .js 835.96 КБ)
Дизайн UBL
[ Веб-шаблоны ] Шаблон Skylined ( .html .css .js 557,37 КБ )
Шаблоны HTML5
[ Веб-шаблоны ] Continents AIO Template ( .html .css .js 394.55KB )
Шаблонстар и ОСТ
[ Веб-шаблоны ] водный ( . html .css .js 1020,06 КБ )
по шаблону
[ Веб-шаблоны ] Tri Template ( .html .css .js 377,29 КБ )
[ Веб-шаблоны ] Шаблон пустого пространства ( .html .css .js 155,98 КБ )
Популярные шаблоны веб-сайтов
[веб-шаблоны] шаблон кругового портфолио (.html, .css, .js, 3,14 МБ)
Мин Чт
[ Веб-шаблоны ] Шаблон HTML5 Goodness ( .html .css .js 28,54 КБ )
Тристар и ОСТ
[ Веб-шаблоны ] Синхронный шаблон ( . html .css .js 156,60 КБ )
Шаблоны HTML5
пустой пустой отзывчивый пустой шаблон бесплатный бесплатный отзывчивый бесплатный веб-отзывчивый шаблон отзывчивый веб-шаблон веб-шаблон бесплатный шаблон блога бесплатные шаблоны css шаблоны сайта ресторана бесплатный шаблон сайта фотографии привлекательные шаблоны шаблон сайта недвижимости
[Веб-шаблоны] адаптивный шаблон UX (.html, .css, .js, 2,21 МБ)
Стас Мельников
[Веб-шаблоны] Foundation 5 адаптивный шаблон веб-сайта парусник (.html, .css, .js, 928,78 КБ)
Горан
[веб-шаблоны] автономность (.html, .css, .js, 1,60 МБ)
по шаблону
[Веб-шаблоны] цветные (.