Реферат: и другими тэгами, описывающими документ, а завершающий тэг</head> размещается сразу после окончания описания документа. Например:<br /> <br /> <<span>HTML</SPAN>><br /> <br /> <<span>HEAD</SPAN>><br /> <br /> <<span>TITLE</SPAN>>Список сотрудников</<span> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="Министерство образования и науки Российской Федерации ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «ПОВОЛЖСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СЕРВИСА»"> <meta name="keywords" content="реферат: другими тэгами описывающими документ завершающий тэг </head> размещается сразу после окончания описания документа например:<br <br <<span>html</span>><br <br <<span>head</span>><br <br <<span>title</span>>список сотрудников</<span bestreferat шпаргалки"> <meta name=viewport content="width=device-width, initial-scale=1">  <link rel='StyleSheet' href='/themes/bestref/style/style.css'> <link rel='canonical' href='http://hekima.ru/referat-370146.html'><script>  </script><link rel='icon' href='/favicon.ico' type='image/x-icon'> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LS2XDW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <center> <table width='1128'><tr> <td><a href='/' class='head_title'><img src='/themes/bestref/images/logo.png' width=300 height=60></a></td> <td> </td> <td valign='middle'>Банк рефератов содержит более 364 тысяч <strong>рефератов</strong>, курсовых и дипломных работ, шпаргалок и докладов по различным дисциплинам: истории, психологии, экономике, менеджменту, философии, праву, экологии. А также изложения, сочинения по литературе, отчеты по практике, топики по английскому.<noindex><script type='text/javascript'></script>    <noindex>  <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter48301058 = new Ya.Metrika({ id:48301058, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/48301058" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </noindex></noindex></td> </tr> </table> <table width='1128'> <tr><td valign='top' width='240'><table width='' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='-20' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'>Полнотекстовый поиск</div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><div class="ya-site-form ya-site-form_inited_no" onclick="return {'bg': '#B3EEFC', 'target': '_self', 'language': 'ru', 'suggest': true, 'tld': 'ru', 'site_suggest': true, 'action': '/site-search.html', 'webopt': false, 'fontsize': 12, 'arrow': false, 'fg': '#000000', 'searchid': '2004763', 'logo': 'rb', 'websearch': false, 'type': 3}"><form action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2004763" /><input type="hidden" name="l10n" value="ru" /><input type="hidden" name="reqenc" value="windows-1251" /><input type="text" name="text" value="" /><input type="submit" value="Найти" /></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;(' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1&&(e.className+=' ya-page_js_yes');s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>Всего работ: <div style='color:#FF0000; display:inline;'>364139</div></td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#B3EEFC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table><center><noindex> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:240px;height:400px" data-ad-client="ca-pub-7186036364273574" data-ad-slot="8121045449"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </noindex> <script type='text/javascript'>  </script></center><table width='' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='-20' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'>Теги названий</div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg2.gif); background-position: left bottom; background-repeat: repeat-x;'><div id='tags_list'></div><center><input style='width:180px; height:20px;' size='30' id='inputString' name='inputString' type='text' onkeyup='lookup_timeout(this.value);' autocomplete='off'></center>Введите первые буквы слова<script type='text/javascript'> function createRequestObject() { if (XMLHttpRequest == undefined) { XMLHttpRequest = function() { try { return new ActiveXObject('Msxml2.XMLHTTP.6.0'); } catch(e) {} try { return new ActiveXObject('Msxml2.XMLHTTP.3.0'); } catch(e) {} try { return new ActiveXObject('Msxml2.XMLHTTP'); } catch(e) {} try { return new ActiveXObject('Microsoft.XMLHTTP'); } catch(e) {} throw new Error('This browser does not support XMLHttpRequest.'); }; } return null; } function cache_search(inputString) { var found=false; var k; for(var i=0; (i<suggestionscacheinput.length)&&!found; i++) { if(suggestionscacheoutput[i]=='empty') //если ответ пустой, сравниваем начало found=inputString.substr(0, suggestionscacheinput[i].length)==suggestionscacheinput[i]; else found=inputString==suggestionscacheinput[i]; if(found) k=i; } if(found) return suggestionscacheoutput[k]; else return false; } function cache_add(inputString, outputString) { suggestionscacheinput.push(inputString); suggestionscacheoutput.push(outputString); if(suggestionscacheinput.length>suggestionscachelength) //нужно удалить первый элемент { suggestionscacheinput.shift(); suggestionscacheoutput.shift(); } } function lookup_timeout(inputString) { clearTimeout(lookup_timeout_id); lookup_timeout_id=setTimeout(function (){lookup(inputString);}, 500); } // вызывается при изменении поля ввода function lookup(inputString) { if(inputString.length == 0) { suggestion_show(empty_input_tags); } else { inputString=inputString.toUpperCase(); inputString=inputString.replace(/[^А-ЯІЇЄA-Z]/g, ''); var cached=cache_search(inputString); if(cached) suggestion_show(cached); else if(req) { var url='/stags.php?category_ID=0&tags='+tags_str+'&letters='+encodeURIComponent(inputString); req.open('GET', url, true); req.onreadystatechange = function() { if((req.readyState == 4)&&(req.status == 200)&&(req.responseText.length>0)) { var tags=string_to_tags(req.responseText); cache_add(inputString, tags); suggestion_show(tags); } }; req.send(null); } } } // lookup //преобразовывает полученную от сервера строку в массив extra_tags - есть ли еще теги, tags- теги, каждая ячейка массива - массив 0-номер тега, 1 - размер шрифта, 2 - тег function string_to_tags(s) { var tags=new Array(); if(s!='empty') { var tags_str=s.split(','); //в каждой ячейке тройка номер-размер шрифта-тег разделенные пробелом for(i=0; i<tags_str.length; i++) tags.push(tags_str[i].split(' ')); } return tags; } function suggestion_show(tags) { var tags_list=document.getElementById('tags_list'); if(tags.length==0) { var suggestionhtml='нет тегов по вашему запросу'; } else { var suggestionhtml=''; for(i=0; i<tags.length; i++) { tag=tags[i];url='/tagsc0t'+tags_str; if(tags_str!='') url+='-'; url+=tag[0]+'.html'; if(i>0) suggestionhtml+=' '; suggestionhtml+='<'+'a href="'+url+'" style="font-size:'+tag[1]+';">'+tag[2]+'</a>'; } } tags_list.innerHTML=suggestionhtml; } createRequestObject(); var req=new XMLHttpRequest(); var lookup_timeout_id; var suggestionscachelength=20; //количество элементов кеша var suggestionscacheinput=new Array(); var suggestionscacheoutput=new Array(); var tags_str=''; var empty_input_tags=string_to_tags('18303 14 броузер,1662070 14 тэгий,13033 14 позволять,1662068 14 тэга,11332 14 список,1662065 14 отображать,10779 14 использовать,1662054 14 уверенно,9849 14 внимание,1662049 14 тэгов,9406 14 окно,1662043 14 рекомендоваться,8287 14 Web,1662042 14 настоятельный,8090 14 разделить,1662041 14 настоятельно,5943 14 ограничить,1662040 14 необязательный,5942 14 ограниченный,1662037 14 тэчь,5616 14 окончание,1662035 14 тэги,5115 14 HTML,1662032 14 технически,5064 14 файл,11 14 часть,20964 14 закладка,198 14 данный,31123 14 содержимый,199 14 данные,31124 14 содержимое,200 14 дать,34683 14 завершать,255 14 использование,40016 14 большинство,545 14 сотрудник,41121 14 уверенный,1235 14 тип,86798 14 непосредственно,2080 14 смысловой,693034 14 стартовый,2112 14 после,1061728 14 title,2113 14 посол,1084918 14 br,2483 14 Head,1084944 14 span,2601 14 описание,1164906 14 заголовочный,2610 14 технический'); suggestion_show(empty_input_tags); </script></td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#FBF8D2'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table><table width='' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='-20' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'>Разделы</div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><div class='categories_list'><a href='/referat-category-28-1.html'>Авиация и космонавтика</a> (304)<br><a href='/referat-category-29-1.html'>Административное право</a> (123)<br><a href='/referat-category-30-1.html'>Арбитражный процесс</a> (23)<br><a href='/referat-category-31-1.html'>Архитектура</a> (113)<br><a href='/referat-category-32-1.html'>Астрология</a> (4)<br><a href='/referat-category-33-1.html'>Астрономия</a> (4814)<br><a href='/referat-category-34-1.html'>Банковское дело</a> (5227)<br><a href='/referat-category-3-1.html'>Безопасность жизнедеятельности</a> (2616)<br><a href='/referat-category-8-1.html'>Биографии</a> (3423)<br><a href='/referat-category-19-1.html'>Биология</a> (4214)<br><a href='/referat-category-132-1.html'>Биология и химия</a> (1518)<br><a href='/referat-category-35-1.html'>Биржевое дело</a> (68)<br><a href='/referat-category-36-1.html'>Ботаника и сельское хоз-во</a> (2836)<br><a href='/referat-category-37-1.html'>Бухгалтерский учет и аудит</a> (8269)<br><a href='/referat-category-38-1.html'>Валютные отношения</a> (50)<br><a href='/referat-category-39-1.html'>Ветеринария</a> (50)<br><a href='/referat-category-40-1.html'>Военная кафедра</a> (762)<br><a href='/referat-category-141-1.html'>ГДЗ</a> (2)<br><a href='/referat-category-41-1.html'>География</a> (5275)<br><a href='/referat-category-42-1.html'>Геодезия</a> (30)<br><a href='/referat-category-43-1.html'>Геология</a> (1222)<br><a href='/referat-category-44-1.html'>Геополитика</a> (43)<br><a href='/referat-category-45-1.html'>Государство и право</a> (20403)<br><a href='/referat-category-46-1.html'>Гражданское право и процесс</a> (465)<br><a href='/referat-category-47-1.html'>Делопроизводство</a> (19)<br><a href='/referat-category-48-1.html'>Деньги и кредит</a> (108)<br><a href='/referat-category-139-1.html'>ЕГЭ</a> (173)<br><a href='/referat-category-49-1.html'>Естествознание</a> (96)<br><a href='/referat-category-50-1.html'>Журналистика</a> (899)<br><a href='/referat-category-140-1.html'>ЗНО</a> (54)<br><a href='/referat-category-51-1.html'>Зоология</a> (34)<br><a href='/referat-category-136-1.html'>Издательское дело и полиграфия</a> (476)<br><a href='/referat-category-52-1.html'>Инвестиции</a> (106)<br><a href='/referat-category-24-1.html'>Иностранный язык</a> (62791)<br><a href='/referat-category-53-1.html'>Информатика</a> (3562)<br><a href='/referat-category-18-1.html'>Информатика, программирование</a> (6444)<br><a href='/referat-category-54-1.html'>Исторические личности</a> (2165)<br><a href='/referat-category-12-1.html'>История</a> (21319)<br><a href='/referat-category-5-1.html'>История техники</a> (766)<br><a href='/referat-category-55-1.html'>Кибернетика</a> (64)<br><a href='/referat-category-56-1.html'>Коммуникации и связь</a> (3145)<br><a href='/referat-category-121-1.html'>Компьютерные науки</a> (60)<br><a href='/referat-category-57-1.html'>Косметология</a> (17)<br><a href='/referat-category-138-1.html'>Краеведение и этнография</a> (588)<br><a href='/referat-category-22-1.html'>Краткое содержание произведений</a> (1000)<br><a href='/referat-category-58-1.html'>Криминалистика</a> (106)<br><a href='/referat-category-59-1.html'>Криминология</a> (48)<br><a href='/referat-category-60-1.html'>Криптология</a> (3)<br><a href='/referat-category-61-1.html'>Кулинария</a> (1167)<br><a href='/referat-category-7-1.html'>Культура и искусство</a> (8485)<br><a href='/referat-category-62-1.html'>Культурология</a> (537)<br><a href='/referat-category-63-1.html'>Литература : зарубежная</a> (2044)<br><a href='/referat-category-9-1.html'>Литература и русский язык</a> (11657)<br><a href='/referat-category-64-1.html'>Логика</a> (532)<br><a href='/referat-category-65-1.html'>Логистика</a> (21)<br><a href='/referat-category-66-1.html'>Маркетинг</a> (7985)<br><a href='/referat-category-25-1.html'>Математика</a> (3721)<br><a href='/referat-category-15-1.html'>Медицина, здоровье</a> (10549)<br><a href='/referat-category-122-1.html'>Медицинские науки</a> (88)<br><a href='/referat-category-67-1.html'>Международное публичное право</a> (58)<br><a href='/referat-category-68-1.html'>Международное частное право</a> (36)<br><a href='/referat-category-69-1.html'>Международные отношения</a> (2257)<br><a href='/referat-category-70-1.html'>Менеджмент</a> (12491)<br><a href='/referat-category-71-1.html'>Металлургия</a> (91)<br><a href='/referat-category-20-1.html'>Москвоведение</a> (797)<br><a href='/referat-category-26-1.html'>Музыка</a> (1338)<br><a href='/referat-category-72-1.html'>Муниципальное право</a> (24)<br><a href='/referat-category-73-1.html'>Налоги, налогообложение</a> (214)<br><a href='/referat-category-6-1.html'>Наука и техника</a> (1141)<br><a href='/referat-category-74-1.html'>Начертательная геометрия</a> (3)<br><a href='/referat-category-75-1.html'>Оккультизм и уфология</a> (8)<br><a href='/referat-category-27-1.html'>Остальные рефераты</a> (21692)<br><a href='/referat-category-76-1.html'>Педагогика</a> (7850)<br><a href='/referat-category-78-1.html'>Политология</a> (3801)<br><a href='/referat-category-79-1.html'>Право</a> (682)<br><a href='/referat-category-115-1.html'>Право, юриспруденция</a> (2881)<br><a href='/referat-category-80-1.html'>Предпринимательство</a> (475)<br><a href='/referat-category-128-1.html'>Прикладные науки</a> (1)<br><a href='/referat-category-131-1.html'>Промышленность, производство</a> (7100)<br><a href='/referat-category-81-1.html'>Психология</a> (8692)<br><a href='/referat-category-130-1.html'>психология, педагогика</a> (4121)<br><a href='/referat-category-82-1.html'>Радиоэлектроника</a> (443)<br><a href='/referat-category-10-1.html'>Реклама</a> (952)<br><a href='/referat-category-14-1.html'>Религия и мифология</a> (2967)<br><a href='/referat-category-83-1.html'>Риторика</a> (23)<br><a href='/referat-category-17-1.html'>Сексология</a> (748)<br><a href='/referat-category-84-1.html'>Социология</a> (4876)<br><a href='/referat-category-85-1.html'>Статистика</a> (95)<br><a href='/referat-category-86-1.html'>Страхование</a> (107)<br><a href='/referat-category-127-1.html'>Строительные науки</a> (7)<br><a href='/referat-category-87-1.html'>Строительство</a> (2004)<br><a href='/referat-category-88-1.html'>Схемотехника</a> (15)<br><a href='/referat-category-89-1.html'>Таможенная система</a> (663)<br><a href='/referat-category-90-1.html'>Теория государства и права</a> (240)<br><a href='/referat-category-91-1.html'>Теория организации</a> (39)<br><a href='/referat-category-92-1.html'>Теплотехника</a> (25)<br><a href='/referat-category-93-1.html'>Технология</a> (624)<br><a href='/referat-category-94-1.html'>Товароведение</a> (16)<br><a href='/referat-category-95-1.html'>Транспорт</a> (2652)<br><a href='/referat-category-96-1.html'>Трудовое право</a> (136)<br><a href='/referat-category-97-1.html'>Туризм</a> (90)<br><a href='/referat-category-98-1.html'>Уголовное право и процесс</a> (406)<br><a href='/referat-category-99-1.html'>Управление</a> (95)<br><a href='/referat-category-125-1.html'>Управленческие науки</a> (24)<br><a href='/referat-category-100-1.html'>Физика</a> (3462)<br><a href='/referat-category-23-1.html'>Физкультура и спорт</a> (4482)<br><a href='/referat-category-101-1.html'>Философия</a> (7216)<br><a href='/referat-category-123-1.html'>Финансовые науки</a> (4592)<br><a href='/referat-category-102-1.html'>Финансы</a> (5386)<br><a href='/referat-category-103-1.html'>Фотография</a> (3)<br><a href='/referat-category-104-1.html'>Химия</a> (2244)<br><a href='/referat-category-105-1.html'>Хозяйственное право</a> (23)<br><a href='/referat-category-106-1.html'>Цифровые устройства</a> (29)<br><a href='/referat-category-107-1.html'>Экологическое право</a> (35)<br><a href='/referat-category-21-1.html'>Экология</a> (4517)<br><a href='/referat-category-2-1.html'>Экономика</a> (20644)<br><a href='/referat-category-108-1.html'>Экономико-математическое моделирование</a> (666)<br><a href='/referat-category-109-1.html'>Экономическая география</a> (119)<br><a href='/referat-category-110-1.html'>Экономическая теория</a> (2573)<br><a href='/referat-category-112-1.html'>Этика</a> (889)<br><a href='/referat-category-113-1.html'>Юриспруденция</a> (288)<br><a href='/referat-category-114-1.html'>Языковедение</a> (148)<br><a href='/referat-category-134-1.html'>Языкознание, филология</a> (1140)<br></div></td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#B3EEFC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table><center><noindex> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:240px;height:400px" data-ad-client="ca-pub-7186036364273574" data-ad-slot="9278693377"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </noindex> <script type='text/javascript'>  </script></center></td><td valign='top'><center><noindex> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7186036364273574" data-ad-slot="8769171882"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </noindex> <script type='text/javascript'>  </script></center><table width='728' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='708' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'></div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='726' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg2.gif); background-position: left bottom; background-repeat: repeat-x;'><index><h1>Реферат: и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:<br /> <br /> <<span>HTML</SPAN>><br /> <br /> <<span>HEAD</SPAN>><br /> <br /> <<span>TITLE</SPAN>>Список сотрудников</<span</h1> <table width='100%' class='list_table'> <tr> <td class='border_cell'> Название: и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:<br /> <br /> <<span>HTML</SPAN>><br /> <br /> <<span>HEAD</SPAN>><br /> <br /> <<span>TITLE</SPAN>>Список сотрудников</<span<br> Раздел: <a href='/referat-category-66-1.html'>Рефераты по маркетингу</a><br> Тип: <strong>реферат</strong> Добавлен 03:14:18 27 августа 2011 <a href='/referat-like-370146-1.html'>Похожие работы</a><br> Просмотров: 14 <a href="/comments-2-370146-1.html">Комментариев: 14</a> Оценило: 1 человек Средний балл: 5 Оценка: <span style=''>неизвестно</span> <a href='/files/46/bestreferat-370146.docx'>Скачать</a> </td></tr> <tr> <td valign='top' width='70%' class='border_cell'> <h1>Министерство образования и науки Российской Федерации</h1> <p style="text-align:center;">ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ</p> <p style="text-align:center;">ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ</p> <p style="text-align:center;">«ПОВОЛЖСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СЕРВИСА»</p> <h2>Кафедра: «Социально-культурный сервис» </h2> <h3>КУРСОВОЙ ПРОЕКТ</h3> <p>По дисциплине: Современные рекламные технологии</p> <p>На тему: Использование шрифта, размера и цвета в компьютеризированной рекламе (разработка рекламного сайта средствами языка HTML).</p> <p> Работу выполнил: Гайнуллина Э.Ф.</p> <p> студент гр. CКРзК-502 </p> <p> Номер зачетной книжки:К/1106/005 </p> <p> Проверил: асс., Ворожейкина В.П.</p> <p style="text-align:center;">Тольятти 2011г.</p> <p style="text-align:center;">ГОУ ВПО «Поволжский государственный университет сервиса (ПВГУС)»</p> <h1>Рецензия</h1> <p style="text-align:center;"><b>на курсовой проект</b> </p> <p>по дисциплине<u> Современные рекламные технологии </u> </p> <p>(наименование дисциплины)</p> <p>Обучающийся __Гайнуллина Э.Ф._________________________________________________группа____CКз-502_</p> <table border="1"> <tr> <td> <p style="text-align:center;"><b>№</b> </p> </td> <td> <p style="text-align:center;"><b>Критерии оценки</b> </p> </td> <td> <p style="text-align:center;"><b>Степень соответствия</b> </p> <p style="text-align:center;"><b>требованиям</b> </p> </td> <td> <p style="text-align:center;"><b>+ /-,</b> </p> <p style="text-align:center;"><b>Да/нет</b> </p> </td> <td> <p style="text-align:center;"><b>Примечания</b> </p> </td> </tr> <tr> <td rowspan="3"> <p>1.</p> </td> <td rowspan="3"> <p>Курсовой проект выполнен в соответствии с заданием и методическими указаниями</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Соответствует частично</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует </p> </td> <td> </td> </tr> <tr> <td rowspan="6"> <p>2.</p> </td> <td rowspan="3"> <p>Структура работы:</p> <p>- общий объем и пропорциональность структурных частей работы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Соответствует частично</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует </p> </td> <td> </td> </tr> <tr> <td rowspan="3"> <p>- логическая взаимосвязь структурных частей работы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Соответствует частично</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует </p> </td> <td> </td> </tr> <tr> <td rowspan="3"> <p>3.</p> </td> <td rowspan="3"> <p>Содержание работы раскрывает сущность выбранной темы</p> </td> <td> <p>1. Раскрывает</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично раскрывает</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не раскрывает</p> </td> <td> </td> </tr> <tr> <td rowspan="6"> <p>4.</p> </td> <td rowspan="3"> <p>Изучение автором необходимого объема литературы:</p> <p>- количество наименований источников в списке литературы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td rowspan="3"> <p>- период издания источников литературы и нормативно-правовой базы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td rowspan="4"> <p>5</p> </td> <td rowspan="4"> <p>Наличие и авторский анализ статистических данных, практического и теоретического материала </p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="4"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>4. Не представлены</p> </td> <td> </td> </tr> <tr> <td> <p style="text-align:center;">1</p> </td> <td> <p style="text-align:center;">2</p> </td> <td> <p style="text-align:center;">3</p> </td> <td> <p style="text-align:center;">4</p> </td> <td> <p style="text-align:center;">5</p> </td> </tr> <tr> <td rowspan="9"> <p>6</p> </td> <td rowspan="3"> <p>Качество оформления работы:</p> <p>- таблицы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td rowspan="3"> <p>- графики</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td rowspan="3"> <p>- расчеты</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td rowspan="4"> <p>7</p> </td> <td rowspan="4"> <p>Наличие выводов и предложений, полученных на основе изучения исследуемой проблемы</p> </td> <td> <p>1. Соответствует требованиям</p> </td> <td> </td> <td rowspan="4"> </td> </tr> <tr> <td> <p>2. Частично соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>3. Не соответствует</p> </td> <td> </td> </tr> <tr> <td> <p>4. Не представлены</p> </td> <td> </td> </tr> <tr> <td rowspan="2"> <p>8</p> </td> <td> <p>Особые замечания по работе (проекту)</p> </td> <td colspan="3"> </td> </tr> <tr> <td> <p>Рекомендации</p> </td> <td colspan="3"> </td> </tr> </table> <p>Рецензент ___________________________ _______________________________________</p> <p> (подпись) (расшифровка подписи)</p> <p>«_________»______________201____г.</p> <p style="text-align:center;"><b>Содержание</b> </p> <p>Введение</p> <p>1. Основные элементы средств рекламы и требования предъявляемые к ним……………………………………………………………………….7</p> <p>1.2. Компьютеризированная реклама…………………………………13</p> <p>2. Разработка рекламного сайта средствами языка HTML………….15</p> <p>2.1 О языке HTML …………………………………………………….15 </p> <p>2.2 Создание WEB сайта……………………………………………...17 </p> <p>2.3 Структура документа……………………………………………..17</p> <p>2.4 Гипертекстовые ссылки…………………………………………..18</p> <p>2.5 Добавление стилей в документ…………………………………..24</p> <p>3. Описание создание сайта……………………………………………..26</p> <p>3.1 Подготовка…………………………………………………………26</p> <p> 3.2 Создание главной страницы………………………………………28</p> <p> 3.3. Создание второй страницы……………………………………….31</p> <p> 3.4. Создание страницы с рекламой города………………………….32</p> <p> 3.5. Создание страницы с фотографиями…………………………….32</p> <p> 3.6. Создание страницы с программами………………………………33</p> <p> Заключение</p> <p> Список используемой литературы</p> <p> Приложение</p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><b>Введение</b> </p> В период совершенствования в нашей стране рыночной экономики, когда многие предприятия были приватизированы и стали независимыми, успешное их функционирование стало практически невозможным без хорошо организованной комплексной маркетинговой деятельности. Многие отрасли народного хозяйства испытывают огромную потребность в информационном взаимодействии с потребителями. (3) <p>Реклама на сегодняшний день является наиболее распространённым средством коммуникации на рынке товаров и услуг. На предприятиях из маркетинговых отделов выделяются целые подразделения, занимающиеся рекламой, а стоимость рекламных услуг неуклонно растёт. Всё это свидетельствует о том, что изучение вопросов, касающихся рекламной деятельности, совершенно необходимо для построения эффективной системы коммуникации и продажи товаров и услуг. (4)</p> <p>Цель моего курсового проекта:</p> <p>- Определение основных элементов рекламы и требований предъявляемых к ним;</p> <p>- Раскрытие сущности компьютеризированной рекламы.</p> <p>Исходя из поставленных целей, можно определить следующие задачи:</p> <p>1. Раскрытие основных элементов рекламного сообщения;</p> <p>2. Раскрытие понятия «компьютеризированная реклама»;</p> <p>3. Перспективы применения компьютеризированной рекламы;</p> <p>4. Преимущества и недостатки компьютеризированной рекламы;</p> <p>5. Разработка рекламного сайта средствами языка HTML.</p> <br> <p style="text-align:center;"><b>1. </b> <b>Основные элементы средств рекламы и требования предъявляемые к ним</b> </p> <p>Рекламные средства содержат рекламные сообщения. Основными элементами, определяющими рекламное сообщение, являются текст и изображение. Кроме того, к элементам рекламного средства относятся цвет, свет, звук, шрифт, рисунок, графические элементы, которые придают рекламному сообщению эмоциональную окраску.</p> <p>В одном рекламном средстве могут присутствовать все указанные элементы, а в другом — только часть их.</p> <p>Роль одного и того же элемента в разных рекламных средствах не одинакова. Однако, независимо от значимости каждого элемента, он должен отвечать определенным требованиям.</p> <p>Текст является неотъемлемой частью большинства рекламных средств. Он, как правило, является главным элементом, раскрывающим основное содержание рекламного сообщения.</p> <p>Важное требование, предъявляемое к рекламным текстам, — максимум информации при минимуме слов. Количество слов в тексте должно быть таким, чтобы покупатель без каких-либо затруднений мог охватить его одним взглядом. Выделяются слова с повышенной рекламной ценностью, большой эмоциональной силой, создающие наглядный, осязаемый образ. Основную смысловую нагрузку в тексте несет заголовок, который дает рекламируемому объекту сжатую, точную характеристику. (1)</p> <p>Таким образом, ценность рекламного текста определяется его совершенной языковой формой, полностью раскрывающей идею, основной замысел и содержание рекламы. Эффективность рекламы во многом зависит от того, насколько ясное, четкое представление получит читатель о внешнем виде и содержании рекламируемого товара.</p> <p>Рекламный текст должен быть:</p> <p>1. Конкретным и целенаправленным. В рекламе не допускается любая отвлеченность. Основная мысль рекламного текста может быть выражена в форме лозунга. В тексте выделяют особенности, которые позволяют отличить рекламируемый объект от других. Покупатель должен понять и запомнить рекламу.</p> <p>2. Доказательным, логично построенным и доходчивым.</p> <p>Содержание рекламного текста должно само по себе заинтересовать покупателя, привлечь его внимание к товару и подвести к мысли о необходимости купить предлагаемый товар или воспользоваться услугой. Если же текст ни в чем не убедил покупателя, то бессмысленно призывать его последовать советам рекламы.</p> <p>Текст, как правило, содержит заголовок, разъяснение и заключение. Заголовок рекламного текста должен привлекать внимание к тексту, сообщать минимум информации, заинтересовать покупателя, помочь понять пользу рекламируемого товара (услуги). Разъяснение включает детали, которые играют роль доказательства и убеждения.</p> <p>Цель заключительной части текста рекламного сообщения — закрепить главную мысль, рассеять сомнения, убедить потребителя купить товар или воспользоваться услугой.</p> <p>3. Кратким, лаконичным. Краткий текст лучше воспринимается читателем. Он не должен содержать слова, не несущие смысловой нагрузки.</p> <p>4. Оригинальным, неповторимым, интересным, занимательным, остроумным.</p> <p>Совершенно исключено употребление в тексте непонятных, малоизвестных слов, нельзя заставлять прохожего долго думать над текстом, нужно легким и понятным языком доводить до его сознания главную мысль.</p> <p>Хорошо выполненные тексты украшают рекламные средства, в то время как безвкусные тексты способны все испортить.</p> <p>Большим успехом пользуются остроумные юмористические тексты. Однако при их составлении нужно быть очень осторожным, чтобы они не выглядели насмешкой.</p> <p>5. Рекламный текст должен быть грамотно исполненным. Это значит, что специалист в области рекламы должен уметь находить для выражения мысли лаконичные, точные и наиболее оправданные в данном контексте средства. Ошибки и недостатки в рекламе снижают ее информативность и действенность, мешают восприятию, вызывают отрицательную реакцию читателей. (5)</p> <p>Выделяется несколько типов рекламных объявлений, в которых характер текста зависит от основной цели, выполняемой этим объявлением. В этой связи тексты могут быть информационные, напоминающие, внушающие и убеждающие.</p> <p>Информационные тексты должны быть предельно просты и лаконичны, напоминающие тексты — краткими, внушающие — содержать многократное повторение названия товара или его свойств, убеждающие тексты акцентируют внимание на достоинствах рекламируемого товара (услуги). Убеждающая реклама должна быть одновременно и эмоциональной. Эмоциональная окрашенность информации, правильное чередование стандартных элементов в тексте способствуют живому и глубокому восприятию рекламы, т. е. повышению ее действенности.</p> <p>В рекламном тексте не следует прибегать к каким-либо украшениям, разнообразию красок, а также к использованию нескольких видов шрифта.</p> <p>Составление рекламных текстов — серьезная и трудная работа. Прежде чем приступить к ней, нужно всесторонне ознакомиться с потребительскими качествами рекламируемого товара (услуги), разобраться во всех свойствах. Затем, систематизировав полученные сведения, обратить внимание на характерные качества и сжато, но понятно рассказать об этом потребителю.</p> <p>Рекламный текст информирует покупателя не только об отдельных товарах (услугах), способах их использования и экономичности, но и дает справки о новых методах торговли и услугах, оказываемых предприятиями торговли и бытового обслуживания. Например, еще не войдя в магазин, покупатель узнает о том, что в нем имеется стол раскроя тканей, что по желанию покупателей товары доставляют на дом и т. д.</p> <p>Тексты в рекламе могут быть в форме стихов, рассказа, забавной истории или сказки. Если в рекламном сообщении используются стихи, то они должны быть ритмичными, яркими, образными.</p> <p>Формы рекламных текстов могут представлять собой монолог рекламируемого товара (услуги) или диалог собеседников.</p> <p>Изображение, занимающее особое место в рекламе, способствует усилению воздействия текста, а иногда вообще заменяет его.</p> <p>В качестве средств изображения в рекламном сообщении могут использоваться фотоснимки, рисунки, диапозитивы, аудиовизуальное, кино- и телеизображение. Каждое из них выполняет одну или одновременно несколько задач, которые решаются в рекламном процессе.</p> <p>Для иллюстрации можно использовать сам товар, его упаковку, а также результат его применения. Учитывая, что изображение воздействует на читателя мгновенно, ему отводят значительную площадь в рекламном средстве.</p> <p>Рисунки могут быть черно-белыми и цветными. В рекламном рисунке часто воспроизводят юмористический образ за счет использования таких приемов, как увеличение какого-либо товара, усиление рисунком игры слов и др.</p> <p>Если необходимо показать структуру рекламируемого товара, его форму, рисунок материала изготовления, то рекомендуется использовать фотоснимки.</p> <p>В рекламных средствах чаще всего применяют прямоугольные фотографии. Это тот вид иллюстраций, который наиболее привычен для людей. Учитывая, что фотографии дают наилучшие шансы на хорошее воспроизведение, полезно использовать их всегда, когда это возможно.</p> <p>Иллюстрация сама по себе может остаться загадкой, но объединенная с текстом, помогает раскрыть весь смысл рекламы. В рекламных средствах лучше использовать одну иллюстрацию, чем несколько. Если при изготовлении представляется возможность упростить фотоснимок до одной сцены, то воздействие рекламного средства сильнее, чем, если бы было несколько сцен.</p> <p>Важное место в содержании рекламных средств принадлежит цвету. Цвет оказывает существенное влияние на чувства людей, их настроение, повышает эффективность восприятия. Он помогает реалистически изображать рекламируемые предметы, облегчает распознавание товаров по упаковке, вызывает и укрепляет ассоциации, способствует образованию символов.</p> <p>Применение цвета в рекламных средствах само по себе еще не повышает их рекламной ценности. Важно правильно подобрать сочетание цветов, учесть особенности их взаимодействия.</p> <p>За основу последовательности цветов принято считать спектральное разделение. В спектре имеется семь цветовых зон, в действительности же глаз различает огромное количество промежуточных оттенков, где каждый цвет переходит в другой плавно и постепенно. Цвета спектра располагаются в следующей последовательности: красный, оранжевый, желтый, зеленый, голубой, синий, фиолетовый. Их делят на теплые и холодные. К теплым цветам относятся те, которые содержат в себе больше желтых или красных, а к холодным — больше синих оттенков. Рассматривая спектр, можно заметить, что вправо по часовой стрелке от синего цвета расположены холодные цвета до середины фиолетовых тонов и теплые — до середины зеленых тонов. Понятие о «теплоте» цвета относительно. Любой цвет по сравнению с еще более теплым может казаться холодным и, наоборот, любой холодный цвет рядом с еще более холодным кажется теплым. Теплые цвета более интенсивные, они отражают больше света, чем холодные. Цвета бывают активные и пассивные. Теплые цвета — активные, холодные — пассивные.</p> <p>Каждый из спектральных цветов имеет различную силу тона, т. е. светлоту. Например, фиолетовый цвет может иметь массу тонов, от самого светлого до самого темного.</p> <p>Кроме того, цвет имеет зрительную весомость. Например, светлые тона цвета более легкие, а темные — более тяжелые.</p> <p>Цвета разделяются также на основные (красный, желтый, синий) и дополнительные (оранжевый, фиолетовый, зеленый). Дополнительные цвета получаются в результате смешения двух основных цветов. Цвета черный, белый и все производные от них серые принято считать нейтральными.</p> <p>Для того чтобы создать хорошее цветовое сочетание, приятно воспринимающееся глазом человека, необходимо знать, какие цвета с какими лучше сочетаются. Сочетание цветов может быть гармоничным или контрастным. Если расположить цвета в цветовом круге в той же последовательности, что и в спектре, то цвет, расположенный напротив другого, называется контрастным.</p> <p>Не менее важная роль отводится в рекламных средствах свету. Свет необходим для восприятия самих средств рекламы и рекламируемых товаров, он также помогает выразить идею, заложенную в рекламном средстве.</p> <p>Поверхности и предметы, окрашенные в различные цвета, имеют разный коэффициент отражения света. Меньше коэффициент отражения света у темных цветов (черный, темно-синий и др.), больше — у светлых (белый, светло-желтый и др.). В связи с этим темные поверхности рекламных средств требуют большей освещенности и, наоборот, светлые — меньшей.</p> <p>Звук играет особую роль в отдельных видах рекламных средств.</p> <p>Речевые звуки усиливают смысловое содержание рекламы, а музыкальные звуки и шумы повышают эмоциональное восприятие рекламного средства.</p> <p>Не последнюю роль в реализации рекламной идеи выполняет шрифт. Используемые в рекламе шрифты отличаются начертанием буквенных знаков, соотношением высоты и ширины букв и толщиной штриха.</p> <p>Вводить в текст, имеющий одну законченную мысль два — три шрифта не рекомендуется, так как это затрудняет быстрое его восприятие и снижает рекламную ценность. Нужные слова можно выделить либо цветом, либо размером знаков и интервалами между знаками.</p> <p>Интервалы между буквами в слове нужно делать не меньше толщины штриха, а интервалы между словами в тексте — не меньше ширины буквы. Расстояние между строками должно быть не меньше 3/4 высоты буквы.</p> <p>Чтобы легче было читать или воспринимать рекламное сообщение, цвета шрифта и фона подбирают всегда контрастные. (2)</p> <p style="text-align:center;"><b>1.2 Компьютеризированная реклама</b> </p> Это – размещение рекламной информации в компьютерных сетях, впервую очередь – в Интернет. <p>Компьютеризированная реклама— принципиально новое средство распространения рекламы. Кроме того, компьютеризация традиционных средств рекламы внесла много нового в подготовку и проведение рекламных кампаний, существенно повысив их эффективность. (6)</p> <p>В компьютеризированную рекламу входит:</p> <p>• компьютерная техника;</p> <p>• компьютеризированная информация;</p> <p>• кабельное телевидение;</p> <p>• видокаталоги;</p> <p>• телекаталоги. (5)</p> <p>Во многих странах мира действуют источники компьютеризированной рекламной информации, банки данных специализированных компьютерных систем, куда рекламодатели вносят за плату сведения о своих фирмах и о выпускаемых ими товарах (услугах). Потенциальные потребители, заинтересованные в закупке какой-либо продукции или товаров, могут подключаться к этим банкам данных с помощью телефонов или специальных терминалов и в считанные секунды получать необходимую информацию.</p> <p>По оценкам зарубежных специалистов, компьютеризированная реклама в самом ближайшем будущем может существенно потеснить все остальные средства рекламы. В нашей стране в настоящее время процесс внедрения компьютеризированной рекламы пока только начинается.</p> <p>За последние годы в развитых странах все большее развитие получают многие новые средства распространения рекламы, основанные на «обратной связи» с потенциальными покупателями и потребителями. Например, средства рекламы, представляющие собой сочетание источников компьютеризированной информации и кабельного телевидения. На этих принципах основана и успешно развивается, в частности, торговля по видеокаталогам и телекаталогам. (8)</p> <p>Рекламодатели и рекламные агентства, специализирующиеся в области прямой почтовой рекламы, все чаще вместо традиционных писем, проспектов или листовок начинают рассылать видеокассеты и видеодиски.</p> <p>Существующий арсенал средств рекламы стремительно развивается и совершенствуется по самым различным направлениям, поэтому приведенная классификация основных средств рекламы и видов рекламных материалов достаточно условна и не является незыблемой догмой. Часто между отдельными средствами и видами рекламы нет четких границ. Так, например, новогодние рекламно-подарочные издания можно отнести не только к печатной рекламе, но в равной степени и к рекламным сувенирам. Крупноформатные рекламные плакаты могут успешно использоваться и как средства наружной рекламы. Создание рекламно-престижных фильмов, их демонстрацию по телевидению можно рассматривать и как составную часть паблик рилейшнз. В подтверждение этого можно привести еще много подобных примеров.</p> <p>Тем не менее, приведенная классификация дает довольно полную картину существующего в настоящее время арсенала средств рекламного воздействия на потребителей товаров и услуг и отражает разнообразие видов рекламных материалов и мероприятий, использующихся в практике рекламной работы. (7)</p> <p>Компьютеризированная реклама имеет свои преимущества и свои недостатки.</p> Преимущества: - огромные потенциальные возможности оперативного- установления прямых деловых контактов с потребителем в случае его заинтересованности, относительно низкая стоимость.Недостатки:- ограниченность художественных приемов подачи рекламных сообщений;- небольшое количество пользователей компьютерных сетей в России;- возможность отключить показ рекламы при помощи специальных программ;- проблемы с безопасностью сделок, заключаемых в сети. (8) <p style="text-align:center;"><b>2. Разработка рекламного сайта средствами языка </b> <b>HTML</b> </p> <h2><a name="_Toc95809912"> </a> </h2> <h2><b>2</b> <b>.1 О языке </b> <b>HTML</b> </h2> <p>Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.</p> <p>Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML, вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.</p> <p>В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель, основываясь на возможностях WEB-броузера, может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа.</p> <p>HTML-тэги могут быть условно разделены на две категории:</p> <p>1. Тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом.</p> <p>2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.</p> <p>Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах.</p> <h2><a name="_Toc95809913"><b>2.2</b> <b> Создание </b> </a> <b>Web сайта</b> </h2> <p>HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора.</p> <p>Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape, позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><b>2.</b> <b>3 <a name="_Toc95809915">Структура документа</a> </b> </p> <p>Когда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:</p> <p><HTML></p> <p>...тело документа...</p> <p></HTML></p> <p>Заголовочная часть документа <HEAD>. Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:</p> <p><HTML></p> <p><HEAD></p> <p><TITLE>Список сотрудников</TITLE></p> <p></HEAD></p> <p>...</p> <p>Внимание! Технически, стартовые и завершающие тэги типа <HTML>, <HEAD> и <BODY> необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть.</p> <p>Заголовок документа <TITLE>. Большинство WEB-броузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-броузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.</p> <p>Комментарии. Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются броузером. Синтаксис комментария:</p> <p></p> <p>Комментарии могут встречаться в документе где угодно и в любом количестве.</p> <p style="text-align:center;"><a name="_Toc95809920"><b>2.4</b> </a> <b>Гипертекстовые </b> <b>ссылки</b> </p> <p>Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее - ссылки), вы делаете набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.</p> <p>Ссылки имеют стандартный формат, что позволяет броузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например, запрашивать файл по FTP-протоколу для отображения его броузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов.</p> <p>Внимание! Вы можете использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.</p> <p>URL. HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Первая часть URL (до двоеточия) описывает метод доступа или сетевой сервис. Другая часть URL (после двоеточия) интерпретируется в зависимости от метода доступа. Обычно, два прямых слэша после двоеточия обозначают имя машины:</p> <p>method://machine-name/path/foo.html</p> <p>Следующий пример представляет собой вызов HTML-документа index.html с сервера www.softexpress.com с использованием HTTP протокола:</p> <p>http://www.softexpress.com/index.html</p> <p>Uniform Resource Locator имеет следующий формат:</p> <p>method://servername:port/pathname#anchor</p> <p>Опишем каждый из компонентов URL:</p> <p>METHOD. Имя операции, которая будет выполняться при интерпретации данного URL. Наиболее часто используемые методы:</p> <p>file:</p> <p>чтение файла с локального диска. Имя файла интерпретируется для локальной машины пользователя. Данный метод используется для отображения какого-либо файла, находящегося на машине пользователя. Например: file:/home/alex/index.html - отображает файл index.html из каталога /home/alex на пользовательской машине</p> <p>http:</p> <p>доступ к WEB-странице в сети с использованием HTTP-протокола. (Это наиболее часто используемый метод доступа к какому-либо HTML-документу в сети). Например: http://www.softexpress.com/ - доступ к Home-странице компании SoftExpress</p> <p>ftp:</p> <p>запрос файла с анонимного FTP-сервера. Например: ftp://hostname/directory/filename</p> <p>mailto:</p> <p>активизирует почтовую сессию с указанным пользователем и хостом. Например: mailto:info@softexpress.com - активизирует сессию посылки сообщения пользователю info на машине softexpress.com, если броузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слешей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента)</p> <p>telnet:</p> <p>обращение к службе telnet</p> <p>news:</p> <p>вызов службы новостей, если браузер ее поддерживает. Например: news:relcom.www.support</p> <p>SERVERNAME. Необязательный параметр, описывающий полное сетевое имя машины. Например: www.softexpress.com - полное сетевое имя сервера фирмы СофтСервис.</p> <p>Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети.</p> <p>PORT. Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL.</p> <p>PATHNAME. Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL. Различные WEB-сервера сконфигурированы по разному для интерпретации пути доступа к документу. Например, при использовании CGI скриптов (исполняемых программ), они обычно собираются в одном или нескольких выделенных каталогах, путь к которым записан в специальных параметрах WEB-сервера. Для данных каталогов WEB-сервером выделяется специальный логический путь, который и используется в URL. Если WEB-сервер видит данный путь, то запрашиваемый файл интерпретируется как исполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, даже если он является исполняемым модулем. Например: http://www.softexpress.com/cgi-win/handle.exe</p> <p>В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем handle.exe, который находится на машине с сетевым именем www.softexpress.com. Путь к данному скрипту - /cgi-win/ - в действительности является виртуальным путем (выделенным сервером для исполняемых модулей). Заметьте, что при описании пути используется UNIX-подобный синтаксис, где, в отличии от DOS и Windows используются прямые слеши вместо обратных. Если после сетевого имени машины сразу идет имя документа, то он должен находиться в корневом каталоге на удаленной машине или (что чаще) в каталоге, выделенном WEB-сервером в качестве корневого. Если же URL заканчивается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удаленной машины с именем, установленным в настройках WEB-сервера (как правило, это index.html).</p> <p>#ANCHOR. Данный элемент является ссылкой на строку (точку) внутри HTML-документа. Большинство броузеров, встречая после имени документа данный элемент, размещают документ на экране таким образом, что указанная строка документа помещается в верхнюю строку рабочего окна браузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано далее.</p> <p>Структура ссылок в HTML-документе. Пока что мы рассмотрели только внешний вид URL. Для того, чтобы браузер отобразил ссылку на URL, необходимо отметить URL специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий это сделать - следующий:</p> <p><A HREF="URL"> текст-который-будет-подсвечен-как-ссылка </A></p> <p>Тэг <A HREF="URL">открывает описание ссылки, а тэг </A> - закрывает его. Любой текст, находящийся между данными двумя тэгами подсвечивается специальным образом Web-браузером. Обычно этот текст отображается подчеркнутым и выделен синим (или другим заданным пользователем) цветом. Текст, обозначающий URL, не отображается браузером, а используется только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). Вот пример сегмента HTML-документа:</p> <p>Для получения примера смотри <A HREF="http:/www.ruswebmasters.com/index.htm>страницу </A></p> <p><img width="394" height="51" src="/images/paper/18/94/9409418.gif" alt="">Данная строка будет выглядеть на экране следующим образом:</p> <p>Для получения примера смотри страницу</p> <p>Ссылки на точки внутри документа. Вы можете делать ссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя прокрутку экрана. Как только вы щелкнете на ссылке, браузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера).</p> <p>Для создания такой ссылки необходимо выполнить следующие шаги:</p> <p>1. Создайте маркер раздела. Синтаксис данного маркера следующий:</p> <p><A NAME="named_anchor"> Текст-который-отобразится-в-первой-строке-броузера </A></p> <p>2. Создайте ссылку на данный маркер:</p> <p><A HREF="#named_anchor"> Текст </A></p> <p>Например:</p> <p><p><b>Список разделов</b></p> <ul> <li><a href="#ex1">Раздел 1</a></li> <li><a href="#ex2">Раздел 2</a></li> </ul> <p><a name="ex1"></a>Раздел 1</p> <ul> <p>Текст раздела 1</p> </ul> <p><a name="ex2"></a>Раздел 2</p> <ul> <p>Текст раздела 2 <br></p></p> <p>Список разделов</p> <p>o Раздел 1</p> <p>o Раздел 2</p> <p>Раздел 1</p> <p>Текст раздела 1</p> <p>Раздел 2</p> <p>Текст раздела 2</p> <p>Символы "#ex1" сообщает вашему браузеру, что необходимо найти в данном HTML-документе маркер с именем "ex1".</p> <p>Когда пользователь щелкнет мышью на строке "Раздел 1", браузер перейдет сразу к разделу 1.</p> <p>Внимание! Как ранее было показано в синтаксисе URL, маркер раздела может быть поставлен как в том же документе, который просматривается в текущий момент, так и в другом документе. Во втором случае браузер осуществит подгрузку другого документа и перейдет к указанному для него разделу.</p> <p style="text-align:center;"><a name="_Toc95809922"><b>2.5</b> <b> Добавление </b> </a> <b>стилей </b> <b>в </b> <b>документ</b> </p> <p>HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством браузеров:</p> <p>bold (жирный)</p> <p>italic (наклонный)</p> <p>mono spaced (type writer - с использованием фиксированных шрифтов)</p> <p>Вы можете комбинировать различные виды стилей, например жирный и наклонный.</p> <p>Таблица №2: Основные стили текста</p> <table border="1"> <tr> <td> <p>Стиль</p> </td> <td> <p>Элемент или тэг</p> </td> <td> <p>Результат</p> </td> </tr> <tr> <td> <p>Bold</p> </td> <td> <p><B> Этот текст жирный </B></p> </td> <td> <p>Этот текст жирный</p> </td> </tr> <tr> <td> <p>Italic</p> </td> <td> <p><I> Этот текст наклонный </I></p> </td> <td> <p><i>Этот текст наклонный</i> </p> </td> </tr> <tr> <td> <p>Mono spaced</p> </td> <td> <p><TT> Этот текст с непроп. шрифтом </TT></p> </td> <td> <p>Этот текст с непроп. шрифтом</p> </td> </tr> </table> <br> <p>Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:</p> <p><img width="170" height="26" src="/images/paper/19/94/9409419.gif" alt=""><b>Жизнь</b> - <i>это <b>песня!</b></i></p> <p>Жизнь - <i>это песня!</i> </p> <p>Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста!</p> <p>Дополнительные стили:</p> <p>· big (большой)</p> <p>· small (маленький)</p> <p>· sub (подстрочник)</p> <p>· sup (надстрочник)</p> <p>· Таблица №3: Дополнительные стили текста</p> <table border="1"> <tr> <td> <p>Стиль</p> </td> <td> <p>Элемент или тэг</p> </td> <td> <p>Результат</p> </td> </tr> <tr> <td> <p>Big</p> </td> <td> <p>Этот текст <BIG> большой </BIG></p> </td> <td> <p>Этот текст большой</p> </td> </tr> <tr> <td> <p>Small</p> </td> <td> <p>Этот текст <SMALL> маленький </SMALL></p> </td> <td> <p>Этот текст маленький</p> </td> </tr> <tr> <td> <p>Sub</p> </td> <td> <p>Этот текст <SUB> подстрочник </SUB></p> </td> <td> <p>Этот текст <sub>подстрочник</sub> </p> </td> </tr> <tr> <td> <p>Sup</p> </td> <td> <p>Этот текст <SUP> надстрочник </SUP></p> </td> <td> <p>Этот текст <sup>надстрочник</sup> </p> </td> </tr> </table> <p>Размер шрифта <FONT SIZE>. Вы можете изменять размер шрифта при помощи тэга:</p> <p><FONT SIZE=+|- n></p> <p>Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга:</p> <p><BASEFONT SIZE=n></p> <p>Например:</p> <p><img width="74" height="26" src="/images/paper/20/94/9409420.gif" alt=""><p>и <font SIZE=+1>з</font><font SIZE=+2>м</font> <font SIZE=+3>е</font><font SIZE=+4>н</font> <font SIZE=+3>е</font><font SIZE=+2>н</font> <font SIZE=+1>и</font> е</p></p> <p>изменение</p> <p>Цвет шрифта <FONT SIZE>. Вы можете изменить цвет шрифта при помощи тэга:</p> <p><FONT COLOR="#xxxxxx></p> <p>Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.</p> <p><img width="243" height="26" src="/images/paper/21/94/9409421.gif" alt=""><FONT COLOR="#FF0000"> Красный </FONT> <FONT COLOR="#00FF00"> Зеленый </FONT> <FONT COLOR="#0000FF"> Синий </FONT></p> <p>Красный Зеленый Синий</p> <h2><a name="_Toc95809929"> </a> </h2> <h2> </h2> <h2><b>3.Описание создания сайта</b> </h2> <p style="text-align:center;"><a name="_Toc95809930"><b>3.1 Подготовка</b> </a> </p> <p>Итак, в самом начале мне были нужны 2 главные вещи – хороший учебник по HTML и не менее хороший HTML-редактор. Учебник мне был необходим, так как знаний, почерпнутых на уроках, было недостаточно, а редактор намного упрощает создание Web-страниц. Использовать для этого стандартный блокнот Windows очень неудобно, главные его неудобства – это короткая история отмены (отменить можно не более одного действия) и необходимость постоянно сохранять документ, переходить в браузер, обновлять страницу для просмотра изменений. А HTML-редактор позволяет просмотреть изменения, внесённые в Web-страницу в своём внутреннем браузере одним нажатием кнопки. Конечно же, в нём неограниченна история отмены, а также имеется множество других плюсов по сравнению с блокнотом.</p> <p>Немного побродив по просторам Интернета, я нашла несколько электронных учебников по HTML, лучшим из которых оказался самоучитель Алленовой Натальи, так как написан очень доступно даже для “чайников” в создании Web-страниц, каким я, по сути, и была. Там нашлось всё, что я хотела узнать.</p> <p>Затем я занялась поиском простого, удобного, а главное, бесплатного редактора Web-страниц. Прочтя описания программ, я выбрала несколько редакторов, лучшим из которых оказался редактор Arachnophilia. В этой программе есть практически всё для создания сайта. Например, создать таблицу так же просто, как программе Microsoft Word – просто указать количество строк и столбцов. После нажатия кнопки “Ok” все соответствующие теги будут внесены в HTML-код создаваемой страницы. Так же легко осуществить и другие действия, одним словом, огромное спасибо создателю!</p> <br> <h2><a name="_Toc95809931"><b>3.2</b> <b>Создание главной страницы</b> </a> </h2> <p style="text-align:center;"> </p> <p>Итак, создание первой страницы, со стандартным именем index.htm. При создании новой страницы Arachnophilia выдаёт окошко с предложением указать цвета фона, текста и ссылок, а также даёт возможность указать заголовок. Я указала только цвет фона – травянисто-зелёный, и заголовок, всё остальное осталось по умолчанию, так как цвет текста и ссылок необходимо было подбирать на уже имеющемся фоне, для хорошей смотрибельности.</p> <p>После нажатия “Ok”, в моей первой странице уже были прописаны необходимые теги. Первый просмотр! Передо мной предстало пустое зеленое поле с заголовком вверху. Ну что же, подумаем над шапкой. Сначала я хотела разместить там просто текст приветствия, но, подумав, решила поместить фото нашего города – всё-таки сайт решила сделать о городе.</p> <p>И тут я вовремя вспомнила о разрешениях. У половины пользователей стоит экранное разрешение 800*600, у второй половины 1024*768, другие разрешения используются очень редко. Сайт должен хорошо смотреться при обоих разрешениях. Я видела сайты, сделанные для просмотра при 1024*768, при разрешении 800*600 создаётся необходимость горизонтальной прокрутки, что очень мешает просмотру сайта. А если создать сайт при разрешении 800*600, и выровнять все объекты по центру, то при просмотре на 1024*768 он смотрится даже лучше. Так я и сделала.</p> <p>Итак, рисунок. Если сделать его шириной 800 пикселей, то при разрешении 800*600 он будет занимать по ширине весь экран – не очень красиво. Значит, нужно сделать его немного поуже по ширине. Посмотрев фотографии, я нашёл подходящую, шириной 752 пикселя, с изображением акимата. Я уже собирался вставить её в страницу, и тут заметил её объём – 120 Кб. При обычном модеме, качающем не более 4 Кб в секунду, только рисунок открывался бы полминуты. Ни один пользователь, подумала я, не выдержит подобной пытки, и покинет сайт ещё до его загрузки. Нужно было как-то уменьшить объём рисунка. Имелось два способа – обрезать его по высоте и понизить качество. Я решила использовать оба, так как чем меньше объём, тем лучше. Для этого я выбрала лучшую программу для обработки изображений – всеми признанный Adobe Photoshop. После нескольких щелчков мышью, высота рисунка изменилась с 500 на 156 пикселей. Осталось понизить качество. При сильном понижении (1-3) объём очень сильно уменьшается, но смотрится рисунок так, что продолжать работу с моим сайтом не стал бы никто. При небольшом понижении (8-10) рисунок смотрится отлично, но объём слишком большой – ещё хуже. Выбор пал на середину (6), неплохое качество и объём 31 Кб, значит, загрузка рисунка осуществится менее чем за 8 секунд – это ещё можно вытерпеть. В итоге получилась фотография 752*156 пикселей объёмом 31 Кб.</p> <p>Поместив её в папку с сайтом, я открыла HTML-редактор, и после нажатия нескольких кнопок рисунок расположился вверху страницы, с выравниванием по центру. Неплохо, но чего-то не хватает. Я решила, что было бы неплохо наложить на рисунок надписи, содержащие краткое описание моего сайта – например, название и то, что он содержит.</p> <p>Снова открыв рисунок в Фотошопе, я написала в верхнем левом углу рисунка “kinel-city.kn”, а в правом нижнем краткое содержание сайта – “сведения, фото, программы”. С помощью таких эффектов, как внутренний свет, рельеф и др., я добилась того, чтобы надписи красиво смотрелись на фотографии. Сохранив рисунок с тем же именем, я обновил страницу. Вот это уже лучше! На этом работа с шапкой была закончена.</p> <p>Текст. После изготовления шапки страницы, самое время было взяться за текст, выбрать размер, стиль шрифта и содержание страниц. Я решила, что всего на сайте будет 6 страниц. Первая страница будет приветственной, вторая будет содержать описание создания города, третья страница будет отображать сегодняшний Кинель, четвёртая будет содержать фотографии города, пятая – программы, имеющие отношение к Кинелю, а шестая – благодарности.</p> <p>После небольших раздумий я набросала приветственный текст следующего содержания: “ЗДРАВСТВУЙТЕ! Добро пожаловать на сайт о Кинеле! Здесь Вы найдёте большое количество информации об этом городе, как о его создании, так и последние сведения о нём. Здесь Вы можете просмотреть и скачать фотографии города. Также на сайте доступны различные программы и файлы, имеющие отношение к Кинелю и Самаре, например телефонный справочник города, подробные карты и т.д. Благодарим за посещение сайта и до встречи!”.</p> <p>Затем я долго выбирала подходящий шрифт. Мне нравился шрифт Georgia, но он присутствует не во всех операционных системах. Times New Roman, Courier и Verdana используются почти на всех сайтах. Поэтому я выбрала Comic Sans MS, немного напоминающий рукописный текст.</p> <p>Размер шрифта я оставила по умолчанию, потому что более крупный или мелкий не смотрится как основной текст.</p> <p>Затем я долго подбирала цвет текста, многие цвета неплохо смотрелись на зелёном фоне, но остановился я на красно-коричневом.</p> <p>Кнопки и таблицы. Итак, настало время взяться за кнопки. Простые прямоугольники смотрелись далеко не очень красиво, а создать кнопки с непрямыми углами проще всего было в Macromedia Flash. За пару часов я изготовила 5 отличных кнопочек, загорающихся при наведении на них указателя мыши. Кнопкой, ведущей на первую страницу, я решила сделать шапку страницы, так как она не менялась во всех страницах моего сайта.</p> <p>На этом создание кнопок было завершено, осталось красиво расположить их относительно текста. Лучше всего смотрелась страница при расположении кнопок в столбик слева от текста приветствия. Очень долго я билась над выравниванием кнопок и текста, пока не расположила их в таблицы, кнопки в одну, а текст – в другую, а таблицы – рядом друг с другом. Всё сразу встало на свои места и стало выглядеть намного лучше. Конечно же, рамки таблиц пришлось убрать, так как с ними страница выглядела хуже.</p> <p>Всё было хорошо, но как же сделать, чтобы это всё не выглядело хуже при смене разрешения? И я решила поместить таблицу с кнопками и таблицу с текстом в одну большую таблицу с шириной 752 пикселя, под верхний рисунок, и расположить её по центру. Теперь ничего никуда не съезжало при смене разрешения. Эту же структуру я сохранила и при создании остальных страниц моего сайта.</p> <p>Баннеры и авторство. Чего же ещё не хватает, думала я, смотря на получившуюся страничку и вспоминая страницы, виденные мною в Интернете? Конечно же, баннеров. Зайдя на сайт о Кинеле - www.kinelgorod.ru, а также на сайт кинельской газеты “Кинельская жизнь”, я скопировала их баннеры, уменьшила их в Фотошопе и поместила в таблицу, а таблицу расположила под основной с выравниванием по центру. Для более чёткого отделения баннеров от текста приветствия я расположила над ними горизонтальную черту.</p> <p>Осталось расположить в самом низу страницы имя автора и ссылку на почтовый ящик, как на большинстве сайтов. Маленьким шрифтом по центру я прописала своё имя и фамилию, а ещё ниже вставила рисунок почты, и сделала его ссылкой на свой почтовый ящик с помощью функции mailto:.</p> <p>На этом создание основной страницы было окончено, и такая структура сохранялась на всех страницах, менялся лишь текст содержания, но неизменно над ним был рисунок-шапка, слева от него – кнопки, а под ним баннеры и ссылка на почту автора.</p> <p style="text-align:center;"><b>3.3 <a name="_Toc95809932">Создание второй страницы</a> </b> </p> <p>При создании второй страницы, содержащей историю создания города, я просто скопировала HTML-код главной страницы, затем удалила текст приветствия и вставила на его место краткое описание страницы. Далее я вставила ещё одну горизонтальную черту. В итоге получилась копия первой страницы, только с другим текстом приветствия и двумя горизонтальными чертами над баннерами. А между этими чертами я расположила основной текст страницы, содержащий саму историю создания города. И, конечно же, я изменила заголовок страницы.</p> <p>После набора 17 страниц книги "КИНЕЛЬ: ВЧЕРА, СЕГОДНЯ, ЗАВТРА", содержащих нужный материал, страница с историей была готова.</p> <h2><b>3.4 <a name="_Toc95809933">Создание страницы с рекламой города</a> </b> </h2> <p>Работа над третьей страницей заняла у меня больше времени, чем над всеми остальными, так как содержала больше всего материала. Набор десяти разделов по несколько страниц текста, в большом количестве содержащего кавычки, скобки, примеры и цифровые показатели – это дело не пары дней. К тому же, для лучшей навигации по странице я решила внедрить в неё якоря – ссылки внутри страницы. Под первой горизонтальной чертой я расположила в столбик названия всех разделов, сделав каждое ссылкой на начало соответствующего раздела. А в конце каждого раздела я расположила одинаковые ссылки, ведущие на начало списка якорей. Таким образом, просмотр страницы намного ускорялся. Также в конце каждого раздела, под ссылкой, я вставила горизонтальную черту, для более чёткого отделения разделов друг от друга.</p> <p>На этом и третья страница была готова.</p> <h2><a name="_Toc95809934"><b>3.5 Создание страницы с фотографиями</b> </a> </h2> <p>В четвёртой странице сохранилась та же структура, что и в первых трёх, просто вместо основного текста необходимо было выложить фотографии города. Объём каждой фотографии составлял, в среднем, 70 Кб. Если на одной странице выложить их все, то её загрузка заняла бы огромное время, а создавать несколько страниц было нельзя. Для решения проблемы я с помощью Фотошопа сделала уменьшённые копии каждой фотографии и вставил их в таблицу. Под каждой маленькой фотографией я сделала ссылку, ведущую на её увеличенную копию. Всего на странице представлено 39 фотографий, объём каждой уменьшенной фотографии составил не более 4 Кб, поэтому страница должна загружаться меньше, чем за минуту. А если пользователь захочет скачать все фотографии, то нет необходимости закачивать их по одной – имеется возможность скачки ZIP-архива, содержащего все фотографии.</p> <p>Таким образом, была завершена работа над четвёртой страницей моего сайта.</p> <h2> </h2> <h2><b>3.6 Создание страницы с программами</b> </h2> <p>На пятой странице должны были помещаться программы, имеющие отношение к Кинелю, статьи и гимн Кинеля. Припомнив структуру сайтов, содержащих софт, я решила сделать скриншоты каждой программы и дать краткие описания. Таким образом, страница выглядела так – под текстом, содержащим описание страницы, располагалась горизонтальная черта, ниже название программы, затем скриншот, описание и ссылка для закачивания. Позже я сделала и скриншоты статей. Каждую программу или статью разделяла горизонтальная черта, для четкого отделения их друг от друга. Также я выложила для скачки гимн Кинеля в формате mp3, и программу-архиватор WinRAR. На этом пятая страница была завершена.</p> <h2> </h2> <h2> </h2> <h2> </h2> <h2> </h2> <h2><b>Заключение</b> </h2> <p>Этот курсовой проект посвящен языку HTML. С помощью этого языка создаются файлы с расширением *.htm и *.html, являющиеся Web-страницами. Из них состоят сайты сети Интернет.</p> <p>К курсовому проекту прикреплён сайт, как пример того, что можно создать при помощи языка HTML.</p> <p>После прочтения этого проекта любой человек, даже совсем незнакомый с программированием, сможет понять основы программирования на HTML. А знающие, возможно, найдут что-нибудь новое для себя.</p> <p style="text-align:center;"><b>Список используемой литературы</b> </p> <p>1. Adobe Dreamweaver CS4: офиц. учебный курс. – М.: Эксмо, 2009. - 304 с.</p> <p>2. Александров, А.В. Создание web-страниц и web-сайтов / А.В. Александров, Г.Г. Сергеев, С.П. Костин. - М.: Триумф, 2008. – 288 с.</p> <p>3. Дронов, В.А. Adobe Dreamweaver CS4 (+ CD-ROM) / В.А. Дронов. – М.: BHV, 2009. - 832 с.</p> <p>4. Кисленко, Н.П. HTML. Самое необходимое (+ CD-ROM) / Н.П. Кисленко. - СПб: БХВ-Петербург, 2008. - 352 с.</p> <p>5. Коэн, И.Л., Коэн, И.Д. Полный справочник по HTML, CSS и JavaScript: [пер. с англ.] / И.Л. Коэн, И.Д. Коэн. - М.: ЭКОМ, 2007. - 1168 с.</p> <p>6. Мейер, Э. CSS - каскадные таблицы стилей: подробное руководство / Э. Мейер. – М.: Символ-Плюс, 2008. - 576 с.</p> <p>7. Хольцшлаг, М. Языки HTML и CSS для создания Web-сайтов: официальный учебный курс: [пер. с англ.] / М. Хольцшлаг. – М.: Триумф, 2007. - 304 с.</p> <p>8. http://pro.net.ru/ - Записки web-мастера.</p> <p>9. Бурсов, М.В. Основы работы с HTML-редактором Dreamweaver: учеб.-метод. Пособие / М.В. Бурсов, В.М. Домненко, Д.А. Гаврилин, Д.Г. Николаев. – СПб: ГИТМО (ТУ), 2002. – 104 с.</p> <p>10. Дригалкин, В.В. HTML в примерах. Как создать свой Web-сайт: самоучитель / В.В. Дригалкин. – М.: Диалектика, 2003. – 192 с.</p> <p>11. Кузнецов, М.В. PHP 5. Практика разработки Web-сайтов / М.В. Кузнецов, И.В. Симдянов, С.В. Голышев. - СПб.: БХВ-Петербург, 2005. - 960с. ил.</p> <p>12. Пауэрс, Д. Adobe Dreamweaver, CSS, Ajax и PHP / Д. Пауэрс. - СПб: BHV-CПб, 2009. – 1056 с.</p> <p>13. Ташков, П. Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, графика, раскрутка / П. Ташков. – СПб.: Питер, 2009. - 512 с.</p> <p>14. Экслер, А. Создание и раскрутка сайтов в Интернете / А. Экслер. – М.: Пресс, 2007. – 288 с.</p> <p>Размещено </p> <p>Приложение А:</p> <p><img width="623" height="499" src="/images/paper/22/94/9409422.jpeg" alt=""><br> Приложение Б:</p> <p><img width="623" height="499" src="/images/paper/23/94/9409423.jpeg" alt=""><br> </p> </td> </tr> </table> <form action='/comments.html' method='post' id='comments_form'><div class='title'>Оценить/Добавить комментарий</div><input type='hidden' name='go' value='add'> <input type='hidden' name='table_ID' value='2'> <input type='hidden' name='item_ID' value='370146'> <input type='hidden' name='pincode' value='0'> <div class='wrapper'> <div class='label-input'><div class='label'>Имя</div><div class='input'><input name='sender_name' value=''></div></div><div class='label-input'><div class='label'>Оценка</div><div class='input'><label><input type='radio' name='mark' value='2'>Плохо</label><label><input type='radio' name='mark' value='3'>Средне</label><label><input type='radio' name='mark' value='4'>Хорошо</label><label><input type='radio' name='mark' value='5'>Отлично</label></div></div></div><textarea name='comment'></textarea><input type='submit' value='Отправить'></form> <script language='JavaScript'> document.getElementById('comments_form').pincode.value=71-48+48+11-14*13+82*6; </script>Комментарии:<table width='100%'><tr><td width='100%' style='text-align:center;' valign='top' height='100%'><center> <table width='100%' class='list_table'> <tr> <td valign='top' width='68%' class='border_cell'>Хватит париться. На сайте FAST-REFERAT.RU вам сделают любой реферат, курсовую или дипломную. Сам пользуюсь, и вам советую!</td> </tr> <tr> <td valign='top' class='border_cell' nowrap> <table width=95%><tr><td width='33%'><b>Никита</b></td><td width='33%'>13:27:44 05 ноября 2021</td><td width='33%'></td></tr></table> </td> </tr> </table> </center></td></tr><tr><td width='100%' style='text-align:center;' valign='top' height='100%'><center> <table width='100%' class='list_table'> <tr> <td valign='top' width='68%' class='border_cell'>.</td> </tr> <tr> <td valign='top' class='border_cell' nowrap> <table width=95%><tr><td width='33%'><b>.</b></td><td width='33%'>13:27:42 05 ноября 2021</td><td width='33%'></td></tr></table> </td> </tr> </table> </center></td></tr><tr><td width='100%' style='text-align:center;' valign='top' height='100%'><center> <table width='100%' class='list_table'> <tr> <td valign='top' width='68%' class='border_cell'>.</td> </tr> <tr> <td valign='top' class='border_cell' nowrap> <table width=95%><tr><td width='33%'><b>.</b></td><td width='33%'>13:27:40 05 ноября 2021</td><td width='33%'></td></tr></table> </td> </tr> </table> </center></td></tr><tr><td width='100%' style='text-align:center;' valign='top' height='100%'><center> <table width='100%' class='list_table'> <tr> <td valign='top' width='68%' class='border_cell'>.</td> </tr> <tr> <td valign='top' class='border_cell' nowrap> <table width=95%><tr><td width='33%'><b>.</b></td><td width='33%'>13:27:39 05 ноября 2021</td><td width='33%'></td></tr></table> </td> </tr> </table> </center></td></tr><tr><td width='100%' style='text-align:center;' valign='top' height='100%'><center> <table width='100%' class='list_table'> <tr> <td valign='top' width='68%' class='border_cell'>.</td> </tr> <tr> <td valign='top' class='border_cell' nowrap> <table width=95%><tr><td width='33%'><b>.</b></td><td width='33%'>13:27:37 05 ноября 2021</td><td width='33%'></td></tr></table> </td> </tr> </table> </center></td></tr></table><br><a href='/comments-2-370146-1.html'>Смотреть все комментарии (14)</a><br><a href="/referat-like-370146-1.html">Работы, похожие на Реферат: и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:<br /> <br /> <<span>HTML</SPAN>><br /> <br /> <<span>HEAD</SPAN>><br /> <br /> <<span>TITLE</SPAN>>Список сотрудников</<span</a><br></index><script type="text/javascript" src="http://yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="small" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter"></div><br> <div style='color: #6600cc; text-align:center; cursor:hand; pointer:hand;' onclick='history.back();'>Назад</div></center></TD> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </TR> <tr> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#FBF8D2'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='1128' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </h1></table></td><td valign='top' width='160'><table width='' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='-20' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'>Меню</div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg2.gif); background-position: left bottom; background-repeat: repeat-x;'><a href='/'>Главная</a><br><a href='/referat-category-0-0.html'>Рефераты</a><br><a href='/content14.html'>Благодарности</a></td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#FBF8D2'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#FBF8D2' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table><center><noindex> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-7186036364273574" data-ad-slot="6755992885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </noindex> <script type='text/javascript'>  </script></center><table width='' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='-20' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'>Опрос</div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><form action="/survey.html" method="post"><input type="hidden" name="pollID" value="4"><input type="hidden" name="forwarder" value="/survey-results-4.html"><font class="content"><b>Станете ли вы заказывать работу за деньги, если не найдете ее в Интернете?</b></font><br><br> <table border="0" width="100%"><tr><td valign="top"><input type="radio" name="voteID" value="1"></td><td width="100%" class="content">Да, в любом случае.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="2"></td><td width="100%" class="content">Да, но только в случае крайней необходимости.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="3"></td><td width="100%" class="content">Возможно, в зависимости от цены.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="4"></td><td width="100%" class="content">Нет, напишу его сам.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="5"></td><td width="100%" class="content">Нет, забью.</td></tr> </table><br><center><font class="content"><input type="submit" value="Ответить"></font><br><br><font class="content"><a href='/survey-results-4.html'>Результаты(287614)</a><br><a href='/comments-1-4-1.html'>Комментарии (4159)</a></font></center></form> </td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#B3EEFC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table><center><noindex> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-7186036364273574" data-ad-slot="1096951027"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </noindex> <script type='text/javascript'>  </script></center></td> </tr> </table><table width='1128' style='margin-top:2px; margin-bottom:2px;'> <tr> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_left.gif' width='20' height='20'></td> <td width='1108' background='themes/bestref/images/frame_top.gif' height='3'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' colspan='2'><img src='/themes/bestref/images/frame_up_right.gif' width='20' height='20'></td> </tr> <tr> <td height='17'><div class='frame_title'><center>Copyright © 2005-2021 HEKIMA.RU <a href='mailto:support@bestreferat.ru'>support@bestreferat.ru</a> <a href='/content15.html'>реклама на сайте</a></center></div></td> </tr> <tr> <td width='1' bgcolor='#DCDCDC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td width='1126' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><center><br>   <noindex> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> </noindex> <div id='adsloaderdiv' style='width:1; height:1; overflow:hidden;'></div> </center></td> <td width='1' bgcolor='#B0B0B0'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> </tr> <tr> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_left.gif' width='20' height='20'></td> <td height='18' bgcolor='#B3EEFC'><img src='/themes/bestref/images/1.gif' width=1 height=1></td> <td rowspan='2' bgcolor='#B3EEFC' colspan='2'><img src='/themes/bestref/images/frame_down_right.gif' width='20' height='20'></td> </tr> <tr> <td width='1128' bgcolor='#B0B0B0' height='2'></td> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </table> </center><script type='text/javascript' src='/ads/adsloader.js'></script></body> </html>