Повечето от хората, които планират да започнат уебсайт, са изправени пред проблема с проектирането. Или те нямат умения и знания да проектират страницата, или нямат пари, за да наемат дизайнер и да проектират страницата за тях. И в двата случая той остава без избор и трябва да проектира своя уебсайт сам, който може да бъде досаден и отнема време.

Решението за това може да бъде отварянето на блог в Blogger или WordPress, но блоговете не са същите като сайтове за електронна търговия и те са предназначени за напълно различна аудитория. Така че, ако сте начинаещ и искате просто инструмент за изграждане на уебсайтове, SiteSpinner може да ви помогне. Това приложение ви позволява да създавате уебсайтове от самото начало и без да изисквате никакво мръсно кодиране на ръцете.

Забележка: Ще ви е необходим уеб хостинг акаунт, за да прехвърлите фигурите и страниците в уебсайта си.

Как да създадете уеб страници с SiteSpinner

1. Отворете програмата Sitespinner и ще видите подкана да въведете серийния номер. Пропуснете тази стъпка и натиснете бутона " Изпробвайте сега", за да започнете.

2. След като сте в интерфейса на приложението, създайте нов проект за създаване на страници за вашия уеб сайт от File> New project .

3. Ще се покаже индексната страница за редактиране. Страницата с указания в който и да е уебсайт се отнася до първата страница (начална страница), която се показва при зареждането на уебсайта. От бутона за менюто на страницата можете да създавате нови страници за уебсайта си, да зададете реда на страниците, да изрежете или да копирате страници и т.н.

Добавяне на заглавие, подзаглавия във вашата страница:

4. За да добавите заглавие и подзаглавия, щракнете върху бутона за заглавие редактор от кутията с инструменти. След това можете да създадете заглавия и следващи подзаглавия за вашата страница. Също така можете да подредите заглавията, да изберете персонализиран шрифт, размер и цвят.

Добавяне на форматиран текст и хипервръзки във вашата страница:

5. За да добавите форматиран текст, кликнете върху бутона " Добавяне на форматиран текст " от кутията с инструменти. Ще ви се появи WYSIWYG редактор, в който можете да напишете текст и да въведете хипервръзки.

Добавяне на изображения във вашата страница:

6. За да добавите изображение в страницата си, изберете бутона за изображение от кутията с инструменти и прегледайте мястото на изображението, съхранено на вашия компютър. Изображението ще бъде добавено към страницата ви и след това можете да го персонализирате, да изберете ширина и височина и т.н.

Добавяне на видеоклипове във вашата страница:

7. Добавянето на видеоклипове от сайтове за споделяне на видео е също лесно. От инструментариума кликнете върху бутона за кода и въведете кода за вграждане на видеоклипа в прозореца с кода.

Натиснете Enter и видеоклипът се добавя към страницата ви. Можете просто да плъзнете и пуснете, за да позиционирате видеоклипа, където искате да се показва в страницата.

Видеоклипът няма да се показва в дизайнерския режим и е налице само, когато визуализирате или публикувате страницата, както е описано по-късно в статията.

Добавяне на HTML или други кодове във вашата страница:

8. За да добавите персонализирани CSS класове или html кодове, просто натиснете кодовия бутон от кутията с инструменти. Ще се покаже кодов прозорец, в който можете да въведете html и css класа отделно.

Нека вземем един бърз пример, за да разберем как работи. Да приемем, че искате да добавите всеки html код и да определите персонализиран css клас и стил. Първо създайте потребителски css клас и въведете html за този клас в секцията на тялото на вашата страница.

Сега за CSS част, въведете нов прозорец код и напишете CSS код. Уверете се, че го въвеждате в заглавката на страницата, която редактирате.

Преглед на страницата ви в браузъра:

9. Можете да прегледате как изглежда страницата в различни браузъри, например Firefox, Google Chrome и Internet Explorer. Изберете желания браузър и кликнете върху бутона Преглед и програмата отваря нов раздел или прозорец на браузъра, който съдържа визуализация на страницата, която току-що сте проектирали в SiteSpinner.

Издаване на страници в уебсайта ви:

10. Сега, когато сте проектирали страниците си, е време да ги направите на живо. Кликнете върху бутона Публикуване и изберете страниците, които искате да прехвърлите в уеб хостинг акаунта си.

След това отидете в раздела FTP и въведете данните си за FTP. Hit Publish и избраните страници ще бъдат прехвърлени към вашия уеб хостинг акаунт. Вече можете да преглеждате уебсайта си и страниците в браузъра.

Колко лесно беше това? Въпреки че не е толкова мощен, колкото Adobe Dreamweaver, Sitepinner е много по-лесен за ползване и начинаещите потребители ще го сметнат за много полезно. Уведомете ни за мненията и идеите си в секцията за коментари.