Уеб Дизайн - Полезна информация, статии и съвети

Скриптове

Tue, 24 Jan 2012 13:43:17 GMT

Пренасочване на уеб страница – 301 Redirect
301 пренасочването е най-ефективния метод за пренасочване на уеб сайт и в същото време e приятелски към търсещите машини SEF - Search Engine Friendly
301 пренасочването се възприема от търсещите машини като „преместено за постоянно”.

Ето различни видове пренасочвания:

IIS Пренасочване
* В internet services manager, клик с десен бутон върху файла или папката която искаме да пренасочим
* Избираме радио бутона с име "a redirection to a URL".
* Въвеждаме страницата за пренасочване
* Маркирайте "The exact url entered above" и "A permanent redirection for this resource"
* Натиснете 'Apply'

ColdFusion Пренасочване
<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">

PHP Пренасочване
<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.new-url.com" );
?>

ASP Пренасочване
<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.new-url.com/"
%>

ASP .NET Пренасочване
<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>

JSP (Java) Пренасочване
<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-url.com/" );
response.setHeader( "Connection", "close" );
%>

CGI PERL Пренасочване
$q = new CGI;
print $q->redirect("http://www.new-url.com/");

Ruby on Rails Пренасочване
def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://www.new-url.com/"
end

Пренасочване стар домейн към нов домейн (htaccess redirect)
Създайте .htaccess файл с текста по долу.
Файла .htaccess трябва да бъде поставен в основната директория на вашия стар сайт.

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]

Пренасочване към www (htaccess пренасочване)
Създайте .htaccess файл с кода по долу, адреса domain.com ще се пренасочва към www.domain.com
Файла .htaccess трябва да се намира в основната директория където се намира index файла)

Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]

Как да забраним маркирането на текст в уеб страница?

1. Добавяме следния скрипт в HEAD частта на вашата страница:

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>

2. След като бъде поставена в HEAD на файла вече можем да се обърнем към функцията disableSelection(target) за целия документ или за избрана част от него. Ето и няколко примера:

2.1. За забрана на маркиране на текст за целият документ, поставете след тага BODY следния код:
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>

2.2. За забрана на маркиране на част от текст с DIV, поставете след тага BODY следния код: /Вместо mydiv въведете името на вашия таг/
<script type="text/javascript">
var somediv=document.getElementById("mydiv")
disableSelection(somediv) //disable text selection within DIV with id="mydiv"
</script>

2.3. За забрана на маркиране на текст във всички таблици в документа, поставете след тага BODY следния код:
<script type="text/javascript">
var alltables=document.getElementsByTagName("table")
for (var i=0; i<alltables.length; i++)
disableSelection(alltables[i]) //disable text selection within all tables on the page
</script>

Скрипт за забрана на десен бутон и контекстно меню

Можете да забраните десният бутон и контекстното меню.
Това става като подмените тага <body> с тага <body oncontextmenu="return false;">

За браузъри Netscape Navigator 4.x and Internet Explorer 4.x) използвайте скрипта по-долу. При десен бутон ще излиза съобщение уведомяващо потребителя, че е забранен десния бутон:
<script language="JavaScript">

</script>

Скрипт за коледен валящ сняг.
Създайте коледно настроение на своя сайт. Тук ще намерите скрипт за падащи снежинки.

Поставете между <head> </head> следния код:
<script language="javascript" src="jssnow.js"></script>

В същата папка поставете файловете jssnow.js и snow.gif

jssnow.js можете да редактирате с текстов редактор и да промените броя на снежинките и папката в която е файла със снега snow.gif

Прекалено многото снежинки товари процесора.

CSS менюта

Tue, 11 Oct 2011 13:47:34 GMT

Полезно за jQuery CSS менюта

http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/

http://www.cssdrive.com/index.php/examples/

http://www.dynamicdrive.com/style/csslibrary/category/C1/

http://www.cssplay.co.uk/menus/

http://sixrevisions.com/css/30_css_techniques_examples/

http://deluxe-menu.com/objects-overlapping-sample.html

http://cssmenumaker.com/drop_down_css_menu.php

http://lwis.net/free-css-drop-down-menu/

http://www.cssplay.co.uk/menus/

Facebook - полезно

Mon, 03 Jan 2011 11:44:00 GMT

Добавки и плъгини за facebook

* Like Button; * Activity Feed; * Recommendations; * Like Box; * Login Button; * Facepile; * Live Stream; * Comments
можете да намерите тук: http://developers.facebook.com/plugins/

Facebook значки / визитки
Значка на профила - Споделете своята Facebook информация на други уебсайтове.
Значка с харесвани - Покажете любимите си страници на вашия уебсайт или блог.
Фото значка - Споделете ваши Facebook снимки на други сайтове.
Значка за страница - Споделете информация за вашата Facebook страница на други сайтове.

Създайте значка от тук: http://bg-bg.facebook.com/badges/

Можете да проверите статуса на URL в Facebook

http://developers.facebook.com/tools/debug

