View Full Version : Как да си направим сайт, ако нищо не знаем, а имаме ден, два
Titorial "From noob to noob" :)
Част първа: Основа:
Преди абсолютно всичко друго, за да си направите сайт ви трябва ИДЕЯ.
Трябва да си изясните отоговорите на тезии въпроси:
1.За какво ще ползвате сайта? Какъв е смисълът от него?
2. Кой ще ви посещава, а именно ако са пенсионери ви трябва по - голям шрифт. Ако са теенове да потърсите шареното и модерното. Ако са приятелите ви, ще ви се иска да ги впечатлите.
Така, след като си имате представа какво правите, трябва и да разберете как да го направите :)
Благодарен съм, че я има тази изключително добре направена програмка Тутор30 изтегли от
ТУК (http://exe-ta.hit.bg/tutor30.exe) в нея, внимателно е описана основата на html. Без нея сайте не става :) Та след като си поиграете малко, както казват в notepad сте готови да минете към най - лесният начин за правене, на приличен сайт, за без пари :)
Урок две: "избиране на вид"
Така ще покажя най - лесният варият, за който са ви нужни, само нещата от уроците.
Говоря за web templates: готови, празни сайтови, в които просто наслaгвате информация. За наше щастие има безплатни бол :)
Ще ползвам сайта http://www.freewebtemplates.com/ , защото е със мноого голяма база, макар и не много качествена...
Та избираме си категория, гледаме и избираме.
Даваме download i razarhivirame na harda :) Добре е да си направите отделна папка само за сайта :)
http://i19.servimg.com/u/f19/11/49/78/01/teglen10.jpg
Урок три: "ами сега?"
Най - добре първо я качете на някой домайн (името на сайта, след него следва .com ; .bg ; .org), който е хостван от сървър. Безплатни хостинги бол.
За целите на туториала ще ползвам http://www.zymic.com/
Други такива са hit.bg ; store.data.bg и мноого други.
Регистрираме се, не е трудно, и си създаваме свой собствен домайн. При безплатните хостинги, ти дават домайн след който следва, техен такъв.
Примерно test086.ZZL.org . Ако не го искате това ZZL, може да си платите 20 тина лева и домейна да е по ваш избор (http://moetosaitche.com)
Сега трябва да качите всички файлове, които идват с темплейта.
Най - добрият начин е да ползвате ftp client(тук[url] ще намерите титориал на английски, скоро ще го преведа)
Имайте предвит, че в случая, в полето хост пишете сайта ви (test086.zzl.org), а в потребителско име домейна@хоста ( test086@zzl.org )
Важно е да ъплоуднете всичко както си е, тоест по директории, защото си има дадени връзки и трябва да се спазват.
Та създавате си същите папки, както в темплейт папката на компютъра ви и качвате всичко :)
Сега получава се ето това: [url]http://test086.ZZL.org (http://www.zymic.com/forum/Ftp-t59.html) (празен от към съдаржание сайт)
http://i19.servimg.com/u/f19/11/49/78/01/untitl13.jpg
Урок 4 "А какво стана с останалите 47ч и 30 минути?"
Сега следва персонализацията... :)
Първо в темплейта, който изтеглих имаше само страница index.htm и 4 бутона, в някой си има готови всички странички, но на нас ще ни се наложи да правим още :)
Сега отваряте index.html с някоя програма като adode dreamweaver, или макромедиа, може и с нотепад, но не е препоръчително...
Намирате мястото на бутоните, ще е лесно само на едно място има 4 еднакви реда, съдържащи index.htm . Измисляме си имена за страниците, и ги пишем с .htm отзад, слагаме и имена и на бутоните, на мястото на старите :)
Давате save и copy - paste 3 пъти. Преименовате файловтете със вече зададените имена в скрипта. Така вече на компютъра си имате сайт с 4 страници :)
След малко, ще ви кажя и как и онлайн да са 4 страниците...
Но първо да ги направим различни. :)
Най - лесно е като отоврим някоя през dreamweaver и просто цъкаме върху текста и променяме.
Вече които иска, може да сменя шрифтове, да си играе и т.н. :)
При мен, не е само защото искам да изглежда по - добре ами и шрифта, заложен с страницата не подържа кирилица.
Най - лесно - десен бутон на текста и както е показано на картинката по - долу.
Не препоръчвам уникални шрифтове, добре е всички да могат да ги виждат.
Препоръчвам да си запазите .зип файла, за да можете да имате оригинала, ако стане гаф.
Обърнете внимание долу и долу в ляво, кедето е поставен линк към създателя. Нека бъдем коректни, ако не с големите организации като Adobe и Windows, то поне с хората които, ни правят добро и да го оставим.
http://i19.servimg.com/u/f19/11/49/78/01/untitl15.jpg
Урок 5 "Как да направим линк"
Най лесният начин е да маркирате текста/ картинката и да натиснете десен бутон, от падащото меню натискате на make link.
Има два вида линкове. Единият сочи към файл от FTP - то ви, а другият към друг сайт.
Така това ви го казвам, защото ще ви се отвори нов прозорец, където да напишете къде искате да пренасочвате хората.
За да добавите url към друг сайт, трябва в да напишете адреса в полете URL.
А за пренасочите към сайт от FTP - то ви, използвайте browsera горе. Добре е това, към което е линка, да е на не повече от една две папки растояние от папката, в която е index.htm, за да не ви се налага после да създавате много папки в FTP - то си, както видяхте на Tutor 30 .
Можете и лесно да проверите дали всичко е наред. Само кликате с курсора върху текста и долу в дяснп, ако сте си извадили менюто се вижда в графата линк, към къде е насочено.
http://i19.servimg.com/u/f19/11/49/78/01/links10.jpg
Урок 6 "Ама искам всички да знаят, че сайта е моят и да си сложя много cool пикчета..."
Пак отваряте файла през dreamweaver.
Отивате отгоре на менюатата и давате insert -> image и просто избирате кое да е то. Като, пак повтарям, добре е да е в папката със другите картинки, или поне близка до папката, в която е index.htm , за да не ви се наложи да правите излишни папки в FTP - то си.
http://i19.servimg.com/u/f19/11/49/78/01/image10.jpg
Урок 7 "Актуализация"
"Защо като отворя страницата, не ми показва така, както като отворя файла?'
Следва, да качите вече направеното и да го замените със старите файлове. За тази цел отваряте ftp клиента си и заменяте новите *.htm файлове, със старите, които са къчени на сървара. Лесно е :
http://i19.servimg.com/u/f19/11/49/78/01/aktual10.jpg
........... както казват в notepad сте готови да минете към най - лесният начин за правене, на приличен сайт, за без пари :)
A именно със Dreamweaver :lol:
Това го давам като пример , защото при мен се беше получило точно обратното при прохождането и запознаването ми със HTML , който език според мен бива избутван наолу и надолу.
Та какво се получи , започнах със Notepad да си пиша сорса ...докато накрая ми писна, защото нито имах превю да видя творението си в един или няколко браузъра нито нищо. То може ли да си играеш да сейфаш и т.н само да видиш как ще изглежда ...като в 99% от случаите положението беше трагично. Затова се обърнах към уеб едиторите като ползвах и сорс превюто им (за да бъда в час ).
Така малко по малко се научих как да боравя с html. След което започнах аз да си пиша сорса ,ползвайки Notepad ++ и Dreamweavera .
Затова моята работа е от горе та надолу ,та пак нагоре .
Всеки сам по себе си избира най-удачния вариант за запознаването му с даден език или програма , важното е да не се обезсърчава и в последствие да загуби интерес. :wink:
В нотепада, казвам да си играят за час , два да свикнат с кода, не и да правят сайт... :)
WILD__BOY
10-24-2007, 13:12
и са кво? станах ли web master?
Ти винаги си бил...
Отогоре сложих урок две и урок три :)
Аз съм ги писал и се извинявам за грешките. Сега ще видя да направя и урок 4 и 5 :)
Now*I'm*Strong*Enough
10-24-2007, 18:14
и са кво? станах ли web master?
Пича слага край на всички теми от типа "Как да си направя сайт",а ти се праиш на умен...
Така, от казаното до тук, би трябвало да може да си направите сайт, работещ и прилично изглеждащ. След малко ще качя титориала и на сайта който направих: http://test086.zzl.org .
П.п. Позволоих си да сложя малко реклама на форума ми, за да запълня първа страница. :)
А и да знаете, че още не съм свършил, трябва да ви покажя как се води статистика на посетителите, как да сложите java апликации, и няколко думи за разпространенее трябва драсна... Ехехехеей много работа имало :)
WILD__BOY
10-26-2007, 08:30
После им тури един Wordpress туториал, защото ще им е лесно да го конфигурират.
После им тури един Wordpress туториал, защото ще им е лесно да го конфигурират.
Виж какво искаха последно:
Hi all!Iskam da popitam kak moga da si napravq sait?4uvala sum 4e trqbva da se znae nqkakuv komputyren ezik,vuzmojno li e bez nego?
P.S ne iskam blogove v piczo i t.n.
Blagodarq predvaritelno! ;)
WILD__BOY
10-26-2007, 08:37
Виж какво искаха последно:
Hi all!Iskam da popitam kak moga da si napravq sait?4uvala sum 4e trqbva da se znae nqkakuv komputyren ezik,vuzmojno li e bez nego?
P.S ne iskam blogove v piczo i t.n.
Blagodarq predvaritelno! ;)
чети по-внимателно!
Това в piczo даже не е блог. Няква смешна шарения. Са ако кажеш, че моя блог може да се сравнява с тези от piczo...
има и едно
И т.н.
Пък ако искаш ти може да направиш титориала, аз съм малко зает напоследак...
П.п. Хубави рисунки :)