Преди няколко дни екипът ни успешно завърши поредния уеб дизайн проект – уеб сайта www.motokari.com. Изпълнението е на Drupal платформа, а дизайна е наша изработка. Сайтът е тип продуктов каталог, като има и опция за онлайн разплащане, която ще пуснем в действие когато клиента ни „Мотокар Сервиз ООД“ пожелае. Продуктите са разпределени в няколко категории, като основните са: мотокари, електрокари, газокари и складова техника.

Заложили сме и SEO оптимизация и регистрация в директории и уеб каталози, която ще стартираме след няколко дни.

С навлизане в така наречения отпускарски период, неочаквано работата ни по уеб дизайн и SEO проекти доста се увеличи. За последният месец успяхме да завършим няколко обещаващи seo и web design проекти.

На първо място това е сайта за мотокари, електрокари, газокари и складова техника на Мотокар сервиз ООД. Уеб страницата е изработена на Wordpress платформа, а темата е изработена специално за този проект. Тъй като страницата беше завършена преди повече от месец, вече може да се похвалим и с първите SEO резултати. Няколко дни след старта уеб сайта убедително зае първите места по основните си ключови думи (мотокар, мотокари, електрокар, газокари, складова техника). Сега предстой оптимизация по вторични ключови думи който клиента ни пожела.

Другият завършен проект е на строителна фирма „Pro Building“. Отново изпълнен и завършен с авторска wordpress тема. Тук SEO оптимизация не е заложена, но все пак уеб дизайна беше пуснат няколко дни преди поредния PR update и ни изненада приятно с взимането веднага на PR4.

Последен беше пуснат уеб дизайн на страницата на фирма за транспорт и автосервизни услуги ЕТ „СЕТ-Стойчо Михалев”. Сайтът беше изработен сравнително бързо, повече време ни отне уточняване на детайлите и малки промени от страна на клиента. В момента изчакваме да мине малко време и ще започнем регистрация в директории и набавяне на линкове.

Със задоволство можем да отбележим, че въпреки очакванията за слаб сезон ,вследствие на задълбочаващата се криза, при нас работата бележи подем и имаме доста поръчки, които ще запълнят времето на екипа ни през иначе неактивния SEO и уеб дизайн период.

Както сте забелязали, блога ни от няколко часа e с чисто нов уеб дизайн. Изработката на графичния дизайн ни отне около 2 дни с нарязването и coding-a. Layout-a е liquid, тоест в зависимост от разделителната способност на монитора се разпъва на цял екран. Използвахме и малко CSS 3 елементи, нищо че някои браузъри (предимно IE) все още не поддържат заоблените блокови елементи. Общо взето се получи точно това което очаквах и всички сме доволни от добре свършената работа.

До няколко дни ще качим новия дизайн и на основния сайт, първичната SEO оптимизация приключи и е време всичко да влезне в употреба както е планирано.

Здравейте, след като последните ни няколко статии бяха посветени предимно на SEO и оптимизация, ще се опитаме в няколко поредни статии да разгледаме дългоочаквания и почти готов CSS3 (cascading style sheet 3).

Ще започнем от самото начало понеже някой от вас може би чуват за първи път за това чудо наречено CSS3.

Какво е CSS3?

CSS3 предлага огромно разнообразие при подреждането и изпълнение на една уеб страница. Добавени са няколко нови модули и функции, като opacity, transparency и др.

Модулите:

Разработката на CSS3 ще бъде разделена на модули. Специалистите са преценили, че старата версия е прекалено обемна и комплексна за да се ъпдейтва като едно цяло, затова саразделили всчко на малки части. Някои от тези модули включват:

• The Box Model
• List модул
• Презентация на хиперлинкове
• бекграунди и бордъри
• ефекти на текста
• color level

Може да видите пълен списък с модулите тук.

Някой от новите завършени модули са: SVG (Scalable Vector Graphics), Media Queries и Namespaces. Все още никой не се наема да даде прогноза кога най-популярните уеб браузъри ще започнат да поддържат CSS3 – последните версии на Сафари и Мозила обаче вече поддържат няколко от модулите.  Разработчиците и специалистите са категорични, че се иска поне още една година преди всичко да влезне в масова употреба.