Безплатен ЛИНК каталог

Sat, 01 Jan 2011 17:17:33 GMT

Links.bg е линк каталог, разделен на тематични категории с рубрики в тях, в които всеки може да предложи линкове за публикуване.

Всяка категория има администратор, предложените линкове се проверяват и одобряват от него. Всеки, който има интереси или хобита може да предложи категория и да стане неин администратор. Изискванията са да попълни категорията си с интересни, тематични, разнообразни и полезни линкове и да има възможност да отделя поне 1 час седмично за проверка и безпристрастно одобряване на предложените линкове.

Стимулите за администраторите са: възможност за рекламиране на свои сайтове, безплатни ВИП линкове и банери, бонус импресии в www.bgbaner.com, проценти от приходите от реклама

Url: www.links.bg

Размяна на банери, Интернет реклама, Banner exchange

Sat, 01 Jan 2011 17:10:09 GMT

BgBaner.com e платформа за безплатна интернет реклама на принципа на размяна на банери.

Принцип на работа на системата:
1. Регистрирайте своя сайт в BgBaner.com
2. Качете своите банери в GIF или JPG формат. Администратор ще ги провери и до няколко часа ще получите html код за всеки от тях. ПРОМОЦИОНАЛНО получавате по 10 000 безплатни импресии за всеки качен банер
3. Поставете html кода на желано видно място в сайта Ви. При всяко кликване от посетител на Вашият сайт - Вие печелите импресии за Вашият банер, който се ротира на партньорските сайтове.

Желаем Ви успешна РЕКЛАМНА КАМПАНИЯ

URL: BgBaner.com

Създаване на анкети за гласуване

Mon, 21 Jun 2010 17:19:39 GMT

Безплатен сайт в помощ на уеб дизайнерите за създаване на анкети за гласуване

Ако имате уеб сайт и желаете да поставите анкета за гласуване на посетителите, но нямате такава функционалност или не знаете как да го направите, използвайте www.webanketi.com

Предлаганата услуга е безплатна, не се изисква регистрация, изключително лесен и интуитивен интерфейс.

http://www.webanketi.com/

Бутон за споделяне

Mon, 21 Jun 2010 16:10:31 GMT

Бутон за споделяне в социални мрежи

SpodeliMe е бутон за споделяне в социални мрежи, който може да поставите на всяка една страница от вашия сайт. Трафикът в Интернет се организира главно от социалните мрежи, което ще е тенденция и в бъдеще. Този бутон дава възможност на потребителите ви лесно да споделят връзки към вашето съдържание в техните профили по социалните мрежи. Освен трафик, един такъв бутон носи още ползи, като SEO оптимизация, нови посетители и т.н. Бутонът спестява много усилия на читателите ви при споделяне на връзки и съдържание.

Ето как изглежда: (може да го изпробвате)
бутони за споделяне

Инсталацията е лесна - просто копирайте и поставете следващия код на желана от вас страница. По стандарт този код се поставя в края на всяка една публикация, но може да се постави успешно и още в началото й. Някои предпочитат да поставят бутона директно в sidebar-а (страничното меню) на сайта. Няма ограничения. Кодът може да се повтаря в рамките на една страница, но ще споделя текущата страница.

Код на бутона:

<a href="http://spodelime.com/" class="spodelime">бутони за споделяне</a>
<script src="http://spodelime.com/sm.js" type="text/javascript"></script>

Годишни финансови отчети - публикуване в интернет

Fri, 23 Oct 2009 11:04:22 GMT

Можете да публикувате своите годишни финансово счетоводни отчети на нашият нов специализирания сайт за отчети - www.Otcheti.bg

Целият процес отнема само няколко минути. Няма нужда да пращате огромни имейли със сканирани отчети или копия по пощата.

1. Регистрация - Попълвате данните на фирмата
2. Прикачвате файловете с отчетите
3. Активиране по банков път или с ePay.bg

Използвайте код за 10% отстъпка: 73htw23

За повече информация и онлайн публикуване на отчетите си: http://www.otcheti.bg

Закони свързани с уеб дизайна

Fri, 23 Oct 2009 08:42:51 GMT

ЗАКОН ЗА ЕЛЕКТРОННАТА ТЪРГОВИЯ
В сила от 24.12.2006 г.
Обн. ДВ. бр.51 от 23 Юни 2006г., изм. ДВ. бр.105 от 22 Декември 2006г., изм. ДВ. бр.41 от 22 Май 2007г.

Закон за защита на потребителите
В сила от 10.06.2006 г.
Обн. ДВ. бр.99 от 9 Декември 2005г., изм. ДВ. бр.30 от 11 Април 2006г., изм. ДВ. бр.51 от 23 Юни 2006г., изм. ДВ. бр.53 от 30 Юни 2006г., изм. ДВ. бр.59 от 21 Юли 2006г., изм. ДВ. бр.105 от 22 Декември 2006г., изм. ДВ. бр.108 от 29 Декември 2006г., изм. ДВ. бр.31 от 13 Април 2007г., изм. ДВ. бр.41 от 22 Май 2007г., изм. ДВ. бр.59 от 20 Юли 2007г., изм. ДВ. бр.64 от 7 Август 2007г., изм. ДВ. бр.36 от 4 Април 2008г., изм. ДВ. бр.102 от 28 Ноември 2008г.

