Генератор Html-кода [2023]

Генератор Html-кода [2023]

Что это такое?

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

Для кого?

У вас есть впечатляющий контент, который заслуживает того, чтобы быть размещенным в Интернете? Вы только начинаете заниматься веб-дизайном и не знаете, с чего начать? Ищете быстрый и простой способ запустить прототип веб-сайта? Вы являетесь частью малого или недавно созданного бизнеса?

Почему?

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

Самое главное, мы не взимаем плату за использование.

8000+ удивительных шаблонов

Приложение Html code generator предлагает 8000+ блоков сайта в бесплатных, премиум темах и шаблонах страниц. Создайте свой собственный сайт с легкостью, используя невероятный выбор блоков для веб-страниц в Mobirise Builder. Перетаскивайте блоки на страницу, вносите правки и наблюдайте, как ваш сайт становится единым целым. Никаких технологических навыков не требуется! С 8000+ бесплатными и премиум темами и шаблонами страниц вы не ошибетесь.

Присоединяйтесь к 1,000,000+ счастливым пользователям!

Как работает генератор html-кода

Перетаскивание блоков

Чтобы начать процесс создания сайта, вам нужно выбрать дизайн макета. После этого вы можете использовать большую красную кнопку «плюс», расположенную в правом нижнем углу, чтобы открыть и добавить любые блоки/элементы, которые вы хотели бы сделать ваш сайт полным!

Редактирование и стилизация в строке

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

Установите параметры блока

Просто нажав синюю кнопку «шестеренка», вы получите доступ к панели параметров для внесения изменений в настройки.

Предварительный просмотр и публикация

Измените «Views» в создателе html-кода. Убедитесь, что ваш сайт отлично выглядит на любом экране: просто нажмите на «Mobile View» в создателе сайта, затем опубликуйте файл на локальный диск, FTP или поддомен Mobirise.

Удобный для пользователя

С помощью программы drag-and-drop builder создать сайт очень просто. Вы можете реорганизовывать различные элементы и добавлять новый контент по своему усмотрению, и вам будет легко создать страницу, которая выглядит потрясающе, в кратчайшие сроки.

Великолепный дизайн

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

Удобный для мобильных устройств

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

Никакой дополнительной работы не требуется — с Mobirise вы можете быть уверены, что кто бы ни зашел на ваш сайт, он будет доволен результатом!

Редактируйте локально, загружайте куда угодно

Учитывая все его возможности, возьмите контроль над своим сайтом в свои руки и выберите платформу или компанию, которая наилучшим образом отвечает вашим требованиям. Выбираете ли вы локальный диск, FTP-сервер, домен *. mobirisesite.com или пользовательскую доменную привязку, у вас есть возможность публикации на различных платформах, что обеспечивает вам широкую универсальность сегодня и навсегда.

Повысьте свой рейтинг!

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

Модные блоки для веб-сайтов

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

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

Конструктор Bootstrap

Генератор Html-кода на основе Bootstrap. Идите в ногу с последними достижениями технологий и используйте мобильный фреймворк для создания потрясающих тем сайтов без особых усилий с помощью бесплатной программы для дизайна.

Слайдеры изображений

Отличительные изображения и видеослайдеры могут придать еще больше эстетической привлекательности вашему проекту. С помощью слайдера WOW Slider можно легко добиться визуального эффекта, соответствующего вашей концепции или видению. От простых вариантов до сложных функций — вы можете создать идеальный презентационный материал!

Построитель форм

Создайте свою собственную контактную форму и легко получите всю необходимую информацию от своих клиентов. Уберите все хлопоты и технические детали из уравнения; просто разместите ее на своем сайте и ждите ответов!

Корзина

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

Конструктор всплывающих окон

Создание привлекательных всплывающих окон на вашем сайте не составит труда с помощью расширения Popup Constructor. От специальных предложений до рекламы, он предоставляет идеальное количество пространства для продвижения того, что вам нужно.

Особенности блога

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

Магазинные блоки

С помощью Shop Blocks вы сможете создать потрясающий магазин электронной коммерции быстрее, чем вы когда-либо могли себе представить! Все просто: просто добавьте ваши товары, их детали и цены, и у вас будет готовая к работе система!

Конструктор PWA

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

Редактор изображений

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

Всплывающий чат

