Javascript скрипты. Веб-дизайнеру — полезные ссылки

Javascript — это язык программирования, который встраивается в html код веб страниц для увеличения функциональности сайта. Javascript был разработан фирмой Netscape в сотрудничестве с Sun Microsystems на базе языка Sun»s Java. Java скрипты выполняются на стороне клиента, хотя изначально Liveware — прародитель Java Script, являлся серверным языком программирования.

С помощью JavaScript создаются красивые интерактивные веб страницы, чего нельзя сделать в чистом html языке. Как правило скрипты выполняются после того, как пользователь предпримет какие-либо действия: наведение курсора, клик и т.д. Java script может выполняться и при загрузке веб страницы.

Писать Java скрипт можно при помощи любого текстового редактора: блокнот, Notepad++, Dreamweaver . В последнем, кроме подсветки кода и подсказок реализована проверка синтаксиса написания javascript»а. Но для этого нужно знать язык, принцип написания функций, методы, свойства и т. д. А для просмотра понадобится только браузер, способный обрабатывать ява скрипты. Например, Mozilla Firefox со встроенным дополнением Firebug, при помощи которого можно просматривать работу самого javascript»а и Microsoft Internet Explorer (так как эти два браузера по-разному воспринимают javascript).

Кстати, не все скрипты одинаково отображаются в браузерах. Большая часть Java скриптов, которые можно скачать бесплатно в интернете «браузер опера до версии 12.16» вообще не поддерживает. При этом работа JS ни как не зависит от операционной системы: будь то Андроид, iOS, Windows или другие.

Скачать готовый код JavaScript.

Ниже представлены готовые Java скрипты, которые Вы можете скачать совершенно бесплатно и украсить ими свой сайт.

 

Размещение Javascript.

Javascript-код может размещаться, как на самой странице, так и в отдельном файле.

Пример размещения готового кода Javascript внутри HTML.

Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами, которые в свою очередь обычно находятся в тегах. У тега могут располагаться и в теле документа (в тегах). Выполняться такой сценарий будет тогда, когда браузер «дочитает» страницу до этого места (до тегов).

Если Вы не знаете язык Java script, то Вы можете бесплатно скачать готовый код скрипта и разместить его согласно выше описанному на своём сайте.

Пример размещения готового кода Javascript в отдельном файле.

Создаём в любом текстовом редакторе страницу и сохраняем её как .js . Далее скачиваем готовый Javascript код и помещаем в эту страницу. Сохраняем в той же папке, где и HTML. Теперь необходимо подключить Java скрипт к html странице. Для этого в HTML файле делаем соответствующую запись:

src=»путь к файлу…. .js».
Теперь остаются только в нужном месте web страницы вызвать функцию, в которой описаны необходимые действия

выполняется при загрузке страницы

ссылка — javascript будет выполняться при клике по ссылке.

Событие onLoad

Событие происходит после загрузки какого-либо елемента страницы.

Событие onClick

Событие происходит после щелчка мыши.

Событие onMouseover

Событие происходит после наведения курсора на определенный объект страницы.

Событие onMouseout

Событие происходит в тех случаях, когда курсор мыши уходит с объекта.

Онлайн сервис для создания скриншотов.

Онлайн сервис для создания скриншотов из сети Интернет. Чтобы сохранить скриншот онлайн в браузере, без дополнительных программ, нужно: нажать на клавиатуре клавишу PrintScreen (PrtScr), затем перенести Ctrl + V (поместить) в окно браузера. Немного времени — и скриншот готов!! Очень удобно — счетчики, баннеры, реклама, изображения, захват экрана через сеть Интернет.

Воспользуйтесь: скриншот онлайн — http://snag.gy . Онлайн сервис для создания скриншотов snaggy.
Онлайн сервис для создания скриншотов через сеть Интернет snaggy. Чтобы получить скриншот онлайн в браузере, без дополнительных программ, нужно: нажать на клавиатуре клавишу PrintScreen (PrtScr), затем перенести Ctrl + V (поместить) в окно браузера сервиса snaggy. Экран Вашего компьютера. Paste images straight to the web.

