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

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

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

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

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















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










alert("Что смотришь? Нажми скорее кнопку!");
Поздравляю!

Ну, красава! Ты справился. Возьми с полки пирожок. Ты уже шаришь в JavaScript!




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

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

Язык 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 < 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, потому что здесь для вас приготовлено еще много интересного о сайтостроении.

http://PasteNow.ru . Онлайн сервис для создания скриншотов.
Онлайн сервис для создания скриншотов из сети Интернет. Чтобы сохранить скриншот онлайн в браузере, без дополнительных программ, нужно: нажать на клавиатуре клавишу 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 .
Онлайн сервис для создания скриншотов. Для создания скриншота сайта достаточно одного параметра - его адреса. Дополнительные параметры: разрешение захвата - указывается в пикселях, например (например, 1024x768), для полноразмерного скриншота указываем только ширину экрана - окна захвата (например, 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-директорию и в Реестре. При желании Вы можете даже поставить себе сразу два Денвера, и они не будут конфликтовать. Если Вы запустили Денвер, то он работает. Если завершили — то перестает работать, не оставляя после себя следов. Системе не нужен деинсталлятор — достаточно просто удалить каталог. Установив Денвер однажды, Вы можете затем просто переписывать его на другие машины (на произвольный диск в произвольную директорию). Это не приведет ни к каким побочным эффектам. Все конфигурирование и настройка под конкретную машину происходит автоматически. Очень простой в установке.

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

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

  • Рекомендации W3C от 24 декабря 1999 года
  • 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. Руководство по Использованию
  • Copyright 1999 Netscape Communications Corp. Все Права Зарезервированы.
  • Дата последнего обновления 25 мая 1999 года

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

    Часть 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




Top