Обеспечьте клиентам индивидуальный подход к сайту, предоставив им возможность поддерживать связь с вами через предпочитаемые ими приложения для обмена сообщениями, например, Telegram, WhatsApp, Viber, Messenger, Discord или Signal с помощью всплывающей интеграции системы разговоров.

Пользовательский домен

Без особых проблем домен вашего личного сайта можно быстро подключить к специальному, адаптированному поддомену *.mobirisesite.com — и это бесплатно!

Mobile-first

Теперь ваш веб-сайт будет подстраиваться под любой размер устройства без каких-либо дополнительных усилий с вашей стороны. Ваши клиенты, независимо от того, каким устройством они пользуются, найдут свой опыт плавным и беспроблемным при навигации по вашему сайту.

Новейшие технологии

Оживите свои творения в мгновение ока, используя функцию анимации.

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

Умная тележка

Удобная оплата через PayPal или Stripe. Воспользуйтесь преимуществами визуально привлекательной корзины. Кроме того, воспользуйтесь прямым и простым способом управления заказами через WhatsApp.

Кнопка WhatsApp

Chat Button предложит вашему бизнесу множество удивительных положительных изменений. Ее уникальная возможность гарантирует, что посетители вашего сайта смогут легко связаться с вами и вашей организацией на платформе WhatsApp. Это новшество повысит уровень взаимодействия с пользователями, вопросы продаж и общую удовлетворенность ваших клиентов. Более того, автоматизированные диалоги по обслуживанию клиентов могут быть инициированы простым нажатием кнопки, объясняя клиентам, что реальный человек доступен 24 часа в сутки 7 дней в неделю, чтобы помочь с любыми их вопросами или потребностями.

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

Социальная лента

С помощью Mobirise вы можете привлечь внимание к своим социальным сетям, используя совершенно новый, свежий подход. Добавление динамических лент из Instagram, TikTok, Facebook и Twitter происходит быстро и просто, и не требует кодирования, позволяя создавать современные и элегантные обновляемые материалы. Улучшите пользовательский опыт и подчеркните все составляющие вашей виртуальной личности с помощью наших расширений Social Feed — попробуйте их уже сегодня!

Редактор кода

Плагин Code Editor предоставляет пользователям доступ к настоящей гибкости и точности, когда дело касается веб-разработки. Откажитесь от старых шаблонов дизайна и создавайте пользовательский HTML/CSS с помощью всеобъемлющего визуального пользовательского интерфейса. С помощью этого надежного инструмента кодирования легко создавать онлайн-проекты, используя отдельные HTML-блоки, дополнительные внешние плагины и/или тонкую настройку текущего кода для конкретных страниц. Не ждите — раскройте свой творческий потенциал прямо сейчас! Попробуйте редактор кода html code creator.

Получить редактор кода

Крутые интеграции

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

Посмотреть все расширения

Возможности электронной коммерции

Используя наши комбинированные инструменты с PayPal и Stripe, вы можете запустить процесс приема платежей и продажи товаров или услуг всего за несколько минут. Для традиционных магазинов, желающих выйти за пределы кирпичных и минометных магазинов, вы можете предложить клиентам сложный и безопасный цифровой опыт покупок с помощью платежных портов, предоставляемых PayPal и Stripe. Отслеживание заказов упрощается, а расчет налогов, мультивалютные конвертации для множества стран легко достигаются одним щелчком мыши в рамках расширения Smart Cart Extension.

Получите умную тележку

Что говорят эксперты

» Bootstrap, давняя основа веб-дизайна, стала гораздо более доступной с разработкой Mobirise — программы без кодирования, которая сделала классификацию более доступной как для веб-разработчиков, так и для графических дизайнеров и энтузиастов. Благодаря этому новаторскому инструменту границы веб-дизайна были раздвинуты еще дальше».

Том Грин

About.com

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

Рик Мэннинг

GizmoEditor

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

Алекс Ивановс

HuffingtonPost

«Если бы мне нужно было указать действительно хорошую программу для создания сайтов, которая не стоит ни цента для новичка в создании сайтов, я бы выбрал Mobirise. Это мой большой энтузиазм!».

Кайя Исмаил

Критик CMS

» Вы хотите создать сайт с использованием HTML, CSS, JavaScript, а также сделать его SEO-дружественным и мобильным, не напрягаясь и не тратя ни копейки? Смотрите дальше!»

Марк Гиббс

NetworkWorld

