TODO — Список задач на PHP, MySQL, JQUERY 1 урок

Я буду работать в редакторе Sublime Text, для веб-сервера подойдёт XAMPP.

Подготовим рабочее окружение для нашей TODO, создаём папки, а так же файл index.html:

2016-02-11 21-53-36 Скриншот экрана

Папки

Скачиваем последнюю версию JQuery 1.x https://jquery.com/download/

Версия 1.x от 2.x отличаются друг от друга, поддержкой старых браузеров (IE6, IE7, IE8).

2016-02-11 22-50-17 Скриншот экрана

Откроем архив и распакуем файл jquery-1.12.0.js (Ваша версия может немного отличаться от моей) в папку js.

Скачиваем JQuery UI https://jqueryui.com/ из архива нам нужен файл jquery-ui.min.js, который положим в паку js.

Bootstrap  скачиваем на странице:

http://getbootstrap.com/getting-started/#download

можно скачать Bootstrap или скопировать код для подключения Bootstrap  без загрузки.

2016-02-11 23-04-07 Скриншот экрана

Код для подключения Bootstrap

В случае если вы скачали bootstrap, из архива нам понадобятся всего 3 файла bootstrap-theme.min.cssbootstrap.min.css  кладём в папку css,  bootstrap.min.js в папку js.

2016-02-13 02-13-06 Скриншот экрана

Файлы проекта

Открываем index.html с помощью sublime text, пишем html и тут же нажимаем tab. У вас должен был создаться стандартный каркас html сайта.

2016-02-11 23-57-42 Скриншот экрана

Каркас html

Теперь напишем index.html html-каркас используя стили и разметку bootstrap:

 

Так же создадим файл main.css и опишем его содержимое:

Вот что должны увидеть:

2016-02-13 02-33-10 Скриншот экрана

todo

TODO — Список задач на PHP, MySQL, JQUERY 1 урок

TODO — Список задач на PHP, MySQL, JQUERY 2 урок

Размещено в PHP и отмечено , .