Small Business или как лесно и бързо да си направим сайт

Препис

1 Small Business или как лесно и бързо да си направим сайт

2 Съдържание Какво представлява Windows Office Small Business?... 4 Начало или как да създадем акаунт в Microsoft Office Small... 5 Избиране на име за вашия сайт Избиране на дизайн за вашия сайт Web pages Save View Site Designer Tema Style Color Font Options Header Footer Navigation Редактор на страници или за какво служи Page editor Въвеждане и форматиране на текстова информация Вмъкване на изображение Вмъкване на модул Вмъкване на таблица Вмъкване на хипервъзка Вмъкване на дата на последна редакция на сайта Вмъкване на хоризонтална линия Форматиране на фона и рамката на зоната с информацията Зони брой и разположение Навигация... 33

3 Свойства на страницата промяна на името на бутоните в навигацията на български Фон на страницата... 36

4 Какво представлява Windows Office Small Business? Windows Office Small Business е WYSIWYG приложение. WYSIWYG е акроним на изречението What You See Is What You Get Каквото виждаш, това ще получиш. WYSIWYG системи са тези, при които съдържанието по време на редактиране изглежда като крайния резултат. Често се използва при програми за редактиране на уеб страници. Предимства: онлайн базирано приложение безплатно е изключително лесно за ползване за около 30 минути може да се направи добър сайт Продуктът се намира на адрес За момента езиците, на които може да бъде използвана средата, са ограничени и българският език липсва. Windows Office Small Business е изключително интуитивна и всеки с лекота би могъл да се справи с нея.

5 Начало или как да създадем акаунт в Microsoft Office Small Влезте в Internet Explorer, след което влезте в сайта на Office Live И всичко започва от тук: След като изберете Build your site (изгради своя сайт), ще се появи нов екран, на който са изписани три стъпки. Трябва да преминете през тях, за да изградите вашия сайт: 1. Избиране на дизайн, т.е. избиране на един от вградените в платформата варианти за визия на сайта 2. Персонализиране на вашия сайт така, че промени в дизайна, така че той максимално да задоволи вашия вкус 3. Да изберете домейн (име) на сайта За да продължите работата си, трябва да изберете един от двата бутона

6

7 В следващия прозорец напишете адреса на електронната ви поща, съответстваща на акаунта ви във Windows Live и да продъжете нататък с натискане на бутона Next А сега е време да напишете парола за вашия акаунт в Microsoft Small Business

8 Имате три възможности: Save my address and password Save my address Запази (запомни) моя адрес и парола Запази (запомни) само моя адрес Always ask for my address and password Винаги питай за моя адрес и парола Първата възможност не е препоръчителна, ако работите на компютър, до който имат достъп много хора. Всеки, който пожелае,ще има безпроблемен достъп до вашия сайт Втората възможност е препоръчителна, тъй като спестява времето за изписване на електронната ви поща Третата възможност е системата да не пази данни за вашия акаунт. След като сте избрали една от изброените по-горе възможности, сте готови да продължите с натискане на бутона Sing in. А сега идва ред на попълване на личната информация. Задължителните полета, отбелязани със звездичка, са име и фамилия. След попълване (само на латиница) на информацията продължавате нататък с бутона Save and continue(запази и продължи)

9 Въвели сте името и ако сте го сгрешили и искате да го промените, може да използвате бутона Edit, а ако всичко е наред - изберете бутона I accept (приемам). С това приключвате регистрацията. Желателно е преди да приемете усовията все пак да сте прочели Microsoft Service Agreement и Privacy Statement. Вашият акаунт в Microsoft Office Small Business е вече създаден и можете да влезете в него от

10 Пристъпваме към създаване на самия сайт. Заедно ще изградим сайт на 8а клас.

11 Избиране на име за вашия сайт Името на всеки сайт е уникално и чрез него желаещите да го видят, могат да направят това, като го напишат в Internet Explorer. За да изберете име на вашия сайт, имате две възможности: Да се възползвате от възможността, която ви дава приложението - домейнът на вашия сайт да е с регистрирания ви акаунт в Small Business, в случая : itproba.web.officelive.com Или да изберете предварително регистран домейн, тъй като в повечето случаи това удоволствие е платено. Ще спрем нашия избор на първия вариант. Разбира се, можете да изберете друго име на сайта, чрез бутона Rename, намиращ се вдясно от предложеното име за вашия сайт: преместването на друг домейн може да се извърши и в по-късен етап.това действие ще доведе до загуба на статистиките за сайта до момента. Преместването на сайта на друг домейн може да отнеме от 1 до 4 дни.

12 Избиране на дизайн за вашия сайт При избиране на Design your Web site стигате до страница, в която можете да изберете визията за вашия сайт, но не и съдържанието.

13 Да разгледаме горния ляв ъгъл на сайта Web pages oт тук можете да избирете коя страница да променяте Save View запазване на направените от вас промени преглед на страницата (как ще изглежда тя в браузър) за да видите пoслeдните промени, първо трябва са сте ги запазили с бутона Save Site Designer мястото, където ще изберете как да изгледа страницата ви Tema Тук можете да изберете от много и различни изображения, събрани по теми, изображението в десния край на главата на сайта

14 Естествено, можете да изберете избражение, намиращо се на вашия компютър или да няма изображение Style Богат избор на стилове, в случая, е избран

15 Color Тук можете да изберете цветовата схема. Внимавайте при избора: най-шареното не е най-хубавото Font Избор на шрифт за сайта ( се прилага за всички страница).