Создание скриншотов сайтов — — миниатюры сайтов сервис http://www.s-shot.ru .

Онлайн сервис для создания скриншотов. Для создания скриншота сайта достаточно одного параметра — его адреса. Дополнительные параметры: разрешение захвата — указывается в пикселях, например (например, 1024×768), для полноразмерного скриншота указываем только ширину экрана — окна захвата (например, 1024). Позволяет выполнять снимки указанного размера или выполнить полноразмерный скриншот (в виде свитка — для длинных страниц).

Присоединяйтесь к сообществу Mozilla Firefox с официального веб-сайта.

Браузер нового поколения. Простой и лаконичный интерфейс позволяет освоить программу за несколько минут. Безопасность, высокая скорость работы, гибкость и расширяемость — основные качества, присущие Mozilla Firefox — совершенно бесплатному браузеру, отлично локализованному российской командой. Однако разработчики всегда будут рады принять от Вас добровольное пожертвование, которое пойдет исключительно на развитие технической базы проекта.

Красочный, интересный мир программ Mozilla — результат труда огромного количества людей. Держатель настоящего веб-сайта оценила все достоинства браузера Mozilla Firefox, когда взялась за разработку wap-сайтов для мобильных телефонов в формате XML. Оказалось, что Mozilla Firefox не только поддерживает работу этого мобильного стандарта на персональном компьютере и корректно отображает XML-файлы с расширением.xhtml в Unicode UTF-8, но и имеет встроенный синтаксический анализатор ошибок кода XML.
В отличие от ряда других браузеров, Mozilla Firefox не только выдает корректное сообщение об ошибке Вашего кода на русском языке с точностью до номера строки и номера символа в строке кода XML-страницы, но и указывает стрелочкой на первое ошибочное место Вашего XML-кода.

Если Вы программируете для мобильного wap-интернета, Вам будет проще с этим работать. Установите размер видимого окна страницы в Mozilla Firefox как 240х320 px (горизонталь х вертикаль), например, по картинке такого же размера — и Вы увидите, как Ваш wap-сайт будет выглядеть с мобильного телефона.

http://www.denwer.ru

Джентльменский набор Web-разработчика («Д.н.w.р» — «Денвер» — почти как название города) — самый известный проект Лаборатории dk, набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками (программистами и дизайнерами) для отладки сайтов на локальной Windows-машине без необходимости выхода в Интернет. Для русскоязычных пользователей Денвер навсегда останется бесплатным.
Однако разработчики Денвера будут рады принять от Вас любое добровольное пожертвование: оно пойдет на дальнейшее совершенствование этого ценного и полезного проекта.

За счет применения виртуального диска Денвер «изнутри» похож на «маленький Unix»: у него есть своя директория /home, /usr и даже /etc. Различные компоненты и серверы расположены так, как это принято в Unix. Например, в /home располагаются виртуальные хосты, а в /etc — скрипты конфигурирования.
Все комментарии в файлах переведены на русский язык. Вы должны привыкнуть к мысли, что ваш «локальный сервер» не хуже любого другого, расположенного в Интернете. Он содержит сайты (один или несколько), у каждого из которых есть определенное имя (задаете Вы сами). Доступ к этим сайтам осуществляется, как обычно: Вы указываете в адресной строке полный URL — обычное http-имя сайта и путь к документу на нем, только без выхода в интернет. Вы сможете достаточно полноценно работать на локальном компьютере со своими сайтами как через сеть интернет.

Денвер устанавливается в один-единственный каталог и вне его ничего не изменяет. Он не пишет файлы в Windows-директорию и в Реестре. При желании Вы можете даже поставить себе сразу два Денвера, и они не будут конфликтовать. Если Вы запустили Денвер, то он работает. Если завершили — то перестает работать, не оставляя после себя следов. Системе не нужен деинсталлятор — достаточно просто удалить каталог. Установив Денвер однажды, Вы можете затем просто переписывать его на другие машины (на произвольный диск в произвольную директорию). Это не приведет ни к каким побочным эффектам. Все конфигурирование и настройка под конкретную машину происходит автоматически. Очень простой в установке.

