В прошлой статье мы познакомились с тремя вариантами сайтов, с затратами на каждый из видов сайтов, и с тем, как сделать самому, простой сайт-визитку. В этой статье мы расскажем, как предприниматель может сам сделать сайт с фотогалереей и с почтовой формой, с помощью Сайткрафт-Студии.
Напомним, программа Сайткрафт-Студия разработана по технологии Baby steps, что означает Шаги ребенка. В программе, следуя по шагам, от 1-го до 5-го вы последовательно создадите сайт, наполните его содержимым и опубликуете в сеть.
Вы пройдете такой путь:
1 шаг. Создание модели сайта.
2 шаг. Цветовое оформление сайта.
3 шаг. Наполнение сайта содержанием, текстами, картинками, дополнительными элементами.
4 шаг. Проверка сайта перед публикацией в интернет и настройка его для раскрутки.
5 шаг. Публикация сайта в интернет.
Подробнее эти шаги описаны в прошлой статье «Как предпринимателю самому сделать свой сайт». В этой статье мы скажем о них кратко, и уделим большее внимание созданию на сайте фотогалереи и почтовой формы.
На 1 шаге вы создадите модель сайта. Модель сайта с фотогалереей и почтовой формой создаётся такой же, как и модель сайта-визитки, добавляются только 2 новых страницы, на которых будут созданы фотогалерея и почтовая форма.
Сайт оформляется в Сайткрафт-Студии на 2 и 3 шагах. Кратко скажем, что на 2 шаге вы оформите фон сайта, а на 3 шаге наполните содержанием, текстами, картинками, дополнительными элементами.
На 4 шаге можно проверить, как сайт будет выглядеть в браузере, сделать настройки для раскрутки сайта, на 5 шаге публикуем сайт в интернет.
О публикации сайта в интернет стоит сказать, что для того чтобы сайт с фотогалерей и почтовой формой работал необходимо, чтобы на хостинге сайта были PHP4 или PHP5. Это специальные программы, устанволенные на сервере Хостера, т.е. предприятия преоставляющего хостинг, которые позволяют добавить к простому сайту особые возможности.
При выборе хостинга учитывайте это требование. Мы советуем хостинг Babyhost. При размещении сайта на этом хостинге, сайт с фотогалереей и почтовой формой будет работать на любом тарифе.
Рассмотрим подробно, как вставить на сайт дополнения: фотогалерею и почтовую форму.
Фотогалерея и почтовая форма устанавливаются как дополнительные инструменты к Сайткрафт-Студии. Называются они «Фичи». Фичи «встраиваются» в Сайткрафте в сайт, устанавливаются и настраиваются по инструкции на 3 шаге в конструкторе, и не требуют для этого специальных программистских знаний.
При установке фичей в Сайткрафте вы будете ставить особые «картинки», которые называются «заготовки». Заготовки – это подготовленные разработчиком наборы инструментов (HTML-кодов, скриптов), которые позволяют добавлять на сайты дополнения, такие как фотогалереи, гостевые книги, почтовые формы, слайд-шоу, интернет-магазины и т.д. Разработчики фичей подумали и собрали такие инструменты, и сделали их для человека, не знающего программирования, написали инструкции к ним.
Фичи изготавливаются партнёрами компании WEBaby, и их нужно докупать к конструктору Сайткрафт-Студии отдельно по вашему выбору.
Создание фотогалереи на сайте.
На вашем сайте фотогалерея будет выглядеть так: на странице сайта будут уменьшенные картинки, и при нажатии на одну из них, фон страницы затемнится, а над страницей всплывет эта картинка – увеличенная. Кнопками-стрелочками вы сможете проматывать фотогалерею к следующей картинке или предыдущей.
Рис.1. Страница сайта с фотогалерей в браузере.
Для того чтобы фотогалерею создать на сайте, заготовку фотогалереи нужно установить на нужную страницу и настроить.
Устанавливается фотогалерея на 3 шаге конструктора. На то место на странице, где должна размещаться фотогалерея, вы поставите заготовку (рис.2). В настройках заготовки, откроете обычную папку Windows, и поместите в неё ваши фотографии. Вам нужно будет сделать следующие настройки:
- задать размеры изображений большой и маленькой картинок фотогалереи,
- задать расположение фотографий на странице, на каком расстоянии друг от друга они будут находиться,
- задать подписи к фотографиям.
И все, ваша фотогалерея готова.
На рисунке 2 страница сайта в Сайткрафт-Студии с заготовкой фотогалереи.
Создание почтовой формы на странице сайта.
Почтовая форма, о которой мы рассказываем, в браузере выглядит так. (рис.3)
Почтовая форма состоит из 3-х полей: имя, e-mail, вопрос. Человек сможет в ней на сайте указать свои инициалы, свой электронный адрес, и задать свой вопрос или сделать заказ на ваш товар.
Для того, чтобы создать почтовую форму на сайте, в Сайткрафт-Студии на 3 шаге, на страницу нужно поставить особую «картинку», называемую заготовкой, состоящую из полей и настроить её. (рис.4)
Для настройки почтовой формы достаточно указать электронный адрес, куда сайт будет отправлять для вас письма, созданные в почтовой форме, и оформить внешний вид формы: установить цвет рамок, шрифт, форму полей.
Всё, почтовая форма к работе готова! Остаётся только опубликовать сайт.
После завершения публикации конструктор Сайткрафт-Студия предложит вам просмотреть сайт в интернете, открыв его кнопкой «Просмотр».
Ваш сайт с фотогалерей и почтовой формой готов. Сейчас его нужно только открыть, проверить, что всё в порядке, что верно настроены фотогалерея, почтовая форма. И если что-то нужно подправить, вернуться в Сайткрафт-Студию, подправить, и снова опубликовать.
О конструкторе сайтов Сайткрафт–Студия вы можете прочитать на сайте www.sitecraft.ru, а так же скачать демо версию
О хостинге: на сайте www.babyhost.ru
Купить Сайткрафт-Студию и фичи (дополнения к конструктору), а так же заказать раскрутку и хостинг можно в эл. магазине www.webaby.ru/store
Создание дополнений к Сайткрафт-Студии (фичей) фотогалереи, почтовой формы –партнёр компании WEBaby, компания SCTools.ru
(Пока оценок нет)
Загрузка...