В днешно време може да намерите сайтове, които са създадени в началото на 90те години на миналия век. Какво е общото между тези стари уеб сайтове и ултра модерните страници, които свикнахме да виждаме напоследък? Това е метода им на създаване. Идеите, които използва един уеб дизайнер в общи линии са същите както и в добрите стари времена, когато уеб беше не чак толкова известен сред масовите потребители. Звучи ви доста необяснимо нали? Нека ви обясня, защо основните концепции остават непроменени за близо 20 години развитие на уеб дизайна.
в: ASP| MySQL| PHP| SEO| Web design
2 Mar 2009Много често собственциите на уеб сайтове задават следния въпрос “Дали езиците за програмиране в уеб като PHP и ASP оказват влияние на резултатите на търсачките”. Може да намерите подобни въпроси из цялото интернет пространство, във всеки форум за SEO има поне една тема в която създателите й питат точно този въпрос. Краткият отговор на този въпрос е – категорично не. Но в тази статия ще ви обясним малко по-подробно защо отговора е “не” и какво точно поражда съмненията на хората относно езиците за програмиране, които се изпълняват на сървъра.
Прочети още от тази уеб дизайн статия »
в: HTML| MySQL| PHP| Web design| Програмиране
28 Feb 2009След като вече видяхме как се инсталира РНР, си заслужава да си зададем въпроса защо изобщо да използваме РНР. Можем да се придържаме към HTML -все пак, това е изпитан и надежден метод за сьздаване на web-страници; и защо въобще са ни необходими “динамични” web—страници? Със сигурност е много по-просто да се управлява HTML, отколкото да се изучава изцяло нова технология.
Много wcb-сайтове съдържат статично съдържание, като научни доклади и статии. Страниците на тези сайтове представляват документи, съдържащи обикновен текст, изображения, препратки към други документи. Обикновено, за такъв тип web-сайт е достатъчна проста технология от страната клиента. HTML и CSS (Cascading Style Sheets) предоставят средства за структуриране и представяне на съдържанието на страницата, а с помощта на JavaScript можете, ако искате, донякъде да я промените.
Интернет а и интранет мрежите все повече се използват за приложения, повечето от които включват работа с бази данни. Тези сайтове и приложения са динамични, тъй като съдържанието им ще се променя в зависимост от данните, с които работят и действията на потребителя. В такива случаи се използва РНР. Чрез изпълняване на РНР програми на сървъра, можете да създадете много мощни приложения, които си взаимодействат с базата данни и динамично генерират съдържание.
Най-добрият начин да научите нова концепция в програмирането е да я поставите впрактически пример. Google Suggest (на адрес www. google. com/webhp?coraplete=l) е едно съвсем просто приложение на Ajax, като много програмисти отделят време да го разчленяват, анализират и пресъздават. Прочети още от тази уеб дизайн статия »
Протоколът JavaScript:
Приложение на JavaScript в DHTML 211
Протоколът javascript: може да бъде гети към атрибута href на HTML тага <а>
* -*
чин за цел на съответната хипервръзка се -JavaScript функция.
Името на функцията се поставя веднага
За да зададете с <а> хипервръз-ka, konrno не притежава цел, използвайте javascript://. Така ще можете да използвате други атрибути, например onmouseover.
цификатора на протокола, за да се идентисЬ ^ f s ^^Циод
скриптът, които трябва да бъде изпълнен. Дру
възможност е след спецификатора директно л
m ^
въведе кратък скриптов код. Това се извърщва следния начин:
<а href=”javascript:alert (’Това е код, поставен между HTML тагове1 ) “>Връзка 1</а> <а href=”javascript:fI()”>Връзка 2</а>
Този пример съдържа както директно въведен код, така и извикване на функция. Всеки от тях се изпълнява, когато потребителят избере съответната хипервръзка:
//Функция за извеждане на просто съобщение function flO
<
alert(”Това е код в JavaScript файл”};
Том е код, поставен между HTML тагове
Атрибути за слой
ЕДНИ от най-важните атрибути за стил (задават се със style) на «Ну>-елементите, които могат да бъдат използвани в DHTML, са id, top, left, z-index, visibility, color и background-color.
Тези стилови атрибути могат да бъдат динамично променени чрез присвояване на нови стойности към тях с помощта на JavaScript.
Следващият пример демонстрира получаването на достъп до всеки от атрибутите чрез изброяване на стойностите на елемент <div> с име sloi под формата на списък:
//Функция, която показва атрибутите //за стил на слой, зададен с таг <div> function stil () < var obj = document.getElementByld(”sloi”);
var str = “Стойностите на атрибутите на слоя са:\п”;
//Изписване на стойностите на атрибутите
str += “ID: “ + obj.id + “\n”;
str += “top: “ + obj.style.top + “\n”;
str += “left: “ + obj.style.left + “\n”;
str += “z-index: “ + obj.style.zIndex + “\n”;
в: javascript
22 Feb 2009Забележете, че в края на JavaScript конструкцията в предишния пример има поставен знак точка и запетая, за да бъде съобразена с правилата на синтаксиса на езика.
Този знак трябва да бъде поставян в края на всяка JavaScript конструкция по същия начин, както точката се използва за завършване на изречение.
Много важно е да знаете, че JavaScript е език, чувствителен към главни и малки букви, така че например „ALERT”, „Alert” и „alert” ще бъдат възприети като три различни думи.
Всички ключови думи в JavaScript използват малки букви, така че ако напишете ALERT(,,Hello World”) или AlertC’Hello World”) в предишния пример, всъщност няма да се обърнете към функцията alert().
Интервалите, табулациите и новите редове се наричат обобщено „бели пространства” и напълно се игнорират от JavaScript, така че можете да форматирате кода и да го оформите с отстъпи, за да бъде по-лесен за четене.
Често е полезно да добавите коментари към кода, за да го поясните. Парсерът възприема всеки текст Прочети още от тази уеб дизайн статия »
в: javascript
22 Feb 2009Въведение
Интерпретаторът зз JavaScript е неразделна част от софтуера на брзузърите, maka че синтетичният анализ на ckpunmoBeme се извършва на момента.
JavaScript е програмен език, който трябва да бъде „превеждан” или интерпретиран. Интерпретаторът му е вграден в софтуера на уеб браузърите, като например Microsoft Internet Explorer и Netscape
Navigator.
Това означава, че скриптът, съдържащ се в уеб документите, може да бъде прочетен от JavaScript машината на браузърите всеки път, когато документът се зарежда.
По този начин уеб документите могат да отговарят на действията на потребителя и да изпълняват определени динамични визуални ефекти.
JavaScript не трябва да бъде объркван с компилиращия се програмен език Java на компанията Sun Microsystems, който, въпреки че притежава някакво сходство, е абсолютно различен.
JavaScript се появява през декември 1995 г. и първоначално е наречен LiveScript, но името му бързо е променено поради маркетингови съображения.
Езикът JavaScript съдържа много впечатляващи възможности, но поради причини, свързани със сигурността, не може да чете или записва файлове, освен такива с бисквитки, които съхраняват малко количество данни.
Тази книга се занимава с основните и клиентските възможности на JavaScript, които са особено полезни при създаването на динамични уеб страници.
Важно е да научите основите – така че в началните глави се обяснява „механиката” на езика, например как се пишат JavaScript програми.
След това се представя Документният обектен модел (Document Object Model – DOM), за да се илюстрира как всички уеб страници съдържат обекти със свойства, които могат да бъдат манипулирани с JavaScript.
Комбинирането на JavaScript и знания за DOM позволява създаването на мощни DHTML (Dynamic HTML) ефекти.
Прочети още от тази уеб дизайн статия »
в: Оптимизация на сайтове| Планиране на уеб сайт| Уеб Дизайн Кампании
21 Feb 2009Много уеб сайтове са разработват само в контекста на дадена кампания – със служители, проекти и продукти, които имат общо минало, както с клиентите, така и помежду си. Поставянето на цели е предизвикателство във всяка среда, защото вие преценявате не само кое е най-доброто за уеб сайта и за компанията, но също така и за отделните личности, включени в проекта. Това е както политически, така и стратегически процес
Не се и сънявайте: в уеб сайтовете има много политика. Сайтът играе ролята на обществено лице на компанията и секи иска негоата работа да се появи на видно място в сайта. Но постаянето на цели може да помогне. Окуражаайки сътрудниците да се съгласяват с конкретните цели, а не със специфични субективни решения (за това къде трябва да се постави бутон или как трябва да бъде озаглавена тази част), вие им помагате да видят общата цел и ги принуждавате да пренебрегнат неуместните конфликти. Колективно поставяне на целите ще помогнат за насочването на сайта в правилната посока. Но смисъла, стоящ зад поставянето на цели, е не само очертаването на ясен курс, но и също прилвличането на друго хора за каузата. Това, извършено в началото на процеса, ви дава инфорамацията, която ви е необходима, за да постигнете успех. Прочети още от тази уеб дизайн статия »
в: SQL| Програмиране
20 Feb 2009Заявките отправени към големите таблици с бази данни, обикновено извършват търсене в определен поднабор от данни на таблицата, а не в цялото й съдържание. Това се постига чрез задаване на критерии за търсене в съответната SQL заявка.
В заявката SELECT критериите за търсене могат да бъдат зададени в клаузите й WHERE, като се ползва оператор за сравнение, проверяващ дали определено условие е изпълнено за всеки отделен запис. Ако това е така, заявката връща данните от този запис. При неуспешен резултат от проверката не се извършва връщане на данни.
Всяка сравнение се изразява в оценяване на валидността, което дава резултат истината при успешна проверка и неистина при неуспех на теста.
Сравнителния оператор за равенство, представен от знака “=” е посочен в примера в секцията “Търсене на несъвпадащи стойности” по-нататък в статията. Той сравнява стойността на поле в таблицата в база данни със зададена тестова стойност и след това връща данните от този запис, само ако сравнението даде резултат истина. При неистина заявката не връща данни.
Сравнителните тестове, съществени по описания начин, позволява данните, върнати от SQL заявката, да бъдат филтрирани селективно, в съотвествие с изискванията й.
И така преди да започнете да планирате, поставете себе си на мястото на типичния потребител (не средностатистическия, за него знаем, че не съществува). Помислете за това, за което идват, а не само за това, което искат да вземат със себе си.
Трябва да отговорите на фундаменталния въпрос “Каква е моята цел?” преди да навлезете в уеб пространството. Трябва да знаете как уеб сайтът ще ви доближо до клиентите и защо те ще искат да го посетят.
Корпоративен сайт
Една корпорация може да иска да промени своите позиции чрез вълнуващ дизайн и красиви думи, обясняващи нейната стратегия, но потребителя може просто да иска да намери информация за точно определен продукт
Портфолио сайт
Един дизайнер може да иска да покаже на какво е способен като използва внушителна мултимедийна презентация, но потенциалния работодател може просто да желае да разбере кой е той, къде е учил и с какъв вид работа се занимава
Тези цели не са взаимно изключващи се. Всеки един от тези сайтове може успешно да постигне основната си цел, до като в същото време помага на своите потребители. Но ако собствениците на сайта не вземат предвид и двете групи цели, техните собствени и тези на потребителите, тогава всички ще загубят.
В този блог за уеб дизайн можете да намерите много полезна информация ако сте решили да се занимавате с уеб дизайн и програмиране. Също така ще може да срещнете и статии за SEO (search engine optimization) оптимизация. Надяваме се блога да ви допадне и да станете редовни читатли.