Основни html кодове

Основни  кодове за изграждане на една html страница по азбучен ред



<!-- --> Създава коментар в страницата, който  се вижда само в HTML кода
<a href> Създава линк към друга страница, елемент, или към част от същата страницата
<a name> Създава линк към някоя точка от същата страница
<address> Определя сигнатура или адрес в страница
<applet> Начало на java аплет
<area> Дефинира петно от карта на изображение, което служи като препратка.
<audioscope> Дефинира визия за графично представяне за звук когато се гледа телевизия през интернет
<b> текста в тага е с удебелен шрифт
<base> Дефинира базовия URL адрес вътре в кода на страницата
<basefont> Дефинира размер, цвят и font за цялата страница. Базов шрифт
<bgsound> Добавя фонова музика на страница, записана, примерно в midi или wav файл.
<big> Кара текста да стане по-голям от базовият с една единица.
<blackface> Увеличава текста двойно за телевизия по интернет.
<blink> Прави текста мигащ
<blockquote> Отмества надясно блок от текст.
<body>  Общото предназначение е да дефинира тялото "<body>" на страницата, в което е това което трябва да се вижда. Тага може да се разшири, като дефинира фон на страницата, размер и цвят на текст,линк, посетен линк.
<bq> Отмества блок от текст надясно, но се ползва само във WebTV.
<br> Прекъсва текущия ред. Текста или картинките, примерно, се показват на следващия.
<caption> Създава заглавие на таблица.
<center> Центрира група от текст или графики.
<cite> Прави пасаж от текст на курсив.
<code> Форматира текст със шрифт с фиксирано разстояние между символите.
<comment> Слага коментари в HTML страница и ги скрива.
<dd> Отмества текста навътре ако е изплозван в <dl> таг.
<dfn> Дефинира термин(тема).
<dir> Създава малък списък от неща в единична колона.
<div> Дефинира слой в зависимост от стиловото му поле. Представя различни секции от текст. Контейнер за други HTML елементи.
<dl> Показва списък от термини и дефиниции.
<dt> Дефинира термин(тема) в <dl> списък.
<em> Показва пасаж текст с курсив(наклонен обикновено).
<embed> Вмъква обект в страницата. Примерно звуков файл, флаш или .AVI филмче
<fn> Създава именувано място в страницата или линк както прави <a name> тага.
<font> Определя  големината, цветя и шрифта за заградения текст. Дефинира атрибути на шрифта.
<form> Дефинира страница или пасаж текст, които ще бъдат форма за въвеждане на данни.
<frame> Дефинира фрейм <frameset> таг.
<frameset> Дефинира атрибути на страница, която ще използва фреймове.
<h1> ... <h6> Показва текста като заглавие с по-големи букви .
<head> Дефинира заглавната част на документ.
<hr> Създава хоризонтална линия.
<html> Специфицира че документа съдържа HTML.
<i> Показва текста в курсив (наклонен надясно).
<img> Вмъква изображение, изображение карта или анимация.
<input> Дефинира входно поле във форма.
<isindex> Създава заявка за индексиране.
<kbd> Показва текста с шрифт с фиксирана ширина.
<li> Създава подточка или нова линия, когато се използва в <dir>, <menu>, <ol> и <ul> таговете.
<limittext> Указва максималната ширина на текста, когато се ползва за WebTV.
<link> Създва организация за навигация на серия документи . Вмъква скрипт файлове или стилови полета.
<listing> Преформатира блоковете текст в листинг, за да бъдат показани с шрифт с фиксирана ширина.
<map> Дефинира карта за изображение, която работи от страната на клиента.
<marquee> Създава линия скролиращ текст, ако се гледа с MS Internet Explorer.
<menu> Създава списък.
<nobr> Предотвратява прекъсването на редовете в текст или серия картинки.
<noframes> Дефинира съдържание, което ще се види, ако потребителя има браузър, който не поддържа фреймове.
<ol> Дефинира начало и край на списък. Подреден.
<option> Създава списък от точки, които потребителя може да избира.
<p> Дефинира началото и края на параграф.
<plaintext> Показва текст с шрифт с фиксирана ширина.
<pre> Преформатира блокове текст с шрифт с фиксирана ширина. .
<s> Показва текста задраскан с линия в средата.
<samp> Показва текст с шрифт с фиксирана ширина.