Веб-дизайнеру

Сегодня популярными стали публикации всевозможных учебников и учебных пособий, как стать веб-дизайнером и как научиться самому создавать веб-страницы. Поэтому мы решили отказаться от публикации учебных материалов и книг по веб-дизайну и предлагаем Вам более серьезные материалы — документацию и спецификации, переведенные на русский язык. Материал требует наличия начальных знаний и навыков работы в веб-дизайне, знания кодов и носит исключительно справочный характер. Не для продажи.

  • HTML-коды букв и специальных символов
  • Рекомендации W3C от 24 декабря 1999 года
  • Дополнительные материалы:
  • Заголовки DTD для документов (формат.txt)
  • SGML объявление HyperText Markup Language версии html 4
  • Специальные символы , типичный вызов
  • Специальные символы для html с кодировкой
  • Математические, греческие и символические знаки для html
  • html 4.01 Frameset DTD для документов с фрэймами
  • html 4.01 Переходное / Transitional ОТД, развитие таблиц стилей
  • html 4.01 Strict , которое исключает атрибуты представления и элементы
  • XHTML 1.0
    , переформулирование html 4 в XML 1.0
  • Рекомендации W3C от 26 января 2000 года
  • XML 1.0
    , вторая редакция
  • Расширяемый Язык Гипертекстовой Разметки
  • РРекомендация W3C от 6 октября 2000 года
  • HTTP/1.1
    , протокол передачи гипертекста
  • HTTP используется в World Wide Web (WWW) начиная с 1990 года
  • Релиз январь 1997 года

  • Ядро JavaScript 1.5.
    Руководство по Использованию
  • Copyright 2000 Netscape Communications Corp. Все Права Зарезервированы.
  • Дата последнего обновления 28 сентября 2000 года
  • Клиентский JavaScript.
    Руководство по Использованию
  • Copyright 1999 Netscape Communications Corp. Все Права Зарезервированы.
  • Дата последнего обновления 25 мая 1999 года

Если Вы являетесь разработчиком любого программного обеспечения для ЭВМ (программистом), предлагаю помощь в регистрации Ваших авторских прав на статью, книгу или брошюру, которая содержит текст Вашего программного обеспечения и его возможное краткое или развернутое описание с возможными иллюстарциями (как опубликованное, так и нет). Программное обеспечение ЭВМ как фрагмент или приложение научного произведения.

      • Инкассо чеков Google AdSense
        и именных чеков через Online.ePayService с 2018 года
      • WebMoney и информация о регистрации финансовых аккаунтов, обмен валют
      • Авторам — авторские права
        , помощь в регистрации и защите Ваших авторских прав
      • Проблемы электронного кодирования книг (издательские коды ISBN) в цифровую эпоху
      • Коды ISBN — переход с 10-значной системы ISBN на 13-значный ISBN и штриховое кодирование
      • Авторский знак , классическая таблица кодов авторских знаков Хавкина Л. Б. — алфавит
      • Авторский знак , таблица трехзначных кодов авторских знаков уточненная, 2015 г. — алфавит
      • УДК, таблица кодов УДК , универсальная десятичная классификация библиотечных шифров
      • ББК, таблица кодов ББК , библиотечно-каталожная система публикаций (шифры хранения)
      • КВЕД, таблица кодов 2015 , классификация видов экономической деятельности предприятий
      • Поиск в базе данных , коды УДК, ББК — библиотечные коды, КВЕД классификация, на русском языке
      • Печати и штампы, изготовление
        — тексты, изображения, защита, готовые штампы, недорого
      • Представительская полиграфия
        — визитки, календарики, буклеты, плакаты, брошюры недорого

