|
|
| Разработка Web-сайта на основе HTML с использованием JavaScript |
|
десь приводится следующая информация:Q важность изучения JavaScript; а история JavaScript;а некоторые различия между языками подготовки сценариев и языками программирования; а инструменты, необходимые для написания сценариев JavaScript.3.1 Использование JavaScriptПрисмотритесь к сайтам, которые вы посещаете. На каждой странице содержится текст и некоторое количество картинок. Быть может, есть часы, показывающие время, или бегущий текст в строке состояния браузера. Возможно, на сайте имеется форма, которую нужно заполнить. Если пропустить какую-либо графу анкеты, то появится сообщение об ошибке. На некоторых страницах встречаются движущиеся по экрану изображения или текст, изменяющийся при щелчке мыши.Таким образом, вы можете наблюдать JavaScript в действии, а создать подобные эффекты может любой человек, знающий этот язык. Причем без особого труда.Рекомендация Следует понаблюдать за тем, что создают с помощью JavaScript другие разработчики. Это отличный способ найти свежее решение.Прочитав эту книгу, вы не только освоите JavaScript (вместо того, чтобы просто копировать и вставлять в Web-страницу готовые сценарии), но и узнаете множество интересных идей, реализовать которые вы сможете сами - с помощью JavaScript.3.2 Важность изучения JavaScriptПолезно изучить JavaScript хотя бы из-за его широкого распространения в сети. Огромное количество Web-страниц сделано с использованием сценариев (по самым разным причинам), и сайты без них кажутся блеклыми и скучными. Каким бы интересным не было содержание сайта, некоторые посетители сразу захотят уйти. Конечно, нет смысла оспаривать важность текстового содержания для любой Web-страницы, однако использование JavaScript не только улучшит подачу материала, но и сделает вашу страницу более запоминающейся.Рекомендация Запомните: единственное, что отличает пользующиеся успехом сайты от неудачных, - их внешний вид. Чем интереснее оформлен сайт, тем он популярнее.Предупреждение Остерегайтесь использования найденных в сети сценариев, предназначенных для копирования и вставки. Как правило, они не отличаются хорошим качеством и, что хуже всего, дублируются на тысячах сайтов. Изучение JavaScript избавит вас от такой практики и позволит создавать оригинальные запоминающиеся Web-страницы.Можно найти еще множество причин для изучения и использования JavaScript. Сценарий всего в несколько строк помогает посетителям сайта отыскать страницу, соответствующую их браузеру и установкам, либо автоматически подсчитать сумму колонок в форме заказа. Подобные "мелочи" не рассчитаны на внешний эффект, но они свидетельствуют о высоком уровне профессионализма разработчика и знании им этики деловых отношений. 3.3 Программный код Web сайта<html><head><title>Хостинг. Готовые шаблоны сайтов. </title><meta name="robots" content="ALL"><meta name="keywords" content="хостинг, бесплатный, готовый, шаблон, сайт"><meta http-equiv=Content-Type content="text/html; charset=windows-1251"><meta name="description" content="Бесплатный хостинг. Готовые бесплатные шаблоны сайтов. "><! - Хостинг - -><style type="text/css">a {text-decoration: none; font-size: 8pt; color: #E0FDAF; }a: hover {text-decoration: underline; font-size: 8pt; color: #E0FDAF; }font { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: white; }b. yellow {color: #FAF294; }hr {color: #D1D33B; }hr. bw {color: black; }font. green { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: #B5FC39; }font. title { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: #ffffff; }font. title1 { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: black; }font. title2 { font-family: Arial, Tahoma, Helvetica; font-size: 20pt; color: #D2A801; }font. title3 { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: black; }font. title4 { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: white; }font. black { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black; }font. blackt { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: #ffffff; }font. blacklm { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: black; }font. blacklm2 { font-family: Arial, Tahoma, Helvetica; font-size: 7pt; color: black; }font. blacklight { font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: white; }font. blacklight2 { font-family: Arial, Tahoma, Helvetica; font-size: 10pt; color: black; font-weight: bold }font. tse { font-family: Arial, Tahoma, Helvetica; font-size: 8pt; color: #96B495; }</style></head><body bgcolor=white text=#ffffff leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><! - -Rating@Mail.ru COUNTER--><script language="JavaScript"><! - -d=document; a=''; a+='; r='+escape (d. referrer)js=10 // --></script><script language="JavaScript1.1"><! - -a+='; j='+navigator. javaEnabled ()js=11 // --></script><script language="JavaScript1.2"><! - -s=screen; a+='; s='+s. width+'*'+s. heighta+='; d='+ (s. colorDepth? s. colorDepth: s. pixelDepth)js=12 // --></script><script language="JavaScript1.3"><! - -js=13 // --></script><script language="JavaScript"><! - -d. write ('<img src="http://top. list.ru/counter'+'? id=280923; js='+js+a+'; rand='+Math. random () +'" height=1 width=1>')if (js>11) d. write ('<'+'! - ') // --></script><noscript><imgsrc="http://top. list.ru/counter? js=na; id=280923"height=1 width=1 alt=""></noscript><script language="JavaScript"><! - -if (js>11) d. write ('--'+'>') // --></script><! - -/COUNTER--><center><! - Бесплатный хостинг - -><table border=0 cellpadding=0 cellspacing=0 width=650><! - Хостинг - -><tr valign=top><td background=vb-1. jpg width=28 height=30></td><td background=vb-2. jpg width=592 height=30 align=center></td><td background=vb-3. jpg width=30 height=30></td></tr></table><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650><! - Хостинг - -><tr valign=top><td background=vb-4. jpg width=15 height=5></td><! - Столбец 1 (Вертикальный) - -><td background=vb-5. jpg width=621 align=center><! - Бесплатный Хостинг - -><img src=title. jpg alt="Хостинг" border=0></td><td background=vb-6. jpg width=16 height=5></td></tr></table><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650><! - Нижняя часть таблицы - -><tr valign=top><td background=vb-7. jpg width=28 height=30></td><td background=vb-8. jpg width=594 height=30 align=center></td><td background=vb-9. jpg width=28 height=30></td></tr></table><table border=0 cellpadding=0 cellspacing=0 width=650><! - Верх таблицы - -><tr valign=top><td background=vb-1. jpg width=28 height=30></td><td background=vb-2. jpg width=592 height=30 align=center></td><td background=vb-3. jpg width=30 height=30></td></tr></table><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650><! - Средняя основная часть таблицы - -><tr valign=top><td background=vb-4. jpg width=15 height=5></td><! - Столбец 1 (Вертикальный) - -><td background=vb-5. jpg width=621 align=center><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560><tr><td background=vb-5. jpg><font><p align=left><br> <img src=point. jpg> <a href=http://vbcomponent. narod.ru/ title="Visual Basic">VB и COM</a> <img src=point. jpg> <a href=http://barbie. oflameron.ru title="Барби">Барби</a> <img src=point. jpg> <a href=http://themonopoly. narod.ru/ title="Игры"><b>Игры</b></a> <img src=point. jpg> <a href=http://gamebuilder. narod.ru/ title="Игры">Генератор игр</a> <img src=point. jpg> <a href=http://www.oflameron.com/ title="Free tutorials">Tutorials</a> <img src=point. jpg> <a href=http://tcp. oflameron.com/ title="Winsock">Winsock</a> <img src=point. jpg> <a href=http://kyrsovik. oflameron.ru/ title="Курсовик">Курсовики</a> <img src=point. jpg> <a href=http://guide. oflameron.ru/ title="Visual Basic">Visual Basic</a> <img src=point. jpg> <a href=http://www.oflameron.com/ title="VB tutorial">Free Tutorials</a> <img src=point. jpg> <a href=http://play. oflameron.ru/ title="Бесплатные игры">Игры</a> <img src=point. jpg> <a href=http://music. instructions.ru/ title="Бесплатные MP3"><b>MP3</b></a> <img src=point. jpg> <a href=http://website. oflameron.ru/ title="Шаблоны сайтов">Шаблоны</a> <img src=point. jpg> <a href=http://web. oflameron.ru/ title="Шаблоны сайтов">Сайт</a> <img src=point. jpg> <a href=http://website. oflameron.ru/ title="Веб дизайн">Вебдизайн</a> <img src=point. jpg> <a href=http://delphi. oflameron.com/ title="Delphi tutorial">Delphi</a> <img src=point. jpg> <a href=http://www.oflameron.ru/ee/ title="Игры скачать">Скачать игру</a> <img src=point. jpg> <a href=http://www.oflameron.ru/nu/ title="Натуризм">Натуризм</a> <img src=point. jpg> <a href=http://oflameron. narod.ru/ title="Карты">Карты</a> <img src=point. jpg> <a href=http://templates. oflameron.ru/ title="Бесплатные шаблоны">Бесплатные шаблоны</a> <img src=point. jpg> <a href=http://freeproject. narod.ru/ title="Курсовики">Курсовики</a> <img src=point. jpg> <a href=http://image. oflameron.ru/ title="Photoshop">Photoshop</a> <br> </p></font></td></tr><tr></tr></table></td><td background=vb-6. jpg width=16 height=5></td></tr></table><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650><! - Средняя основная часть таблицы - -><tr valign=top><td background=vb-4. jpg width=15 height=5></td><! - Столбец 1 (Вертикальный) - -><td background=vb-5. jpg width=621 align=center><table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560><tr><td background=vb-5. jpg><font><p align=justify><br> Список серверов для <b>хостинга</b> персональных веб сайтов. Приведена проверенная информация, позволяющая сравнивать качество предоставляемого <b>хостинга</b> - размер выделенного дискового пространства, разрешенный объем трафика, дополнительная рекламная нагрузка, варианты для загрузки файлов (FTP или HTTP), почтовые сервисы, <b>готовые</b> <b>шаблоны</b> <b>сайтов</b> и т.д. </p></font></td></tr><tr><td background=vb-5. jpg><font><p align=justify> В разделе "<b>Готовые</b> <b>шаблоны</b> <b>сайтов</b>" представлен обзор архивов с большим выбором готовых шаблонов веб сайтов. В обзор включены шаблоны, выполненные с использованием различных технологий и на различные тематики. Представленные шаблоны доступны для бесплатного (как правило) скачивания, так и для получения на платной основе (за небольшую плату 10$ - 30$). [</font><a href=http://website. shmeleff.com/ title="Сайты"><font class=green><b><u>Готовые сайты</u></b></font></a><font>] </p><br> </font></td></tr><tr align=center><td background=vb-5. jpg></td></tr><tr><td background=vb-5. jpg><font><p align=left><br> </font><a href=http://geocities. yahoo.com/join/><font><b class=yellow>geocities. yahoo.com</b></font></a><font> - весьма удобный и качественный бесплатный и платный <b>хостинг</b>. Выделяемый объем - 15 Мбайт. Есть доступ по FTP. Редактор - Adv Basic. Реклама - Adsquare. Адрес Вашего сайта - /you. Дополнительные сервисы - RealVideo, RealAudio, POPmail, GuestBook, MailForm Counter. </p></font></td></tr><tr><td background=vb-5. jpg><font><p align=center><br><img src=yahoo. jpg alt="Хостинг"><br> </p></font></td></tr><tr><td background=vb-5. jpg>
Страницы: 1, 2, 3
|
|
|
|
© 2003-2013
Рефераты бесплатно, курсовые, рефераты биология, большая бибилиотека рефератов, дипломы, научные работы, рефераты право, рефераты, рефераты скачать, рефераты литература, курсовые работы, реферат, доклады, рефераты медицина, рефераты на тему, сочинения, реферат бесплатно, рефераты авиация, рефераты психология, рефераты математика, рефераты кулинария, рефераты логистика, рефераты анатомия, рефераты маркетинг, рефераты релиния, рефераты социология, рефераты менеджемент. |
|
|