<script> Дефинира началото и края на скрипт (JavaScript ili VBScript).

<select> Създава списък от точки, които потребителя може да избира.
<server> Друг начин за правене на анимация от сървъра.
<small> Показва текста с 1 по малък от този по подразбиране.
<strike> Показва текста задраскан с линия в средата.
<strong> Показва текста с удебелен шрифт.
<sub> Показва текста в субскрипт. (умален и долу, като индекс)
<sup> Показва текста в суперскрипт.(умален и горе, като степен)
<table> Създава таблица.
<td> Дефинира клетка в таблица.
<textarea> Създава текстово поле.
<th> Дефинира заглавие на таблица.
<title> Дефинира заглавие на страница.
<tr> Дефинира ред в таблица.
<tt> Показва текст с шрифт с фиксирана ширина.
<u> Пказва текста подчертан
<ul> Показва неномериран списък
<var> Показва текста в курсив(наклонене надясно).
<xmp> Показва текст с шрифт с фиксирана ширина.

Портфолио за уеб дизайн

Уеб сайтът е електронна визитка на всяка дейност. Но електронната визитка не е само координати за контакти. Уеб сайтът има всестранни възможности за представяне на продукти и услуги по прегледен и атрактивен начин. Уеб сайтът работи за вас дори когато спите, защото е 24 часа на разположение на вашите клиенти.

 Портфолио за уеб дизайн 

Още интересни приложения за уеб сайт: Картички и късметчета

 

Поръчайте своя уникален уеб сайт, изготвен специално за вашия бизнес. Вашият сайт няма да прилича на никой друг, ще е съобразен с вашия вкус и потребности.
За контакти: viatans@abv.bg

Авторското право

Уважавате ли авторското право? 

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

Интересен е факта, че точно авторите, чиито творби най-много харесваме и най-много ощетяваме. Логично е, никой няма да взема, ползва неща, които не харесва.

Веднага ще се чуе оправданието : Нямаме пари ... Вярно е, криза е не можем да си позволим доста неща, но пък това не е оправдание да извършваме посегателства.

Да поговорим конкретно за авторското право в Интернет. Доста от материалите в Интернет са безплатни. Всеки качва някакви свои материали и ентусиазма си не пише правата за ползване. Това означава ли, че трябва да му се ползват материалите безвъзмездно за лична изгода?

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

Правилото е: посочва се автора и източника - така е редно.

Посочвайки източника и автора,  в процеса на ново и ново споделяне на даден материал, няма да се изгуби първоизточника и един ден най-хубавите материали в Интернет, на които всички се радваме да пише: Автор неизвестен

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

Нека помислим върху тези неща -  един момент се явяваме читатели, а в следващия автори.

За да е позитивно присъствието ни в Интернет е хубаво трябва да спазваме някакви правила на правилна комуникация, отношение и в частност при ползване на чужда материали да уважаваме авторското право, като посочваме автора и източника.

Понякога се оправдаваме и : Не знаех, че трябва... 

Затова е тази статия, за да се знае, че трябва да се уважава авторското право, независимо дали авторът изисква това. А по-подробна статия за ползване на авторското право в Интернет ще напишем по-нататък.

Автор:  SEO Супермен

Полезни Google инструменти

 Полезни Google инструменти

Калкулатор - За да използвате тази функция на Гугъл  въведете задачката в полето за търсене и натиснете enter.  Може да решавате прости и сложни задачи, функции, конвертиране и т.н. Не  трябва да се използват интервали.

Конвертор - Подобно на функцията калкулатор  и конвертора работи, като се въведе търсената величина в полето за търсене. Синтаксиса е следният: 10 мили в километри и резултата е: 10 мили = 16,09344 километра. При конвертирането можете да използвате и съкращенията на мерните единици (км, см, мм, кг и т.н.).
 Още един интересен трик с който можете да превръщате и смятате с всякакви мерни единици, например: 3 miles + 7 kilometers in kilometers, това ще даде моментален резултат в километри. Много лесно и полезно трикче. Освен това можете да смятате задачи от сорта 5*5(25-16) и т.н. За умножение можете да използвате както „*” така и „х”.
Правопис – въведете думата в полето за търсене и гугъл ще ви покаже правилното изписване