«Действительно удобная в использовании и не вызывающая проблем программа для создания сайтов Mobirise позволяет пользователям без особых усилий создавать современные и уникальные веб-сайты. Ее возможности по созданию фантастических веб-сайтов просто поражают!».

Майк Уильямс

Консультант по программному обеспечению ПК

«Выпуская самые современные шаблоны веб-страниц Bootstrap 5, программное обеспечение для веб-сайтов Mobirise находится на передовой».

Бизнес Бломберга

Bloomberg

» Возможность создавать веб-сайты без какого-либо опыта работы с кодами приносит «Аллилуйя!», достойное празднования».

Роджер Холлингс

KillerStartups

Сделано с помощью генератора html-кода

Нет кода

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

Когда возникла необходимость срочно создать веб-сайт, я решил попробовать Mobirise. Wix, конечно, предоставляет гораздо более широкий набор инструментов для создания сайтов, но бывают случаи, когда легкое решение может работать так же хорошо, как и пакет «все в одном». Эти внезапные моменты, связанные с перебоями в соединении или другими препятствиями, могут выбить разработчика/дизайнера из колеи, но Mobirise просто преодолевает такие проблемы, поэтому он и сегодня остается отличным выбором! FastWeb

В прошлом я перепробовал множество веб-мастеров, но Mobirise превосходит их всех по качеству и удобству использования. С Mobirise мне требуется минимум усилий, чтобы создать потрясающие страницы с нуля. Очень рекомендую этот создатель веб-сайтов, он даст вам потрясающие результаты, не разоряя банк. Чарльз Фу

Я превратил Mobirise в свою навязчивую идею! Я был твердо намерен найти отличный конструктор сайтов, и хах, этот просто замечательный. Тот факт, что это автономная программа — это то, что решает все. Хранение данных за пределами сайта у сторонней организации уходит в прошлое; теперь безопасность моего проекта находится в недрах моего собственного компьютера. Кроме того, я могу работать только на одной машине, поскольку приложение можно редактировать только перезапустив его — это означает, что больше не нужно таскать с собой ноутбук и возиться со всеми скриптами, настройками и резервными копиями на разных, разрозненных машинах; я могу оставаться на одном пути, независимо от того, на какой рабочей станции я работаю. М. Бельц

Когда возникла необходимость быстро сделать сайт, Mobirise показался правильным выбором. Хотя Wix является более всеобъемлющим, это не всегда необходимо для дизайнера/разработчика, которому просто нужен эффективный подход с минимальными заминками. Даже сейчас Mobirise — это лучший сервис для таких более сложных сценариев, особенно в местах с нестабильным Wi-Fi или другими причинами медленного соединения. Uzias

В течение многих лет я использовал одни и те же конструкторы сайтов, такие как Squarespace, пока не наткнулся на Mobirise. О, какая разница! Пять доступных шаблонов настолько уникальны и привлекательны, что вы не найдете их больше нигде. Кроме того, система очень проста в использовании; она устраняет почти все барьеры и дает мне возможность сделать что-то невероятное практически без усилий. Хотя бесплатных тем всего пять, мне все равно удалось сделать невероятно красивые сайты, которыми я могу похвастаться перед профессиональными веб-разработчиками. Все это благодаря функции мобильной отзывчивости, которая обеспечивает идеальное отображение с ноутбуков, мобильных телефонов и планшетов. В общем, Mobirise сделал то, что раньше казалось невозможным, доступным для всех — создание высококачественных сайтов! NovaCoder

Mobirise — это, безусловно, мое самое любимое приложение для создания сайтов и лучшее из тех, которыми я когда-либо пользовался. Я с легкостью создаю отличные, качественные сайты без лишних усилий. Для тех, кто хочет создавать великолепные сайты, не опустошая свой кошелек, это приложение — то, что нужно! Эмберли Фишер

Попробовав веб-мастер Mobirise для создания сайта своего бизнеса, я остался доволен доступными функциями. Однако использование приложения в автономном режиме вместо более доступных редакторов WordPress или Squarespace заставило меня понять, что существуют ограничения на то, что я могу сделать, не работая над тем, что я хочу. Это заставило меня почувствовать себя ограниченным и, в конце концов, разочароваться из-за отсутствия возможности работать над сайтом в любом месте. В целом, программное обеспечение неплохое; если вы предпочитаете приложения, а не онлайн-редакторы, это может вам подойти. Тем не менее, если это не является жизненно необходимым, я бы рекомендовал использовать другую систему, так как она обеспечивает лучшую стоимость и хостинг и т. д. все включено! Создатель раскрасок