Как ще ни се отрази CSS3?

Да се надяваме, че ще е позитивно.  Както се предполага, той е напълно съвместим и покрива функциите на стария си събрат CSS2, така че няма да се налага промяна или редизайн на съществуващи сайтове.

Основното предимство ще бъде възможността да се използват новите селектори и опции, които позволяват използването на преливки (gradients),  анимации и направата на една страница доста по лесно ( чрез използване на колони).

В следващите статии от CSS3 сериите ще разгледаме някои от основните модули и техните функции. Част 2 ще засегне CSS3 borders.

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

С прости думи, tableless уеб дизайн в основата си е метод, на оформление и контрол на страницата без използването на HTML таблици, а с блокове и текста и останалите елементи на страницата се подреждат чрез CSS (Cascading style sheet – каскадно свързан стилов лист). Този език е плод на въображението на W3C (World Wide Web консорциума). Той е проектиран по такъв начин, че да се подобри достъпа до интернет, както и за използване на HTML повече за семантични, а не презентационни цели.

Едно от основните неща което е популяризирало tableless уеб дизайна последните години е нарастващото в пъти използване на техники от SEO (оптимизация за търсачки). С все повече „поумняващи“ търсачки като Google и Yahoo! всички се стремят да класират уеб сайтовете си на върхова позиция при търсене за определени думи. Как се постига такава оптимизация? Една от първите стъпки е кода на уебсайта да е приятелски настроен към ботовете на търсачките.

Търсачките използват различни техники за индексиране на всички съществуващи уеб сайтове. Въз основа на тези различни техники, те определят на ранга на всеки уеб сайт. Колкото по-висок е ранга на страницата, толкова повече шансове ще бъде да е високо в резултатите от търсенето. Колкото по-високо е класирането на сайта, толкова повече шансове, че хората ще го посещават.
Тук е едно от най-големите предимства на XHTML дизайна, използвайки го, кода ви ще е семантичен и разбираем за търсачките, а външния дизайн няма да се промени почти с нищо, разбира се ако е изработен професионално.

Така че какво да кажем за таблиците? Уеб дизайнери, които все още отстояват използването на таблици, настояват че те правят процеса на проектиране и изработване по лесен и за по-малко време. Освен това те твърдят, че таблиците са по-съвместими с различните уеб браузъри. От друга страна, противниците на tableless формати твърдят, че табличните дизайни не се придържат към уеб стандартите и уеб достъпността. През годините, хората са се опитвали да изработят стандарти, които се основават на логиката, и те ще са по-лесни за използване от всички занимаващи се с уеб дизайн. При определяне на стандартите са взети под внимание всички – читатели, ботове, мобилни устройства, както и много други елементи. По тази причина tableless формата постепенно излиза от употреба.

И така нека да обобщим, кои са предимствата на XHTML пред HTML:

• Световния консорциум за уеб дизайн (W3C) налага използването на XHTML
• Практически всички браузъри в употреба днес използват външни CSS фаилове за контролиране на оформлението. Като такъв, вашият сайт ще бъде съвместим с повечето браузъри.
• По-лесно е да се правят глобални промени на оформлението с използването на CSS. Това е, ако кодирането е направено правилно, разбира се.
• Уеб сайт за достъпност на хора със специални нужди се осъществява по-лесно с правилното прилагане на съдържание в XHTML документи. В този случай, CSS отново се използва само за оформление и стил.
• Tableless формати се индексират по лесно от търсачките и всеки SEO специалист ще ви ги препоръча, ако ви се наложи да оптимизирате уеб страницата си.

И като заключение: tableless форматите са все по-широко използвани в уеб страници с променящо се съдържание и честа смяна на външния дизайн и стил. Това не означава непременно, таблиците да не се използват вече, те просто не са оптимални за нуждите на съвремените уеб дизайнери.