Карти – Заявката: карта на София ще ви върне картата на гр. София извлечена от картите на Гугъл.

Точен час – Ако искате да видите точния час в момента,  напишете в полето за търсене „time in ____” и google автоматично ще покаже колко е часът във вашата часова зона. Ако пък желаете да проверите колко е часа в някоя друга страна просто напишете “time in japan” например .

Времето – Времето в момента можете да видите с командата “weather in ___”, а ако искате да разберете какво е времето в някой друг град, след командата напишете името на града, например “weather in Varna”, само с един клик на мишката превръщате температурите от Фаренхайт към Целзии.
Проследяване на доставка – Ако очаквате доставка от UPS, FedEx, или от  U.S. Postal Service, само с въвеждането на проследяващия номер на доставката, google ще изведе линк с информация за текущото местоположение на вашата кутия, както и с останала информация предоставена от куриерската компания, превозваща я.

 Спортни резултати - За да видите резултатите и програмите на различни отбори, въведете името им или това на групата, в която са, в полето за търсене.

 https://www.google.bg/intl/bg/help/features.html#reference
дефине - тълкуване на думата

Вижте още Google команди за ефективно търсене

Баланс между текст и картинки

В един добър сайт трябва да има баланс между текст, картинки, видео, флаш и други елементи.

Ако в сайта има само текст, той ще изглежда скучно и непривлекателно, колкото и да е добър, като съдържание текста. За търсачките няма проблем, той ще намира по доброто съдържание страниците на такъв сайт. Част от потребителите достигнали до него ще бъдат доволни, ако са намерили информацията, която търсят, но може да не се завърнат повече, не открили нищо друго интересно, което да привлече вниманието им. Цветовете въздействат върху хората, затова картинките са привлекателен акцент и онагледяващо изразно средство в сайтовете.

Ако текстът е дълъг, това го прави трудно за четене. Текста трябва да се раздели на абзаци, да се използва удебеляване,  подчертаване, оцветяване, наклонен или различни шрифтове и големина на буквите за да има акценти в него. Разбира се с тези текстови ефекти не бива да се прекалява, както и с някои по-атрактивни текстови ефекти: мигащ и скролиращ текст.

Ако текстът е твърде малко, страницата изглежда празна, което е неуютно.

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

Най-добре е когато има баланс между картинки и текст, съобразен с същността на сайта. Ако сайта е информативен превес ще има текста, а картинките ще са семпли акценти, или илюстрации на съдържанието. Ако сайта е галерия, преобладаващи ще бъдат изображенията, но добре класифицирани, описани и с нужните атрибути.

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

Име на картинката :

title="име на картинката"

Текст, който се появява, ако изображението не се зарежда или е информация за не зрящи потребители:

alt="картинка"

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

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

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

Освен това,  всички графични, видео, звукови файлове трябва да бъдат минимални като обем, за да не затрудняват зареждането на страницата.

Автор:  SEO Супермен

Google команди за ефективно търсене

По-малко популярни Google команди за по-лесно и ефективно търсене или допълнителна функционалност. Как да търсим по-лесно и ефективно за конкретни резултати в Googlе?

„“ – търсене на точен словоред (фраза). Ще бъдат пропуснати резултати, ако между търсените думи има дори един знак повече.

site: – класиране site:seo-supermen.com ще търси думата „класиране“ в сайта seo-supermen.com. Можете да определите само домейна, по който да се филтрират резултатите, например: класиране site:.com. Това търсене би показало откритите резултати само в сайтове, с домейн .com Не трябва да има интервал между site: и условието (класиране site:seo-supermen.com) seo-supermen.com - това ще ви покаже броят индексирани страници от съответния сайт.

 + - В търсенията се използва речник от синоними и резултатите често може да са твърде много и прекалено разнообразни. За да укажете, че искате да се търси точно и само тази дума то можете да поставите + пред нея, като оставите интервал между знака и думата. Същия резултат може да се постигне и при търсене на думата, оградена от кавички.

 -  – Знака „Минус“ може да се използва по следния начин: шрифтове - серифни. В този пример google ще ви изведе всички сайтове, в които има думата шрифтове и ще изключи от тях тези, които имат и думата серифни. Т.е. google ще ви намери сайтове, в които има думата шрифтове и няма думата серифни. Задължително пред знака "Минус" трябва да има интервал, понеже ако няма интервал шрифтове-серифни , то минуса се счита за тире.

 * – маска. Този символ може да се използва, когато търсите фраза, но някоя или част от думите може да бъде в различен вид. С поставянето на * на дадено място, google ще намери резултатите с различни думи на мястото на маската. Например: магазин за * ще ви върне резултати за магазин за дрехи, техника, хранителни стоки и т.н. Тази маска работи само за цели думи, не можете да я използвате за дописване на дума.

 ~ – Този знак може да се използва, когато освен посочената от вас дума, допускате и синоними: ~радвам ще ви върне страници съдържащи освен посочената дума, така и нейни синоними и разновидности.Например – радвам, смея се, щастлив, радостен, радост и т.н.

 ..  – Двете точки служат да задавате определен интервал на цифрите в съдържанието на страницата. Това е полезно, ако търсите по цена, дата или в друг подобен интервал от цифри . Например цена: книги 2..5 Важно е в определянето на интервала да не допускате интервали.