Недавно мне посчастливилось попробовать Mobirise, сайтмейкер, который позволил мне в мгновение ока создать свой блог в Интернете. Хотя я не очень хорошо разбираюсь в технологиях, использование платформы не составило труда, и я смог запустить его без каких-либо проблем. Кроме того, сайт выглядит вполне профессионально! Темы выглядят прямолинейно, но в то же время креативно; настолько, что они не показались бы неуместными для устоявшегося бизнеса. Они не такие детализированные, как Squarespace, но, безусловно, выглядят гораздо профессиональнее, чем у других разработчиков в том же ценовом диапазоне. В целом, я очень доволен результатом работы Mobirise. VectorVoodoo

После того, как я стал недоволен сложностью настройки своей веб-страницы на WordPress, я перешел на Mobirise. У него есть несколько отличных опций, таких как редактор с возможностью перетаскивания и готовые блоки контента, которые можно использовать без знаний кодирования. Однако этот путь не был гладким. Добавление новых веб-страниц не обновляло навигационное меню моего сайта, и мне пришлось потратить несколько часов на изучение онлайн-учебников, чтобы разобраться с этим. Несмотря на простоту настройки, возможности предварительного просмотра и базовую SEO-настройку, которые предлагает Mobirise, есть еще куда стремиться, чтобы сделать его более простым в использовании для тех, кто не обладает техническими знаниями. Уникальный униформер

Этот конструктор сайтов просто поражает воображение! Я наслаждаюсь его огромным количеством функциональных возможностей и тем, что он не идет ни на какие компромиссы, когда речь идет о простоте. Интерфейс удобен даже для таких неопытных людей, как я, что делает создание сайтов приятным и легким. Кроме того, команда обслуживания клиентов, с которой я столкнулся, была настолько надежной! Каждый раз, когда мне требовалась помощь во время работы над проектом, они были рядом, что вызывает искреннее восхищение. Подводя итог, можно сказать, что неудивительно, почему этот конструктор сайтов так рекомендуют — их фантастический набор функций в сочетании с простотой в использовании сделали сотрудничество для меня замечательным опытом! Блестяще! Нетрадиционный обивщик

Когда я впервые наткнулся на Mobirise, мой мозг гудел от всех возможностей! Я смог создавать феноменальные сайты, не обладая никакими знаниями в области кодирования. После нескольких недель практики я преодолел крутую кривую обучения, и конечный результат оставил меня в восторге. Несмотря на то, что бесплатно доступны только 5 стилей, есть из чего выбрать, и они выглядят креативно и профессионально. Более того, Mobirise удивительно компактен, учитывая все доступные функции. А самое главное? Ваш сайт может легко увидеть во всей красе любой пользователь мобильного устройства, что является обязательным условием для современного бизнеса. SolidData

Предварительный просмотр видео

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

Отзывы

После проведения тщательных исследований в поисках подходящей платформы для создания сайтов я остановился на Mobirise. Несмотря на отсутствие выбора бесплатных шаблонов в базовом пакете, этот создатель сайтов предлагает множество функций, которые необходимы для хостинга и работы во всемирной сети. Определенно, стоит потратить усилия, чтобы взглянуть на него! Спасибо команде генератора html-кода!

Веб-дизайнер

Программа для создания сайтов Mobirise поразила меня своими дополнительными возможностями; она настолько проста, но при этом предоставляет огромное количество вариантов дизайна — ни один из них не является лишним. Будучи абсолютным новичком в веб-дизайне, эта программа действительно дала мне огромный толчок в плане обеспечения присутствия в Интернете в кратчайшие сроки. Она определенно оказалась более эффективной, чем любые обычные программы CMS, такие как Wix или Webflow!

SMM-менеджер

Когда я уже почти потерял надежду, я нашел Mobirise. К моему удивлению, я смог создать элегантный и привлекательный веб-сайт, не требующий ни HTML-кодирования, ни технических знаний (к счастью!). Я могу подтвердить, что Mobirise обеспечил нам бесконечный успех.

Веб-разработчик

