Разработка Web-сайта на основе HTML с использованием 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. height
a+='; 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><img
src="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>
Другие рефераты на тему «Программирование, компьютеры и кибернетика»:
Поиск рефератов
Последние рефераты раздела
- Основные этапы объектно-ориентированного проектирования
- Основные структуры языка Java
- Основные принципы разработки графического пользовательского интерфейса
- Основы дискретной математики
- Программное обеспечение системы принятия решений адаптивного робота
- Программное обеспечение
- Проблемы сохранности информации в процессе предпринимательской деятельности