OR – Тази команда можете да използвате, за да търсите резултати с два параметъра. Например дрехи OR обувки Това търсене би ви върнало като резултат страници, които съдържат търсените думи Fiat Tipo и имат или 1992 или 1993 в съдържанието си. OR оператора винаги трябва да е с главни букви.

allinanchor – Ако започнете заявка с allinanchor, например allinanchor:SEO ще получите страници в които има линк с този текст.

allintitle - Когато използвате командата allintitle:news Google ще ви покаже всички страници, които имат в заглавието си „news“. Ако търсите две думи, в резултатите ще влязат само страници, които имат и двете търсени думи в заглавията си.

allintext - Със заявка allintext:информация като резултат ще получите всички страници, които съдържат в текста си думата информация.

allinURL – allinURL:seo Такава заявка ще ви върне страници, които имат в url адреса си думата seo. Може да получите страници само с едната дума, с двете думи, но не в посочения ред. Също така резултатното url може да съдържа в себе си не точно посочената дума, а използвана такава като корен.

author - За да намерите публикациите от даден автор напишете командата author:primer и добавете автора.

inURL - inURL:business success ще покаже в резултат страниците, които съдържат business  в url адреса си и success в останалата част от съдържанието на сайта (включително и в url-то). Не трябва да има интервал между командата и думите за търсене.

intitle - intitle:google commands. Гугъл ще покаже страници, които имат google в заглавието си, а   думата commands в съдържанието на страницата. Не трябва да има интервали.

cache – Командата показва кешираната версия на началната страница.  Изписва се по  следният cache:seo-supermen.com Ако напишете думи за търсене cache:business success то те ще бъдат подчертани в резултатите от кеширани страници.

Link - link:seo-supermen.com. Тази команда показва страниците, които имат линк (връзки) към началната страница на  сайта seo-supermen.com . Тук също не трябва да поставяте интервал между командата и условието.

related – За да намерите страници подобни на зададената използвайте тази команда. Синтаксис е следният: related:seo-supermen.com

info - info:seo-supermen.com – показва информация за началната страница на seo-supermen.com

define – Ако напишете define:seo ще се покажат резултати за подадената дума, взети от различни сайтове, директории, портали и т.н. В случая за думата seo.

FileType - Ако искате да намерите файл в определен формат, можете да го направите с тази команда. Примерен синтаксис: бланка filetype:doc ще намерите файлове този формат , които отговарят на съответната търсена дума. Можете да използвате и оператора OR за да разширите търсени типове файла. Например бланка filetype:PDF OR filetype:DOC за файлове от тип pdf и doc.

Ако пишете няколко думи, винаги пишете първо по-важната, а следващите са за допълнение.

Ако съобразите тези условия ще спестите доста време в ровене из неправилните резултати.

Надяваме се с допълнителните команди за търсене в Google, по-точно, бързо и ефективно да намирате каквото търсите. Вижте още Полезни Google инструменти

Добро отношение към клиента = успешен бизнес

