Создание сайта с jimdo
Он общий для всех страничек. Наружный вид веб-сайта, доступный гостям, практически не различается от наружного вида, доступного в режиме редактирования. Выходит, что то, что у вы будете изменять и просматривать в режиме правки, автоматом станет легкодоступным и для гостей. Отличие — в присутствии панели команд и доп управляющих частей у каждого информационного либо служебного блока. В распоряжение юзера предоставлено выше восьмидесяти разных шаблонов. Можно выбрать хоть какой из их и, что важно, можно в хоть какой момент заменить один шаблон на иной без вреда для уже внесенной на странички вашего веб-сайта инфы.
С помощью шаблона формируются области веб-сайта. В Jimdo-шаблонах таковых областей четыре: «Content», «Navigation», «Sidebar» и «Footer», и они являются неотклонимыми. В бесплатной версии нельзя также изменять размеры областей — они агрессивно определены в каждом шаблоне и не могут быть изменены.
Тем, кто наиболее близко знаком с языком HTML можно советовать создание собственного шаблона в рамках тех областей, которые были названы выше вполне самостоятельный шаблон в рамках бесплатной версии сделать нельзя. Для прибавления новейших страничек довольно добавить заглавие странички в блок навигации меню. Опосля сохранения конфигураций переход на всякую страничку осуществляется через само меню. Доступны доп опции стиля. С их помощью настраиваются свойства основного текста, 2-ух типов заголовков, разделители и ссылки.
Ну а ежели нет желания что-то выдумывать, можно выбрать один из 4 уже готовых стилей. Процесс заполнения страничек заключается в добавлении подходящих частей — текстовых полей и изображений, таблиц и заголовков. При необходимости, можно добавить новейшие либо удалить ненадобные. Для нашего веб-сайта полностью довольно одной колонки, где будет отображаться информация о деятельности компании. Опосля удаления ненадобных колонок и вставки текста в оставшуюся получаем последующий результат:.
Для их удаления необходимо просто навести курсор на ненадобный модуль, и надавить значок « корзина ». Опосля этого ненадобные части исчезнут, а все остальное « подвинется » как необходимо. Таковым же образом отредактируем и подвал веб-сайта, удалив из него лишнюю информацию, и оставив лишь нужные данные. В итоге получим простую, не перегруженную сложным форматированием, страничку с подходящими нам элементами:.
В левой части нашего веб-сайта располагается навигационное меню. В зависимости от избранного шаблона оно может быть размещено и в шапке, и в правой части, в общем, где угодно. Оно агрессивно фиксируется, и перетащить куда-либо данный блок не получится. При наведении курсора мыши на данный блок возникает клавиша « Редактировать навигационное меню ». Для конфигурации наименования пт меню и соответственных разделов веб-сайта поставьте курсор в текстовое поле, и введите подходящий для вас текст.
Для их отображения в меню создадим их видимыми при помощи значка в виде глаза, а другие — невидимыми удалять не будем, так как они могут еще понадобиться :. Опосля это в редакторе наименования страничек, отмеченных как невидимые, показываются перечёркнутыми. При переходе в окно подготовительного просмотра веб-сайта эти пункты меню не видны:.
Для редактирования соответственной странички кликните по ней в навигационном блоке, и система перейдет в подходящий раздел. Наполним разделы « О нас », « Сервисы » и « Контакты ». Работа с блоками тут осуществляется так же, как мы это делали на главной страничке. При этом разглядим добавление различных модулей на страничку. К примеру, при переходе в раздел « О нас », замечаем, что на страничке нет подзаголовка h2. Для его прибавления наведите курсор на область с главным контентом, и нажмите « Добавить новейший модуль ».
Из перечня выберите « Заголовок » и введите подходящий текст выбрав параметр «Заголовок 2 » :. Таковым же образом можно добавлять и остальные модули, которых в системе много. Решив сделать веб-сайт в онлайн конструкторе Jimdo , вы сможете добавлять на его странички картинки, клавиши, товарные поля и т. Лишь не запамятовывайте опосля каждого деяния жать клавишу « Сохранить ». Перебегаем на страничку « Сервисы », и, добавив модули « Колонки », « Заголовок » и « Текст », получаем раздел с описанием услуг компании:.
Перебегаем в раздел « Контакты ». Там уже есть форма обратной связи. От вас будет нужно лишь ввести в соответственное поле адресок электронной почты, на который будут высылаться уведомления, сформированные данной формой просто кликните по форме один раз левой клавишей мыши :. Как и говорилось выше, решив сделать веб-сайт на Jimdo , вы сможете сделать это на своем шаблоне. Для этого в системе есть интегрированный HTML5 — редактор.
Но браться за эту затею стоит лишь приготовленным юзерам. Для входа в режим редактирования нажмите клавишу « Шаблоны » в правом меню и выберите пункт « Свой шаблон »:. Для сотворения собственного шаблона для вас необходимо отыскать « исходник ». Сделать это нетрудно — по запросу « CSS-шаблоны » вы можете подыскать пригодный вариант. Из него необходимо будет « вынуть » начальный код и код CSS , а также изображения. Традиционно шаблоны скачиваются в архивах, где есть все нужное. Из файла « index » мы получим html-код.
Код CSS можно достать из файла « style ». Кликните по нему правой клавишей мыши, выделите открывшийся код, и можно его добавлять в систему. В папке images расположены все нужные для веб-сайта изображения. Итак, чтоб сделать веб-сайт своими руками в рассматриваемом редакторе, добавьте в поле HTML начальный код, взятый из скачанного шаблона.
Как его « достать », написано выше. Опосля этого нажимаем клавишу xhtml в левой части окна. При ее нажатии редактор отсечет все ненадобные элементы шаблона и оставит пригодные для интеграции в Jimdo :. При этом может быть выдано сообщение о ошибке. И возникает оно в большинстве внедряемых шаблонов. Просто нажмите клавишу « автоматом поправить » и можно продолжать работу. Сейчас предстоит самый непростой шаг, и, может быть, даже непреодолимый, для тех, кто не знаком с HTML.
В начальный код необходимо вставить переменные шаблона Jimdo. Ежели этого не сделать, система просто не увидит части странички. В разделе справки конструктора и в видео все кажется тривиально обычным, но ежели залезть в начальный код, это чувство сходу пропадает: то, что описано в примерах на веб-сайте конструктора тут смотрится совершенно по-иному.
И для вас необходимо как минимум осознавать, что такое контейнеры, и как работать с ними:. В общем, для вас необходимо отыскать в исходнике для подмены переменными области, надлежащие указанным ниже:. Вот в этом и заключается самое сложное, ведь без познания HTML сделать это вы не можете.
В общем, ищем блок:. Потом во вкладке « Файлы » добавляем прилагаемые к нашему шаблону изображения.