Часть 1 «Функции Бесселя и цилиндрические функции в элементарном изложении с программами вычислений» рассматривает цилиндрические функции Бесселя и Неймана с точки зрения Первой базовой теоремы метода рекуррентных отношений (н. авт. К.305).Исследуются линейные дифференциальные уравнения второго порядка — обыкновенные и в частных производных и их приведение к уравнению Бесселя. Издание для инженеров, физиков, математиков-прикладников и других профильных и смежных специалистов (К.305).

на русском языке, объем 4.20 Мб, PDF (в оригинале)

на украинском языке, 4.11 Мб, PDF (авторский аутентичный перевод)

Выписка
о регистрации книг автора Кафтановой Ю.В. (Украина, г. Харьков). Выполнено — http://www.ukrbook.net — Державна наукова установа «Книжкова палата України імені Івана Федорова». Государственное научное учреждение «Книжная палата Украины имени Ивана Федорова», г. Киев, Украина, СНГ. Доступ к публичной информации, платные запросы, платные услуги — предоставление кодов УДК, ББК, авторских знаков, коды ISBN, работы с издательствами, выписки относительно книг и научных работ, изданных в Украине, СНГ.

Штрих-коды ISBN online — BarCode ISBN online для издателей

Бесплатный Онлайн Генератор Штрихкодов — Бесплатно создайте штрихкоды!! Есть бесплатный настраиваемый генератор издательских штрих-кодов ISBN online, которые формируются на основе готового 13-значного издательского кода книги ISBN (ISBN-13). Различные программы формировния штрих-кодов.

http://www.BarCodeRobot.com — генератор ISBN-13 Barcode online для издателей

Устойчивая специализированная online-программа генерирования издательского штрих-кода ISBN (ISBN-13) на основе готового издательского цифрового кода ISBN. Указывают цифры штрих-кода без дефисов, пробелов, символов и букв. ISBN-13 — generate, download online digital barcode files and images — BarCodeRobot.com

Язык JScript не требует дополнительной установки и входит в состав сервера , который в свою очередь, является частью операционной системы Windows
. Что бы создавать JS скрипты, достаточно использовать простой блокнот, хотя лучше подойдет редактор Notepad++
(смотрите статью » «). Все скрипты JS сохраняются с расширением .js
.

Синтаксис JScript языка чувствителен к регистру, поэтому, при объявлении переменных или при вызове методов стоит обращать внимание на регистр символов. Для комментирования одной строки, в начале прописывается двойная косая черточка (//
), что бы комментировать сразу несколько строк применяется конструкция /* … */
. При работе с переменными нет необходимости указывать их тип (более детально работу с переменными я разобрал в статье » «). Как и язык , синтаксис языка JScript позволяет подключать внешние объекты, что значительно расширяет его возможности.

Стоит обратить внимание, что хотя JS скрипты и являются разработкой компании Microsoft
, но они практически идентичен сценариям языка JavaScript
, так что те, кто уже знакомы с JavaScript, с легкостью освоят JScript.

Хорошо, со вступительной частью мы закончили, теперь можно приступить к программированию. Для примера, давайте рассмотрим следующий сценарий:

//********************************

// пример простого сценария

// jscript_scripty.js//*********************************

var
A,
a,
list=
«»
,
WshShell;

var
my_var =
«это простая строка»
;

// массив

var
MyArr =
new
Array
(100
,
200
,
300
)
;

// Создаем экземпляр класса WScript.Shell

WshShell =
WScript.CreateObject
(«WScript.Shell»
)
;

a =
24.5
;

A =
200
;

WScript.Echo
(a +
«\n
»
+
A)
;

WScript.Echo
(my_var)
;

for
(var
index=
0
;
index<=
2
;
index++
)
{

list+=
MyArr[
index]
+
«\n
»
;

}

WshShell.Popup
(list)
;