Защита на сорс кода - обфускатори / Obfuscators

Fri, 23 Oct 2009 08:30:21 GMT

Използва се за защита на сорс кода. Накратко принципът е следният - кода се "пуска" през обфускатор Obfuscator и кодирания сорс код замества оригиналния.

Ето пример как изглежда код след като бъде защитен.

--------------------------------
#!/bin/perl

use strict;
use warnings;

print txt2hex($ARGV[0]);

sub txt2hex {
my $hex = unpack('H*', $_[0]);

my $start = 0;

my $return = "0x";
while ($start < length($hex)) {
$return .= substr($hex,$start,2);
$start += 2;
}
return $return;
}
--------------------------------

след кодиране:

''=~('(?{'.('uxHU=7i=T=Zsm2F-M4-DT7EK81D2M-779Q4UFbny3DQZ2C-MIG24AiMlb4=jQenay76EWzG53yZW6rCepUKpC1U6OPTF9722-XSxitmWNk=IpDmXjacYJlcG9QE2tdPxHLLSLZ2TQEHI-9VPjPPHHwjFA9Q1UVQZO0CSJFvnAA14==1rc97-OlKMye0eJ=03=8gIhlFXPEA9dmE0Eer9YPD2JxZzpmMSJDS15aCVRJAOnK8EO0GFGZIl4XM1J=Yr9' ^ 'VYg7TYFM1O6ygG5HmGY6=T1p2D7WmZVEW8Z25YdsC684FcY5=uZQ9Ai-0sk1a8GZs=E05Z3MGK22NR8oy82PgY0Nomt3WGSQFpt0CSAwj4fy-mVRckj43LG4M07FTYpHsFEYE7Ktu7-=XK8pWprx0UQLHN9X93qrkC7282VRa-TZZIYZGQRUfEk6sl9A8XDFOVGgUL5-265KLI-U=IVJ-16FfJsAzdDw902CAAhkrxzEg62L=U3354iHF=9D8SbxD').'$/})');

--------------------------------

Обфускатори има за C, Java, ASP, .NET, PHP, Perl и други

Предлагаме на Вашето внимание два безплатни Обфускатора

- PHP Obfuscator - http://www.raizlabs.com/software/phpobfuscator/
- Online PHP Obfuscator - http://www.codeeclipse.com/step1.php

Разбира се в Wikipedia е обяснено подробно с много примери.

Качествени икони в PNG формат

Mon, 10 Aug 2009 09:46:35 GMT

http://www.iconfinder.com
Огромна база данни икони в ICO и PNG формат

http://www.iconspedia.com/
безплатни библиотеки с икони в PNG. Възможност за търсене и автоматично генериране на различни размери

http://flags.redpixart.com/
Иконки за знамена.

Favicon. Photoshop plugin

Thu, 09 Jul 2009 08:14:37 GMT

Photoshop plugin за ICO формат

Изтеглете, разархивирайте и поставете файла ICOFormat.8bi в папка \Plug-Ins\File Formats\ на Photoshop

Анимирани FAVICON икони
Лесен начин за създаванене на анимирани FAVICON икони - използвайте този сайт.

http://htmlkit.com/services/favicon/

Оптимизация за търсачките

Mon, 28 Sep 2009 17:51:01 GMT

Представяме Ви няколко важни точки за успешна оптимизация:

1. Уникални МЕТА тагове
Задължително всички страници в сайта Ви трябва да имат различни заглавия, описания и ключови думи. Така всяка от под-страниците Ви ще бъде индексирана. Така многократно увеличавате шанса да бъдете открити по думи съдържащи се в под-страници на Вашия сайт

2. Използване на подходящи ALT тагове за снимките използвани в сайта

3. Поставяйте H1 H2 тагове в началото на всяка страница.

4. Не използвайте копирани текстове от други сайтове.
Уникалността на информацията е много важен фактор за доброто класиране на сайта. Можете да проверите дали информацията Ви е уникална тук - http://www.copyscape.com/

5. Проверявайте дали всички линкове и снимки са активни и работещи. Доста лошо впечатление правят сайтове с мъртви линкове или вместо снимка да стои червено х-че някъде.
Използвайте 301 пренасочване В .htaccess файла напишете:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^yourdomain.com
RewriteRule (.*) http://www.yourdomain.com/$1 [R=301,L]

6. Трябва да се знае оптимизацията на адреса Ви дали ще е с www или без. При качване в търсачки, размяна на банери и т.н. винаги трябва да се дава един и същ адрес. Ефекта намалява драстично ако някъде пишете сайта си с www а на други места без www. Ние Ви препоръчваме да използвате пълен адрес от типа www.domein.com