Відслідковуємо історію змін сайту у стилі Google Wave
Вступ
Крок 1 - XHTML
Ми будемо користуватися технологіями PHP для внутрішнього інтерфейсу, MySQL для зберігання інформації, jQuery, CSS та XHTML для зовнішнього інтерфейсу та, крім того, AJAX. Сам слайдер (slider) програми написано на jQuery UI.
Тепер погляньмо на основну частину файлу demo.php
Крок 2 - CSS
Величезна перевага jQuery полягає в тому, що завдяки технології Google's CDN ви можете відразу записати створені технології в код сайту, і вам не доведеться турбуватися про заливання файлів на сервер та їх зберігання. Така техніка позитивно впливає і на час завантаження сторінки.
Все це стосується і технології jQuery UI, за допомогою якої написано наш слайдер (slider). Завдяки CDN ми відразу включили до нього всі необхідні стилі та зображення.
Проте лишилося ще попрацювати над клієнтськими стилями. У прикладах можна знайти зразок у файлі demo.css. Тут представлені лише найцікавіші частини програми.
Крок 3 - PHP
Ось 4 головні PHP-файли, які забезпечують кінцевий результат:
Спочатку розглянемо перші 3 файли.
І, нарешті, файл functions.php
Останній крок, як часто буває, виявився найскладнішим – це код jQuery.
Крок 4 - jQuery
Усі коди JS розташовані у файлі script.js. Я поділю їх на дві частини:
script.js – частина 1
Тепер погляньмо на другу частину файлу.
script.js – частина 2
Всередині функції ми перевіряємо, чи функція правильно повертає ідентифікаційний номер, який повинен співпадати з внутрішнім ідентифікаційним номером MySQL, який був наданий полем автоматичного збільшення (див. нижче в розділі «MySQL» абоа у файлі-зразку table.sql).
Крок 5 - MySQL
Даний урок підготовлений для вас командою сайту ruseller.com Джерело уроку: www.tutorialzine.com Переклав: Максим Шкурупій Урок створено: 13 Листопада 2009 Переглядів: 15990 Правила передруку
5 останніх уроків рубрики "Різне"
Як розмістити свій сайт на хостингу? Правильно обраний хороший хостинг – це майбутнє Ваших сайтів
Проект готовий, Все перевірено на локальному сервері OpenServer та можна переносити сайт на хостинг. Ось тільки яку компанію вибрати? Пропоную переглянути хостинг fornex.com. Відмінне місце для твого проекту із перспективами бурхливого зростання.
Розробка веб-сайтів за допомогою онлайн платформи Wrike
Створення вебсайту – процес трудомісткий, що вимагає злагодженої взаємодії між замовником та виконавцем, а також між усіма членами колективу, залученими до проекту. І в цьому дуже хорошу підмогу надасть онлайн платформа Wrike.
20 ресурсів для прототипування
Добірка з кількох десятків ресурсів для створення мокапів та прототипів.
Топ 10 безкоштовних хостингів
Невелика вибірка провайдерів безкоштовного хостингу з детальним описом.
Швидка замітка: масовий UPDATE у MySQL
Ні для кого не секрет як у MySQL реалізувати масовий INSERT, а ось з UPDATE можуть виникнути складності. Щоб не вдаватися до маніпуляцій події ON_DUPLICATE, можна скористатися спеціальною конструкцією CASE … WHEN … THEN.