Видим, что вначале идёт комментирование скрипта JS, как правило, комментарии должны описывать назначение сценария, или строк кода. Тут мы просто прописали имя JS скрипта и его название. Далее с помощью ключевого слова var мы объявили переменные, видим, что переменным можно сразу присваивать значения. Для примера, я объявил один массив, который хранится в переменной MyArr
(работу с массивами я рассмотрел в статье » «). С помощью конструкции WScript.Echo
мы можем выводить нужные нам значения, например, переменные или просто текст. Также, обратите внимание, что в конце каждого оператора прописывается точка с запятой. Что бы обработать по отдельности каждый элемент массива, мы использовали цикл for (работу данного цикла я подробно описал в статье » «). Видим, что синтаксис JScript языка требует для обращения к элементу массива в квадратных скобках прописывать его индекс, нумерация элементов начинается с нуля. Также в программном коде я создал ссылку на объект (смотрите статью » «), что бы воспользоваться методом Popup для вывода содержимого переменной list.

Хорошо, теперь давайте рассмотри еще один пример:

/*
JS скрипты
пример простого сценария
2_jscript_scripty.js
*/my_fun =
function
(a,
b)
{
return
a +
b;
}my_obj =
{
x:
100
,
y:
200
,
z:
my_fun}

with(WScript)
{

Echo(my_fun(10
,
20
)
)
;

Echo(my_obj.z
(10
,
20
)
)
;

}

Для новичка синтаксис данного JS скрипта может показаться непонятным. Но, в будущем, когда опыта прибавляется, такой подход написания программного кода может сильно пригодиться. И так, что же мы тут прописали?

my_fun = function(a,b){return a +b;}

– Это функция (подробно работу с функциями я рассмотрел в статье » «), доступ к ней осуществляется через переменную my_fun
. Видим, что ей передаются два параметра, a
и b
, ключевое слово return говорит, что именно должна вернуть функция, в данном случае – сумму параметров a и b.

my_obj = {x:100, y:200, z:my_fun}

– Это объект (подробно работу с объектами я рассмотрел в статье » «), у него три свойства. Свойство x
хранит число 100, свойство y
– число 200, а свойство под именем z хранит в себе функцию my_fun, и фактически, становится методом.

Обратите внимание на конструкцию with(WScript){ … }
, вам часто придется встречать оператор with. Данный оператор позволяет сократить программный код, что бы не писать лишний раз имя объекта.

Как видим, использование такого синтаксиса языка JScript немного отличается от VBScript. В конце JS скрипта мы дважды вызываем нашу функцию, сначала через переменную my_fun, а потом через свойство z объекта my_obj.