Доброто отношение към клиентите
 е най-важно за успешен бизнес

      Уж всеки бизнесмен знае това важно за бизнеса правило, че с добро отношение към клиента се постига успешен бизнес, но на всеки от нас се е случвало да бъде клиент в магазин, фирма, офис с не дотам добро отношение към клиентите. Сблъсквали сме се с всякакво отношение – добро и културно или напротив – нелицеприятно, нервно. На никого не му е приятно да бъде обслужван от нервен служител, все едно му се карат. Подобно отношение въобще не е професионално и никой не трябва да се държи по този начин с клиентите си – това си е и правило №1 при обслужването.

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

      Независимо дали клиента е прав или греши той трябва да бъде правилно, професионално обслужен – това си е като закон в това ниво на контакти: фирма – клиент. Чрез това обслужване могат да се направят много добри изводи какво представлява самата фирма, бизнеса който развива. За пример може да дадем един от телекомуникационните оператори – имат силни PR-и, ползват постоянна реклама в най-големите медии, спонсорират всичко, но когато влезеш вътре в техните офиси – се оказва, че нещата не са толкова розови. Именно за това хората правят съответния бизнес, а не лъскавата реклама и скъпо платените PR-и.

    Много хора имат бизнес или искат да започнат такъв. Това е хубаво и насърчително, но трябва навреме да разберат това отношение. Първо – те самите да го прилагат в своето ежедневие и контакти с околните, с другите, и след това да подберат и ако е необходимо да научат своя персонал как да се отнася с клиентите. Защото в своята комуникация, независимо дали това ще е собственика на фирмата – т.е. вие, или ваш служител – имайте предвид, че преди всичко когато продавате нещо, вие продавате първо себе си. След това продавате фирмата и едва накрая следва стоката която предлагате. Самият аз, когато посещавам магазин или пазар избирам да пазарувам само и единствено от продавачи, които са усмихнати, имат добро отношение с клиента, знаят как да реагират и какво да направят, помагат ако е необходимо. Даже и пред неговия щанд да има опашка, а същата стока я има на съседния щанд – аз избирам да чакам, но искам да бъда добре обслужен, с усмивка и настроение и ако не знам нещо да ми се помогне. Когато споменавам “усмивка” – имайте предвид, че много добре си личи фалшивата усмивка от истинската.

      Как ще сложиш някоя “нервна лелка” да ти поема клиентите? Това като факт говори много лошо и за фирмата и за нейния собственик, и не на последно място за бизнеса който развива.

      Хората на подобна длъжност трябва да знаят, че те представляват лицето на фирмата и докато се намират на този пост те представляват самата фирма, за която работи. Където и да се намираш, каквото и да правиш, каквото и да говориш – ти винаги си представител на своята фирма. И това не е пресилено. Всички сме били свидетели как някой, който разнася стока с фирмена кола, или има опознавателни знаци на своята фирма и показва недобро отношение, как независимо от ситуацията – намира се на друго място, на пътя, в магазин, на улицата, но крещи, псува, ръкомаха, обижда... . Какво ви говори това? Най-малкото – служителите на подобна фирма са нервни, невъздържани, не могат да се контролират. От своя страна шефа, собственика на съответната фирма също не може да контролира своите подчинени и почти сигурно и вследствие на това вече можем да се съмняваме в качествата на продукта, който предлага тази фирма. Защото от подобна ситуация може да се направи преценка за целия бизнес.

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

      Никога не си показвайте характера, защото това ще се използва против вас. Независимо къде се намирате и какво правите – дали сте на конференция или бизнес среща, дали обслужвате клиент на адрес или продавате стока.

      Ако продавачите, които наемаме в нашата фирма са нервни и не обслужват добре клиентите, те няма да влизат при нас, ще предпочетат да отидат при конкурентите които предлагат същата стока като нас, вследствие на това продажбите ще намалеят, нашия бизнес ще западне и ще бъдем принудени да намалим заплатите на служителите си, а даже и в някой случаи и да уволним някой, който системно не показва професионално отношението към клиентите.            Бизнесът зависи от отношението към клиентите в неговата цялост – като се почне от собственика на съответната фирма и се стигне до човека, който е зад щанда и приема поръчки и продава стока. И най-качествения продукт трудно би се продавал с лошо отношение, затова един от главните принципи на всеки бизнес е: Клиентът винаги е прав.

   Интересни дискусии за бизнеса можете да намерите във форума на предприемачите, където споделят опит и идеи.

Автор:  SEO Супермен 

      Статията е писана за този сайт, забранено е копирането в други сайтове!