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

Содержание

Слайд 2

План 1 Переваги Web-верстки 2 Вiдмiннiсть HTML та JavaScript 3

План

1

Переваги Web-верстки

2

Вiдмiннiсть HTML та JavaScript

3

Приклади використання JS

4

З чого складається Web-сторiнка

Слайд 3

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

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

мов Web, JavaSсript
Слайд 4

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

Мови

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

JS-

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

Web-сторінка

Слайд 5

Те, що крутиться у інтернеті HTML

Те, що крутиться у інтернеті

HTML

Слайд 6

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

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

HTML

Слайд 7

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

Плюси Web-верстки

Чим кращий Web

Кросс-платформеннiсть

Не потребує місця на HDD

Всю роботу выконує сервер

Все,

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

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

Слайд 8

Кросс-платформа OS Chrome

Кросс-платформа

OS Chrome

Слайд 9

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

Як усе виконується

INTERNET

www.vk.com

www.MoISait.com

www.Localhost.com

Саша к.Україна

Чис к.Китай

Федерико к.Швецарія

Слайд 10

Заробітна плата JavaScript PHP Java HTML 2 000$ 1 500$ 620$ 300$

Заробітна плата

JavaScript

PHP

Java

HTML

2 000$

1 500$

620$

300$

Слайд 11

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

Можливості скрипта

Анімація фона сайту

Поява блока при: наведенні,натисканнi

Яскраве завантаження сторінки

JavaScripta

Слайд 12

Приклад роботи Натискаемо на кнопку Їде завантаження Сайт виконав завантаженя

Приклад роботи

Натискаемо на кнопку

Їде завантаження

Сайт виконав завантаженя

Hello World

Hello World

Hello Friend

Hello World

Слайд 13

Приклад роботи №2 JavaScript Це скрипт, який робе у браузері.

Приклад роботи №2

JavaScript

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

JS

JavaS

JavaScript

Це

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

JavaScript

Слайд 14

Приклад роботи №3 2 17 2 4 5 6 7 8 9 * = 3 1

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

2 17

2

4

5

6

7

8

9

*

=

3

1

Слайд 15

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

Практична робота

Пiдключаємо Jquery


Створюємо


Слайд 16

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

Практична робота

Пишемо стилi СSS

Створюємо змінні

Слайд 17

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

Практична робота

У JS прописуємо, внутрiшнi данi DIVa

Пишемо функцiю, яка працює при

натисканнi
Слайд 18

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

Практична робота

Вводимо клавiши

Зациклюємо Функцiю

Слайд 19

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

Практична робота

Створюємо fon

Кажемо йому рухатись

Слайд 20

Практична робота

Практична робота

Слайд 21

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

Висновок

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

код на JavaScript
Cередню заробітню плату на різних мовах
Як ми з будь-якого пристрою заходемо на файл html
Приклади використання JavaScript
Имя файла: Технологія-створення-сайтів-на-мові-програмування-Java-Script.pptx
Количество просмотров: 72
Количество скачиваний: 0