Напоследък доста хора се интересуват как могат сами да си направят уеб сайт. Ако не желаете да плащате на дизайн агенция, и искате лесно да се научите как да променяте цветовете, изгледа и съдържанието на сайта си без да навлизате в обременяващи понятия като хостинг, домейн име и други подобни ще Ви предложа чрез следните варианти как лесно и бързо да си създадете уеб сайт.
Ето едно примерно видео как става това стъпка по стъпка в Blogger:
Първи и най-лесен вариант да си направите сайт за 10-15 минути.
Влезте и се регистрирайте в blogger.com, wordpress.com или в в my.opera.com от тук: http://my.opera.com/bulgarian/blog/show.dml/143218. След като си изберете български език всичко ще Ви е разбираемо на кирилица. Изберете си име на сайта, и започнете с вашата първа страница. Така лесно и бързо вече си направихте собствен сайт.
Предимства:
* имате безплатен под-домейн
* не плащате за хостинг
* може да създавате нови страници, да ги редактирате, да поставяте картинки и връзки към други сайтове
* имате възможност да избирате между различни дизайни(шаблони) как да изглежда страницата Ви
* редактора на текст наподобява Word - лесен и интуитивен за използване.
Втори вариант - чрез програмата DreamWeaver. Тази програма не е единствена, но с нея се работи много лесно и бързо след като и свикнете. Чрез нея имате възможност да:
* форматирате текст
* сменяте цветове
* добавяте снимки
* вмъквате таблици
* създавате свои стилове и др.
Уроци на български език за DreamWeaver можете да намерите на адрес http://www.dreamweaver8.hit.bg/.
DreamWeaver дава възможност да се работи в режими на дизайн и програмиране. По този начин когато редактирате създадения HTML код от вас промените се виждат автоматично. Това Ви дава възможност да доизкусурявате някои части от дизайна в детайли. За да може да разчитате какво прави HTML кода моля четете по-надолу.
Съвет: За да навлезете по-бързо в програмата изпълнявайте стъпка по стъпка уроците.
Трети вариант - за тези които искат сами малко повече да си играят с кода на уеб сайта.
Първо ще Ви предложа безплатни сървъри, които ще Ви дадат под-домейн име и уеб пространство. Разликата е че ще трябва сами да измисляте и поставяте кода в сайта си. Примери за подобни безплатни български уеб сървъри са: hit.bg bol.bg data.bg
Ако желаете може да ползвате и чуждите: geocities.com на yahoo, googlepages.com на google и tripod.lycos.com на lycos.
Как точно да направите първата си страница?
Време за изпълнение - 10 минути.
Нужен Ви е текстов редактор. Направете си нов файл с име index.html. Отворете го и поставете вътре следният текст:
<html>
<head><head>
<body>
Това е моят първи сайт!
</body>
</html>
Запишете файла и го отворете от Internet Explorer, FireFox или Opera. Това което ще видите е току-що създадената от вас Интернет страница. Поздравления!
За да може да я по-украсите ще Ви представя основните най-често използвани тагове, които ще Ви помогнат в нейното оформление. Моля изпробвайте ги за да усетите ефекта, който имат.
Но първо какво са таговете(tags) - те представляват команди от езика HTML обградени със скоби. Пример за таг е <strong>Удебелен текст</strong>
Така текста, който попадне между тага strong ще стане по-дебел. Изпробвайте го: Отворете с редактор току-що направената страница и заменете текста Това е моят първи сайт! с <strong>Това е моят първи сайт!<strong>Запишете и отворете страницата с браузъра си. Ако текста остава същия просто натиснете F5 за опресняване.
Таговете е нужно да се отварят и затварят. Това най-често става така:
отваряне: <tag>
затваряне: </tag>
Разликата е добавянето на наклонена черта при затваряне на тага.
Други тагове:
<strong> удебелен текст </strong>
<em> наклонен текст </em>
<p>
параграф
</p>
<h1>
заглавие с най-голям размер
</h1>
<h6>
заглавие с най-малък размер
</h6>
<img src="път_към_картинката" /> - поставяне на изображение
(не забравяйте да затваряте таговете!)
Цветове
За представянето на цвят ще използваме стилове. Ето един лесен пример за оцветяване на текст в червено.
<strong style="color: red;">Червен текст</strong>
Просто вмъкваме атрибута style в тага strong и му задаваме параметър color да е red.
Други стилове за оформянето на текст, които да изпробвате:
text-decoration:underline;
background:blue;
font-size:2em;
text-align:center;
Съвети
Ако пишете на кирилица за да Ви излезе текста на сайта нормално, без маймунски текст поставете следните редове между тага
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
Ако искате да поставите заглавие на сайта, което да се вижда в синята горна лента на браузъра използвайте тага title:
<head>
<title>
Заглавие на сайт!
</title>
</head>
Успех със създаването на сайтове! от Невян Нейков
моля ви ако намерите презен саит кадето можете да се регестрирате безплатно
tozi urok e mnogo dobar strahoten samo ne rabiram kade da vaveda tozi text deto Ste kazala/kazal da go napishem:
i t. n.
pls otgoviri mi za6toto ne6to ne razbrah a i za cvetovete ;) :) :S
- Създавате нов файл от програмата Notepad (Start->Programs->Accessories->Notepad) и там пишете текста от урока.
моля ви ако намерите презен саит кадето можете да се регестрирате безплатно
tozi urok e mnogo dobar strahoten samo ne rabiram kade da vaveda tozi text deto Ste kazala/kazal da go napishem:
- Създавате нов файл от програмата Notepad (Start->Programs->Accessories->Notepad) и там пишете текста от урока.
dayte skayp we.Moeto e pazi.se