Начало

Пакети

Изберете най-подходящия пакет за вашия бизнес!
  • "Корпоративен сайт"

  • "Автокъща"

  • "Персонален сайт"

  • "Ел. магазин"

  • Вижте всички пакаети!

    Услуги

    Всичко, от което имате нужда за да успеете в Интернет
  • Уеб дизайн

  • Интернет маркетинг

  • Флаш дизайн

  • Фирмен имидж

  • Ние се грижим за Вас!

    Портфолио

    Разгледайте нашите реализирани проекти!

    Уеб Дизайн

    Уеб ДизайнВие се нуждаете от уеб сайт, който активно да работи за Вас и да предоставя реален достъп до предлаганите от Вас услуги. Представяме Ви най-доброто решение.

  • Фирмен Имидж

    Фирмен ИмиджКорпоративна идентичност - направете своята първа стъпка към успеха!

    БГ Уеб Дизайн предлага широк набор от услуги...

  • Е-мейл маркетинг
  • Рекламен банер
  • Лого дизайн
  • Интернет Маркетинг

    Интернет МаркетингЗнаете ли, че разполагате само с около 8 секунди за да лансирате сайта си? Около 80% от потребителите се възползват от услугите на търсещи машини...

  • SEO (Search Engine Optimisation)
  • Изграждане на мрежа от връзки
  • Писане на текстове за уеб сайтове
  • Флаш Дизайн

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

  • Флаш апликации
  • Мултимедийни презентации
  • Флаш интро
  • HTML тагове - структура и вариации
    HTML (hiper text markup language) е език за описание структурата на страницата базиран на обикновен ASCII текст в който са вмъкнати специални тагове, заградени в триъгални скоби(<пример>). В таговете няма разлика между главни и малки букви.

    Маркирането на текст с етикет става с името на тага в триъгалните скоби, а за край на маркиране се използва наклонена черта плюс името на тага:
    <таг>текст</таг>


    Таговете в html единствено уточняват структурата на документа - какво представлява даден елемент, а не как изглежда на екрана.


    Всеки html документ започва и завършва с таговете
    <html>...</html>
    Между тях са разположени секциите на заглавната част <head>...</head> и <body>...</body>
    Между тага <head> се разполага името на документа което пък се поставя между тага <title>
    След тага <head> се поставя и самото тяло на web страницата между таговете <body>
    Пример
    <html>
    <head>
    <title>Името на документа</title>
    </head>
    <body>
    </body>
    </html>


    Тагът <body> отбелязва тялото на даден html документ или накратко казано - действителното съдържание на страницата.
    В него се съдържа информацията за всеки елемент от страницата. Определяте цвета на фона, задавате формат и вид на текст, поставяте таблици, рамки и въобще всичко, което се използва за да се изглежда Вашата страница по подобаващ начин.

    Тагът <body> се характеризира с няколко основни параметъра:


    alink - Определя цвета на текста за хипервръзка, която е избрана

    bgcolor - Определя цвета на страницата

    link - определя цвета на текста за хипервръзка, която не е била избрана

    text - определя цвета на нормалния текст

    vlink - определя цвета на текст за хипервръзка, която е била избрана

    bgproperties - когато стойноста е "fixed", изображението указано от background не се скролира

    leftmargin - Определя броя на пикселите, с които да бъде изместена страницата спрямо левия край на прозореца на браузъра

    topmargin - Определя броят на пикселите, с които да бъде изместена страницата спрямо горния край на прозореца на браузъра

    background - Определяне на графично изображение, което ще се използва за фон на страницата. (Трябва да притежава URL на графичното изображение)

     

    Тагове за обработка на текст

    В тялото на html страницата <body>...</body> можете да използвате множество тагове с помоща, на които да форматирате текста и по този начин да укажете на браузъра как да го изобрази.

    Тези тагове биват два вида:

    • за определяне вида на текста
    • за определяне потока на текста


    Това са тагове за определяне на вида на текста:

    <b>текст</b> - Удебелява заградения текст
    <big>текст</big> - Увеличава големината на буквите на заградения текст(?)
    <blink>текст</blink> - Кара заградения текст да мига(?)
    <cite>текст<cite> - Форматира заградения текст като цитат
    <code>текст</code> - Форматра заградения текст като фрагмент от програма
    <u>текст</u> - Подчертава заградения текст
    <i>текст</i> - Прави заградения текст курсив

    <small>текст</small> - Намалява големината на буквите на заградения текст
    <strike>текст</strike> - Рисува линия посредата на буквите
    <strong>текст</strong> - Подчертава силно заградения текст (удебелява го)
    <tt>текст</tt> - При изобразяването на заградения текст се използва шрифт с фиксирана ширина
    <sub>текст</sub> и <sup>текст</sup> - Форматира заградения текст като долен - горен индекс


    Тагове за определяне потока на текста:

    <address>текст</address> - Форматира адрес
    <blackquote>текст</blackquote> - Форматира цитат
    <br> - Стоп линия
    <center>текст</center> - Центрира зафрадения текст
    <font>текст</font> - Установявя шрифт, цвят и големина на заградения текст

    <hn>текст<hn> - Показва че заградения текст е заглавие от ниво n, където n е число от 1 до 6

    <hr> - Слага хоризонтална линия
    <img> - Слага изображение в html страницата Може да бъде използван в комбинация с тага.
    <p> - Обозначава нов параграф

     

    Тагове за цветове

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

    Ето и пример за използване на тези кодове в таг <body>.

    <body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#808000" alink="#008000">
    ....
    </body>

    Тагове за таблици


    Таблиците са много важна част при правенето на web страници. В тях можете да слагате всичко - текст, картинки, java аплети, aktivеX контроли. С тях можете много лесно да позиционирате даден елемент от страницата в една мрежа, като използвате невидими ръбове.
    Основните тагове са:
    <table> и </table> - това е основната структора
    Таговете <tr> и </tr> отделя редовете
    Таговете <th> и </th> ограждат заглавието на таблицата
    Таговете <td> и </td> отделят отделните клетки

     

    Тагове за рамки (фреймове)

    Рамките са много удобен метод за направа на страници, в които искате част от страницата да се запази (статична) а друга да се променя динамично.
    Един вид вашата страница като цяло е създадена от няколко добавени. Този метод за направа на web страници спомага и за олекотяване на страницата.

    Зареждат се само страниците в които се съдържа същинската информация, а останалите са навигация банери и т.н. - които по принцип искате да ги има постоянно.

    Таговете за създаване на фрейми е много елементарен:
    Наборът от рамки се съдържа между Таговете <frame>...</frame> и <frameset>...</frameset>

    Има една подробност, която не трябва да забравяте никога, когато използвате фрейм!
    Ако в добавената страница (динамичната) има хипервръзка (линк) окажете задължително как да се зарежда страницата от този линк Възможносите са:
    "_self" - в същият фреим
    "_top" - ще зареди страницата в целия браузър
    "_parent" - зарежда се в parent фрейм
    "_blank" - ще отвори страницата в нов прозорец

    Преди тага за начина на отваряне трябва да има "="
    Ако след линка нямя един от тези тагове страницата ще се отвори в "Main" прозореца

    Mета тагове

    Мета таговете са нещо доста полезно и необходимо.
    Те играят важна роля при индексирането на Вашата страница в търсещите машини.

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

    <HTML>
    <HEAD>
    <TITLE> Заглавието на вашата страница</TITLE>
    <META NAME="description" CONTENT="Кратко описание на страницата">
    <META NAME="keywords" CONTENT="Тук напишете всички възможни думи за които се досетите, свързващи се с Вашата страница">
    </HEAD>

     
    < Предишна   Следваща >