Технологія створення сайтів на мові програмування Java Script презентация

Содержание

План 1 Переваги Web-верстки 2 Вiдмiннiсть HTML та JavaScript 3 Приклади використання JS 4 З чого складається Web-сторiнка

Слайд 1Технологія створення сайтів на мові програмування Java Script
Вище професійне училище №21

м.Миколаєва

Виконав
Максимчук Іван

Миколаїв 2015


Слайд 2План
1
Переваги Web-верстки
2
Вiдмiннiсть HTML та JavaScript
3
Приклади використання JS
4
З чого складається Web-сторiнка


Слайд 3Мета

Показати, чим web-программи краще, ніж локальне
Можливості крос-платформи у
web-программуванні
Можливості одніеї з

мов Web, JavaSсript


Слайд 4Мови


HTML- тiло сторiнки, але вiзуально, вiн має дуже малє коло можливостей




JS-

мозок тiла html
Керує данними html з допомогою Скрипта, дозволяючи
використовувати iхнi характеристики

Web-сторінка


Слайд 5 Те, що крутиться у інтернеті
HTML


Слайд 6Склад готового сайту
HTML


Слайд 7

Плюси Web-верстки
Чим кращий Web
Кросс-платформеннiсть
Не потребує місця на HDD
Всю роботу выконує сервер
Все,

що треба, це блокнот

Для запуску, вистачить браузера


Слайд 8Кросс-платформа
OS Chrome


Слайд 9Як усе виконується






INTERNET
www.vk.com
www.MoISait.com
www.Localhost.com
Саша к.Україна
Чис к.Китай
Федерико к.Швецарія


Слайд 10Заробітна плата







JavaScript
PHP

Java
HTML
2 000$
1 500$
620$
300$


Слайд 11Можливості скрипта

Анімація фона сайту
Поява блока при: наведенні,натисканнi
Яскраве завантаження сторінки
JavaScripta


Слайд 12Приклад роботи

















Натискаемо на кнопку
Їде завантаження
Сайт виконав завантаженя
Hello World
Hello World
Hello Friend
Hello World


Слайд 13Приклад роботи №2
JavaScript
Це скрипт, який робе у браузері.
Він оживляется,
Та становится анімірованним.

JS
JavaS
JavaScript
Це

скрипт, який робе у браузері.
Він оживляется,
Та становится анімірованним.

JavaScript


Слайд 14Приклад роботи №3




2 17
2
4
5
6
7
8
9
*
=
3
1


Слайд 15Практична робота
Пiдключаємо Jquery

Створюємо


Слайд 16Практична робота
Пишемо стилi СSS
Створюємо змінні


Слайд 17Практична робота
У JS прописуємо, внутрiшнi данi DIVa
Пишемо функцiю, яка працює при

натисканнi

Слайд 18Практична робота
Вводимо клавiши
Зациклюємо Функцiю


Слайд 19Практична робота
Створюємо fon
Кажемо йому рухатись


Слайд 20Практична робота


Слайд 21Висновок
Ми розглянули з чого складаеться web-сайт
Основні вимоги популярного сайта
Навіщо сайту треба

код на JavaScript
Cередню заробітню плату на різних мовах
Як ми з будь-якого пристрою заходемо на файл html
Приклади використання JavaScript

Слайд 22Дякую за увагу


Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

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


Для правообладателей

Яндекс.Метрика