И так, давайте подвед`м итоги… В этой статье мы рассмотрели скрипты JS, их общий синтаксис, пример подключения внешнего класса и работу с внутренним объектом (Array)

Это вводный курс по JavaScript для начинающих
. Сегодня мы напишем нашу первую программу на JavaScript. Напомню, что программы на JavaScript называются сценариями
или просто скриптами
. Поехали!

Вы, наверное, сразу подумали про «Hello World!»? Нет! Это оставим для чайников. Напишем что-то более интересное. Но прежде давайте разберемся, в чем писать наш скрипт. На первых порах вам понадобится какой-нибудь простенький редактор кода. Я пользуюсь PSPad и всем его рекомендую. Это бесплатный текстовый редактор для программистов. Все!

Запускаете редактор, нажимаете Ctrl+N и выбираете, какой файл хотите создать. В длинном списке вы найдете и JavaScript, но он вам пока не нужен. Понадобится он лишь когда вы будете писать отдельные скрипты, вынесенные в отдельные файлы. Нам же сейчас нужна простая HTML страничка, куда мы сможем внедрить наш скрипт.

Поэтому переходим на вкладку Из шаблона
, далее HTML
и в выпадающем списке выбираем HTML5
. Мы же за современную веб-разработку, верно?

Внесем несколько исправлений и уберем все лишнее. В частности, исправим язык, уберем лишние кавычки и лишние строки, но добавим одну полезную строку, которая пригодится еще в будущем (viewport). Получим вот такую красотень:

 

Отлично! Предварительная подготовка закончена. Теперь напишем непосредственно сам скрипт. Между тегамидобавим вот такой кусок кода:

А теперь сохраним этот файл под именем test с расширением.html и откроем его в браузере. Вуаля!

Браузер сразу покажет всплывающее окошко, так называемый алерт (alert — предупреждение)
. Обратите внимание на поведение браузера: он будет оставаться в процессе загрузки страницы до тех пор, пока вы не нажмете на кнопку ОК. Это не ошибка. Браузер именно ожидает от нас, что мы будем делать дальше.

Если мы проигнорируем предупреждение, то загрузка страницы так и застрянет на этом месте, а если нажмем на кнопку ОК, то программа будет завершена, и страница загрузится до конца.

Бывает такое, что некоторые скрипты работают криво, или у пользователя специально отключена в браузере работа JavaScript. Тогда страница может застрять на этом месте конкретно. Об этом мы уже говорили во . Как обойти эти траблы мы поговорим позднее. Замечу только, что не всегда помогает вынос скриптов в самый конец страницы, а иногда это даже вредно.

Ну, а пока самое время таки нажать на кнопку ОК.

Так нажмите же на нее, наконец!

Как вы, наверное, уже догадались, текст с поздравлением загрузился сразу после нажатия на кнопку. Просто мы в коде страницы после скрипта добавили этот текст с заголовком. Вот как это выглядит в коде:

Правда, ведь, ничего сложного? Подобные всплывающие окошки с предупреждением вы видели уже не раз и не два. Теперь вы знаете, откуда они берутся, и почему страницы не грузятся дальше, пока вы не нажмете на кнопку в окне предупреждения.

В следующий раз мы применим alert для проверки правильности заполнения полей формы обратной связи и познакомимся с понятием функции
в JavaScript. Оставайтесь на связи!

От автора:
сам по себе сайт на чистом html очень сильно ограничен по своей функциональности. Чтобы добавить на него какие-то привычные всем возможности, нужно использовать другие технологии. Скрипты для сайта html сделают ресурс гораздо более функциональным. О них давайте и поговорим.

Дело в том, что языки HTML и CSS имеют очень ограниченные возможности. С их помощью можно только создать и оформить страницу, организовать какие-то простые эффекты при наведении, добавить ссылки на другие страницы и т.д. Но для большинства современных ресурсов этого мало. Вот какие возможности используются на многих веб-сайтах сегодня: календари, умные виджеты, счетчики посещаемости, формы регистрации и добавления комментариев, слайдеры и многое-многое другое.

Чаще всего под скриптом понимают файл или несколько файлов, которые написанные на языке javascript и каким-то образом дополняют функциональность сайта. Но сценарии можно создавать на любом языке программирования: PHP, Perl, Python и т.д. Больше всего скриптов существует на PHP и JavaScript, так как это самые популярные сегодня технологии.

Где скачать готовые скрипты для сайта html

Конечно, сегодня в сети можно скачать тысячи сценариев, но где можно найти наиболее крупные подборки? В этом плане зарубежные сайты немного впереди рунета, потому что там веб-технологии развиваются быстрее.

Например, hotscripts.com. Огромный зарубежный портал, на котором представлено более десяти тысяч сценариев и программ на самых разных языках программирования. В том числе там есть различные полезные вещи на HTML5. Только все на английском, поэтому как-то вам придется разбираться, если очень надо будет.

Рис. 1. Крупнейший в интернете портал скриптов. К сожалению, только для тех, кто дружит с английским.

Ну а это русскоязычная библиотека скриптов . В основном тут представлены материалы по PHP. В данном случае русскоязычный сайт выигрывает тем, что почти все инструкции по установке скриптов на русском, а значит, разобраться намного легче.

Как устанавливать и подключать скрипты

На этот вопрос точно ответить невозможно, потому что скрипты отличаются своей сложностью и способом установки. Например, для javascript-сценариев чаще всего требуется для начала скачать и установить библиотеку jQuery, а уже к ней подключать различные плагины, которые и будут реализовывать нужный функционал.

В случае с PHP установка может заключаться в копировании нужных файлов на сервер с дальнейшим прописыванием нового куска кода в функциях. Впрочем, почти каждый нормальный скрипт имеет инструкцию по установке.

Чем отличаются javascript и php скрипты

Разница в том, что на javascript чаще всего создают красивые элементы оформления, пишут сценарии, которые срабатывают при различных действиях посетителя. Например, можно менять расположение элементов на веб-странице, менять цветовую схему сайта и даже его структуру. Например, на многих крупных порталах вы сами можете настроить дизайн сайта. Именно там применяется javascript и его самая популярная библиотека – jQuery.

PHP в этом плане очень сильно отличается. Этот язык создан в основном для расширения функциональности. С его помощью оживают всевозможные формы регистраций, отзывов и комментариев. Скрипт обратной связи для сайта html также можно написать на PHP. На самом деле возможности этого языка намного более широкие.

На нем написаны самые популярные движки, такие как WordPress, с его помощью создаются библиотеки, счетчики, карты сайтов, инструменты для администрирования на хостинге и сотни других вещей. В этом плане PHP может гораздо больше, чем javascript.

Пример установки скрипта

Ну а теперь давайте установим какой-нибудь скрипт. Методом случайного тыка я выбрал этот — ссылка . Это графические часы. Сначала давайте распакуем скачанный архив и посмотрим, что там.

Мне сразу не понравилось, что там целых 14 изображений, которые нужны для работы. Ну да ладно, не будем сейчас оценивать качество скрипта, а просто установим его.

Для этого нужно открыть файл index.html. Там нас должен интересовать тег script и все его содержимое. Собственно, вариантов установки веб-сценария два:

Просто скопировать все содержимое тега script и вставить на свою страничку в тег head.

Скопировать код в отдельный файл (например, script.js), а потом подключить этот файл к html-страничке. Так мы поступим правильно с точки зрения стандартов, разделив разметку страницы и ее поведение.

Дальнейший процесс установки заключается в том, что тегу body нужно дописать атрибут onload = «show3()». Это означает, что после загрузки тела страницы должна быть выполнена функция show3(), которая и приводит в действие наши часы.

Теперь нам остается только вставить в тело страницы строчку кода, которая будет создавать необходимые элементы для показа часов. В скрипте по умолчанию прописано так:

< a href = «ссылка на сайт» >
< Img Src = «cb.gif» Name = «a» border = 0 >
< Img Src = «cb.gif» Name = «b» border = 0 >
< Img Src = «colon.gif» Name = «c» border = 0 >
< Img Src = «cb.gif» Name = «d» border = 0 >
< Img Src = «cb.gif» Name = «e» border = 0 >
< Img Src = «colon.gif» Name = «f» border = 0 >
< Img Src = «cb.gif» Name = «g» border = 0 >
< Img Src = «cb.gif» Name = «h» border = 0 >
< Img Src = «cam.gif» Name = «j» border = 0 >
< / a >

То есть все картинки для часов заключены в общий контейнер-ссылку на портал, где мы скачали скрипт. Нужно заменить контейнер a на контейнер div и расположить на своем сайте это там, где вы хотите видеть часы. Наиболее подходящие места: подвал сайта или низ его боковой колонки.

Вот собственно и все. Так же можно установить скрипт слайдера для сайта html, поиск по сайту, календарь и многое-многое другое. Иногда такие вещи устанавливаются в виде jQuery-плагинов. Если вы используете популярную CMS, то для нее тоже есть множество плагинов, реализующих нужный функционал.

В общем, главное уметь искать эти самые скрипты, а их установка может очень отличаться в разных случаях. Итак, устанавливайте действительно полезные скрипты для своего сайта и продолжайте заходить на webformyself, потому что здесь для вас приготовлено еще много интересного о сайтостроении.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Прокрутить вверх