С тех пор как я открыл для себя Mobirise, мой путь в создании веб-сайтов значительно изменился в лучшую сторону. Такой инстинктивный, но мощный пользовательский интерфейс позволяет воплотить творческие макеты в жизнь всего за несколько минут, без каких-либо уточнений в визуальном аспекте. Более того, их команда обслуживания клиентов просто замечательна, она всегда наготове, если вам это понадобится. Одним словом, Mobirise — это идеальный инструмент для веб-разработчиков и тех, кто ищет быстрый способ воплотить в жизнь высококачественный дизайн сайта. Непревзойденный.

Директор по продукции

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Следуйте за нами!

Редактор Wix: О вставках кода на сайте | Центр Поддержки

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

Вставка сайтов и виджетов

Используйте популярные варианты вставки, доступные на платформе Wix, чтобы предоставить посетителям возможность использовать дополнительные инструменты, функции и сторонние сайты. Элементы HTML позволяют отображать различные виджеты, такие как календари и приложения о погоде. 

Вы также можете использовать URL-адреса HTTPS для отображения внешних сайтов на своих страницах. Это полезно, если вы хотите дать посетителям возможность ознакомиться со связанными брендами или даже просто отобразить дополнительную информацию о компании или сайте, которые вы поддерживаете.

Добавление пользовательских элементов

С пользовательскими элементами, вы можете добавлять фрагменты кода для создания пользовательских HTML-тегов. Используйте их для создания собственных элементов и расширения возможностей вашего сайта за счет CSS. Вы можете применять теги как для создания собственных элементов, так и для создания взаимодействий с использованием прокрутки, динамического изменения высоты элементов и многого другого.

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

Вставка видео и анимации

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

Вы также можете встроить элемент Lottie для демонстрации уникальной анимации на вашем сайте. Добавьте элемент на страницу и вставьте URL-адрес из своей учетной записи LottieFiles, чтобы создать интересный и привлекательный интерактивный элемент для посетителей сайта.

Добавляйте собственные функции с помощью Velo

Режим Velo для разработчиков предлагает вам расширенные возможности для создания сайтов. Работайте с нашими API и добавляйте JavaScript на сайт, чтобы создавать страницы с использованием продвинутых функций.

Вы сможете добавлять и редактировать свой код в нашей интегрированной среде разработки (IDE), доступной непосредственно в редакторе Wix и обеспечивающей проверку синтаксиса и базовый анализ кода.

Посетите наш портал Velo от Wix (на английском языке), чтобы получить дополнительную информацию и продолжить знакомство с Velo.

Встраивайте инструменты маркетинговой интеграции

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

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

Создайте HTML-страницу — AWS SDK для JavaScript

Создайте HTML-страницу — AWS SDK для JavaScript

AWS SDK для JavaScript V3 API Справочное руководство подробно описывает все операции API для AWS SDK для JavaScript. версия 3 (V3).

Этот раздел является частью руководства по созданию приложения AWS, которое отправляет и извлекает сообщения с помощью AWS SDK для JavaScript и Amazon Simple Queue Service (Амазон СКС). Чтобы начать с начала руководства, см. раздел Создание примера приложения для обмена сообщениями.

Теперь вы создаете HTML-файлы, необходимые для работы приложения. графический пользовательский интерфейс (GUI). Создайте файл с именем index.html . Скопируйте и вставьте код ниже в на index.html . Этот HTML-код ссылается на main.js . Это пакетная версия index.js, которая включает в себя необходимый AWS SDK для модулей JavaScript.

 

<голова>
    <метакодировка="utf-8" />
    
    
    <ссылка rel="icon" href=". /images/favicon.ico" />
    
        <стиль>
        .messageelement {
            маржа: авто;
            граница: 2px сплошная #dedede;
            цвет фона: #D7D1D0 ;
            радиус границы: 5px;
            максимальная ширина: 800 пикселей;
            отступ: 10 пикселей;
            поле: 10px 0;
        }
        .messageelement::после {
            содержание: "";
            ясно: оба;
            дисплей: таблица;
        }
        .messageelement img {
            плыть налево;
            максимальная ширина: 60 ​​пикселей;
            ширина: 100%;
            поле справа: 20px;
            радиус границы: 50%;
        }
        . messageelement img.right {
            поплавок: справа;
            поле слева: 20px;
            поле справа: 0;
        }
    

<тело>
<дел>
     
Пример приложения для обмена сообщениями AWS
 
    <дел>