Сайткрафт

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

 

В этой статье мы расскажем, как предприниматель может сам сделать сайт с фотогалереей и с почтовой формой, с помощью Сайткрафт-Студии.

 

Напомним, программа Сайткрафт-Студия разработана по технологии Baby steps, что означает Шаги ребенка. В программе, следуя по шагам, от 1-го до 5-го вы последовательно создадите сайт, наполните его содержимым и опубликуете в сеть.

 

Вы пройдете такой путь:

 

1 шаг. Создание модели сайта.

2 шаг. Цветовое оформление сайта.

3 шаг. Наполнение сайта содержанием, текстами, картинками, дополнительными элементами.

4 шаг. Проверка сайта перед публикацией в интернет и настройка его для раскрутки.

5 шаг. Публикация сайта в интернет.

 

Подробнее эти шаги описаны в статье «Как предпринимателю самому сделать свой сайт-визитку, с помощью Сайткрафт-Студии?».

 

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

Сайт оформляется в Сайткрафт-Студии на 2 и 3 шагах. Кратко скажем, что на 2 шаге вы оформите фон сайта, а на 3 шаге наполните содержанием, текстами, картинками, дополнительными элементами.

На 4 шаге можно проверить, как сайт будет выглядеть в браузере, сделать настройки для раскрутки сайта, на 5 шаге публикуем сайт в интернет.

О публикации сайта в интернет стоит сказать, что для того чтобы сайт с фотогалереей и почтовой формой работал необходимо, чтобы  на хостинге сайта были PHP4 или PHP5. Это специальные программы, установленные на сервере Хостера, т.е. предприятия предоставляющего хостинг, которые позволяют  добавить к простому сайту особые возможности.

 

Рассмотрим подробно, как вставить на сайт дополнения: фотогалерею и почтовую форму.

 

Фотогалерея и почтовая форма устанавливаются как дополнительные инструменты к Сайткрафт-Студии. Называются они «Фичи».

Фичи «встраиваются» в Сайткрафте в сайт, устанавливаются и настраиваются по инструкции на 3 шаге в конструкторе, и не требуют для этого специальных  программистских знаний.

 

При установке фичей в Сайткрафте вы будете ставить особые «картинки», которые называются «заготовки». Заготовки – это подготовленные разработчиком наборы инструментов (HTML-кодов, скриптов), которые позволяют добавлять на сайты дополнения, такие как фотогалереи, гостевые книги, почтовые формы, слайд-шоу, интернет-магазины и т.д. Разработчики фичей подумали и собрали такие инструменты, и сделали их для человека, не знающего программирования, написали инструкции к ним.

Фичи изготавливаются партнёрами компании WEBaby, и их нужно докупать к конструктору Сайткрафт-Студии отдельно по вашему выбору.

 

 

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

Рис.1. Страница сайта с фотогалереей в браузере.

Рис 1.

 

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

Устанавливается фотогалерея на 3 шаге конструктора. На то место на странице, где должна размещаться фотогалерея, вы поставите заготовку (рис.2). В настройках заготовки, откроете обычную папку Windows, и поместите в неё ваши фотографии. Вам нужно будет сделать  следующие настройки:

1) задать размеры изображений большой и маленькой картинок фотогалереи,

2) задать расположение фотографий на странице, на каком расстоянии друг от друга они будут находиться,

3) задать подписи к фотографиям.

 

И все, ваша фотогалерея готова.

На рисунке 2 страница сайта в Сайткрафт-Студии с заготовкой фотогалереи.

Рис. 2

 

 

Почтовая форма, о которой мы рассказываем, в браузере выглядит так. (рис.3)

Рис. 3

Почтовая форма состоит из 3-х полей: имя, e-mail, вопрос. Человек сможет в ней на сайте указать свои инициалы, свой электронный адрес, и задать свой вопрос или сделать заказ на ваш товар.

 

Рис.4

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

Все, почтовая форма к работе готова! Остаётся только опубликовать сайт.

 

После завершения публикации конструктор Сайткрафт-Студия предложит вам просмотреть сайт в интернете, открыв его кнопкой «Просмотр».

 

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

 

О хостинге на сайте www.babyhost.ru

Создание дополнений к Сайткрафт-Студии (фичей) фотогалереи, почтовой формы –партнёр компании WEBaby, компания SCTools.ru http://sctools.ru

 

 

Вы можете оставить свой комментарий на эту статью, заполнив форму ниже.