16 Options Можете да изберете ширината на страницата и подравняването ѝ(не го променяйте!) Header Промяна на заглавие, послание на сайта и добавяне на лого

17 заглавие лого послание Потвърдете промените с бутона ОК. Като заглавие ще въведем 8а клас, а като слоган: Ние правим всичко най-добре и ще потвърдете с OK. След избиране на бутона View ще видите как ще изглежда вашия сайт в браузър.

18

19 Footer Промяна на края на сайта там може да добавите Интернет връзки и текст Интернет връзки текст подравняване на текста Добавянето на Интернет връзки в полето List of Links става с бутона Add Link. Естествено, за да влязат в сила промените накрая трябва да ги потвърдите с бутона OK.

20 Сега ще добавим линк към bing.com, тъй като едно от любимите занимания в Интернет е търсенето на всякаква информация. С ОК потвърждаваме желанието си линкът да се добави към сайта. Сега ще добавим и текст, който ще оставим центриран

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

22 Navigation Къде да са разположени връзките към отделните страници на сайта

23 Вече сме избрали как да изглежда нашия сайт. Сега ни остава да го напълним с информация с помощта на Page editor Редактор на страници или за какво служи Page editor При избирането на Page editor нещата изглеждат по следния начин: цялата лента с инструменти е оцветена в сиво и те са неактивни. Имате три зони, които можете да използвате, за да въвеждате информация. Избирането на зона за въвеждане става с клик върху съдържанието на зоната. Ако сте били в режим на работа по дизайна, кликът в коя в някоя от зоните автоматично ще превключи на режим редактиране на съдържанието и ще направи активни инструментите на Page editor-а. Активната зона е с по-осезаемо очертание.

24 Започваме с въвеждането на информацията Въвеждане и форматиране на текстова информация

25 Инструментите за форматиране на символ и абзац са идентични с инструментите, използвани в Microsoft Office Вмъкване на изображение От лентата с инструментите избирате Image и имате две възможности за добавите изображението: или от собствения ви компютър, или от вече уплоуднати изображения

26 Избирате вариант и намирате изображението, което бихте искали да визуализирате в страницата. Желателно е да сте избрали опцията опимизиране на изображението, след което потвърждете с бутона Insert image Избрано е подравяване - центрирано. Ако с клик сте маркирали изображението, се появяват 8-те точки, чрез които можете да промените размерите на изображението.

27 Вмъкване на модул В Microsoft Small Business имате възможност да добавяте готови модули, които да направят сайта ви по-атрактивен и по-полезен: слайд шоу, видео, информация за времето, календар за събития, а за по-напредналите - възможност за добавяне и коригиране на HTML код. Вмъкване на таблица От този прозорец можете да изберете вида на таблицата, цветовата ѝ схема, броя на колоните и редовете

28 Вмъкване на хипервъзка Едно от любимите занимания на хората, ползващи Интернет, е сърфирането. А какво е сърфирането без хипервръзки? Е, тук е мястото, където можете да добавите връзка към: друга станица от вашия сайт интересен или полезен сайт документ, намиращ се във вашaта папка My Documents в Windows Live акаунта ви електронна поща За всяка една от възможностите се отваря диалогов прозорец, в който правите вашия избор. За My Documents автоматично се появява появява списъкът на файловете, от които избирате. В прозорчето до Display text можете да напишете текст, който да бъде ползван като хиперлинк. С избиране на Open link in a new window избраната страница ще се отвори в нов прозорец.

29 Вмъкване на дата на последна редакция на сайта Полезно нещо. Най-малко вмъкването на дата дава информация дали сайтът скоро е променян. Но и без него не е проблем. Вмъкване на хоризонтална линия Желаете текстът на сайта ви да е визуално разделен. Застанете на мястото, където желаете да е прекъсването, и с клик бърху бутона Horizontal line вмъкнете хоризонтална линия. Внимание! Ако маркерът е в средата на реда, линията ще се добави точно там и ще прекъсне текста! Форматиране на фона и рамката на зоната с информацията Ако желаете можете да добавите отделен фон за всяка една от зоните с

30 Четири възможности: No fill без запълване Solid fill запълване с един цвят Можете да изберете цвят от списъчната кутия и прозрачност на фона. При стойност 0 е непрозрачен. При стойност 100 е напълно прозрачен. Gradient fill запълване с преливка

31 Запълването - най-отгоре е избраният цвят, който надолу избледнява. Image fill запълване с изображение От бутона селект избирате от вашия компютър изображението, което искате да поставите нато фон. От Position мястото, на което да се намира. От Tiling, ако изображението е по-малко по размер от зоната, можете да укажете как да се визуализира: само веднъж хоризонтално да се залепват за него същите изображения (като при тапет) същото като горе, но вертикално и в двете посоки хоризонтално и вертикално

32 Зони брой и разположение В примера долу са избрани три вертикални зони

33 Навигация Можете да промените подреждането в навигацията на страниците във вашия сайт с Move Up и Move Down Свойства на страницата промяна на името на бутоните в навигацията на български

34 В полето под Page title можете да изберете какво ще се изписва в заглавната лента на вашия браузър Така изглеждат настройките при отваряне. Ако в Navigation title заменим Home с Начало, във вашите страници вече няма да имате препратка към началната страница, която да не е на български.

35 Корекциите вече са нанесени Потвърждаваме ги и резултатът в Internet Explorer e

36 Фон на страницата Тук можете за прибавите като фон графично изображение. Нещата стоят по същия начин, както и при избиране на изображение за фон на зона.