Разработка 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>

Страница:  1  2  3  4  5  6  7 


Другие рефераты на тему «Программирование, компьютеры и кибернетика»:

Поиск рефератов

Последние рефераты раздела

Copyright © 2010-2024 - www.refsru.com - рефераты, курсовые и дипломные работы