- •Занятие 1. "Быстрый старт: организация рабочего места веб-разработчика. Создание и запуск первого проекта"
- •Установка и настройка пакета Denwer
- •Установка среды разработки Eclipse для php
- •Создание и запуск веб-проекта php
- •Добавление php кода к веб-проекту
- •Занятие 2. "Технология верстки веб-страницы: изучениеHtml"
- •Предназначение html иCss
- •Вспомним основные тегиHtml
- •Правила записиHtml-кода
- •Занятие 3. "Технология верстки веб-страницы: изучениеCss"
- •Несколько слов оCss
- •Основы css
- •Посмотрим на результат в браузере (см. Рис. 3.5)
- •Селекторы css
- •Селектор по идентификатору:
- •Селектор по классу:
- •Основной способ подключения css
- •Основные csSстили
- •Из списка стандартных цветов.
- •При помощи указания компонентов цвета: rgb, в этом случае перед компонентами цвета ставится символ "#" – решетка.
- •Проект "Винни-Пух и компания"
- •Технология создания крупного проекта
- •Реализация клиентской части на Java
- •Title - указывается название колонки;
- •Галочка editable - включает/отключает возможность редактирования ячеек колонки пользователем;
- •Галочка resizable - включает/отключает возможность изменения ширины колонки пользователем (см. Рис. Тот же).
- •Обмен данными с сайтом
- •Занятие 5. "Начало создания серверной части проекта"Винни-Пух и компания"
- •Создание серверной части проекта на php
- •Кодировка проектаUtf-8
- •Обработка get-запроса вPhp
- •Работа с MySql изPhp
- •Занятие 6. "Завершение создания php-скрипта для приема данных от клиентской части на Java"
- •ФормированиеSql-запросов из php
- •Занятие 7. "Верстка основного каркаса сайта интернет-магазина"
- •Методики верстки
- •При большой вложенности таблиц друг в друга снижается скорость загрузки страницы браузером.
- •Индексация страницы поисковой системой происходит сложнее, что влияет на оптимизацию сайта для поисковых систем(сайт хуже находится).
- •При открытии страницы в старых браузерах страница может отображаться не корректно –старый браузер не поддерживает современные css- свойства.
- •Типы верстки
- •Верстка основного каркаса сайта
- •Изучение верстки других сайтов
- •Занятие 8. "Создание главного меню и раздела описания товаров"
- •Создание таблицы описания товаров
- •Формирование верхнего горизонтального меню
- •Создание белой прямоугольной области
- •Получение описания товаров из базы данных и вывод на веб-страницу
- •Занятие 9 "Создание левой и правой боковой части страницы"
- •Создание таблицы дляHtml-разметки
- •Программирование пунктов меню
- •Получение html-разметки из базы данных
- •Создание левой боковой части страницы
- •Использование Flash на веб-странице
- •Создание правой боковой части страницы
- •Занятие 10. "ПодключениеJavaScript. Создание разделов сайта: Главная и Контакты"
- •Реализация раздела сайта: Главная
- •Реализация раздела сайта: Контакты
- •Немного оJavaScript
- •Создание эффекта подмены изображения
- •Создание эффекта появления изображения
- •Занятие 11. "Создание раздела сайта: Заказать"
- •Создание верхней части раздела
- •Отправка и получение данных с веб-страницы
- •Использование файлов для хранения данных
- •Открытие файла для записи/чтения;
- •Запись/Чтение;
- •Закрытие файла.
- •Создание функции для получения и сохранения данных
- •Создание таблицы и формы отправки данных
- •Создание тегов для верхней части таблицы с заголовком.
- •Создание функции формирования десяти строк таблицы с остатками.
- •В заключение внешний вид подкорректируем при помощи css.
- •Занятие 12. "Отладка проекта"
- •Кросс-браузерная отладка
- •Посмотреть сайт на различных разрешениях экрана. Для этого необходимо изменять текущее разрешение экрана.
- •/*Вертикальное выравнивание по верхней части*/
- •Создание дополнительных настроек в тегахHead
- •Перенос сайта на веб-сервер
- •Выгрузка базы данных с исходного компьютера.
- •Загрузка базы данных на веб-сервер.
- •Проверка взаимодействия с клиентской частью наJava
- •Заключение
- •Постановка задачи(логическое описание проекта):
- •Техническое описание проекта:
Выгрузка базы данных с исходного компьютера.
Загрузка базы данных на веб-сервер.
Первый шаг.Открываем файл lib.phpи в самом верху указываем параметры подключения к базе данных:
// Константы для подключения к базе данных
define("ServerName", "mysql78.1gb.ru");
define("UserLogin", "gb_puh_db");
define("UserPassword", "37160998auio");
define("DbName", "gb_puh_db");
Отрываем файл tovar.php, переходим в функцию runMySQL() и также указываем параметры подключения к базе данных:
// Выполнение операций с базой данных MySQL
function runMySQL()
{
// Подключаемся кMySQL
$db = mysql_connect("mysql78.1gb.ru","gb_puh_db","37160998auio");
// Если подключение выполнено
if ($db)
{
// Выбираем базу данных с проверкой успешного выбора
if (mysql_select_db("gb_puh_db",$db))
После этого необходимо сохранить все файлы проекта!
Вместо параметров:"localhost", "root", "", "puh"мы указали параметры для другой базы данных.
Второй шаг.Теперь необходимо скопировать файлы сайта на веб-сервер. Для этого установим специальную программу,позволяющую копировать файлы по FTP. Мы воспользуемся программой WinSCP.
Далее выполняем установку по изображениям (см. рис. 12.15)
Установка WinSCP:
Шаг 1:
Шаг 2:
Шаг3:
Шаг 4:
Шаг5:
Шаг 6:
Шаг7:
Рис. 12.15
После установки наРабочем столепоявится новый значок. Выполним запуск программы WinSCP (см. рис.12.16):
Рис. 12.16
В открывшемся окне нужно выбрать File protocol: FTP,указать параметры подключения по FTP –Сервер, Логин,Пароль, после этого нажать накнопкуSave (см. рис. 12.17):
Рис. 12.17
Данные подключения лучше указывать путем копирования(известная всем комбинация клавиш <Ctrl+C>) и вставки(<Ctrl+V>).
Внимание!!!Три параметра подключения по FTP: Сервер, Пользователь, Пароль и четыре параметра подключения к базе данных: Сервер, Пользователь, Пароль, Имя базы данных - необходимо получить на сайте хостинга!
Сохраняем пароль (см.рис. 12.18):
Рис. 12.18
Выполняем подключение(см. рис. 12.19):
Рис. 12.19
После успешного подключения откроется интерфейс для копирования файлов на хостинг (см. рис. 12.20):
Рис. 12.20
Этот интерфейс представляет собой два окна: с левой стороны располагаются директории компьютера, с правой - директории веб-сервера. Директория, в которую необходимо скопировать сайт, как правило,называется http (см. рис.12.21)
Рис. 12.21
Заходим в директориюhttp, если в ней имеются какие-то файлы, удаляем их.
В эту директорию нужно скопировать файлы нашего сайта, которые находятся на виртуальном диске, в папкеpuh/www. В противоположном окне выбираем сверху виртуальный диск с нашим сайтом (см. рис. 12.22):
Рис. 12.22
И переходим в папкуhome/puh/www (см. рис.12.23):
Рис. 12.23
Выделим файлы и папки нашего проекта. Обратите внимание, что папку .settingsи файлы: .project,.buildpathкопировать не обязательно! Эти файлы и папка были созданы средой разработкиEclipse для PHP и на работу сайта не влияют. Для выделения файлов и папок необходимо, удерживая клавишу Ctrl , левой клавишей мыши помечать нужные вам файлы и папки.После выделения, нажмите кнопку F5 Copyили клавишуF5. В появившемся окне подтверждаем копирование(см. рис. 12.24):
Рис. 12.24
Начнется процесс копирования, в результате все файлы и папки проекта будут скопированы на веб-сервер в папку http. Дождавшись окончания копирования,закрываем программу WinSCP.
Осталось выполнить перенос базы данных.
Третий шаг.Для выгрузки базы данных нужно перейти в PHPMyAdmin, выбрать базу данных puhи нажать на ее наименование (см. рис.12.25):
Рис. 12.25
В появившемся сверху списке операций необходимо выбрать команду Экспорт (см. рис.12.26):
Рис. 12.26
Затем нужно выбрать Способ экспорта: Быстрый, Формат: SQL и нажать на кнопку OK (см. рис. 12.27):
Рис. 12.27
Произойдет выгрузка в файл puh.sql, в этом файле будут находиться данные трех таблиц базы данных. Выгрузка файла происходит в ту же папку, что и обычное скачивание через браузер.
Четвертый шаг.На выбранном хостинге должна быть возможность использования интерфейсаPHPMyAdmin. Вход производится либо с сайта хостинга, либо по ссылке для входа в PHPMyAdmin.Для входа в PHPMyAdminиспользуются данные для подключения к базе сайта.
Внимание!!!Внешний вид интерфейса на хостинге может отличаться в зависимости от версии PHPMyAdmin!
Выбираем базу данных, в которую будет происходить загрузка (см.рис. 12.28):
Рис. 12.28
Обратите внимание, что имя этой базы данных указано в PHP-коде при подключении к MySQL. Сверху нажимаем на имя базы (см. рис. 12.29):
Рис. 12.29
Переходим в разделИмпорт (см. рис.12.30):
Рис. 12.30
В разделе Импорт нужно выбрать файл puh.sql,который был выгружен на предыдущем шаге(см. рис. 12.31):
Рис. 12.31
Выбираем формат SQL и производим загрузку (см. рис. 12.32):
Рис. 12.32
В случае успешной загрузки, должны появиться три таблицы проекта (см. рис. 12.33):
Рис. 12.33
При повторной загрузке данных в заполненную базу может возникнуть конфликт данных! Перед повторной загрузкой рекомендуется удалить таблицы и выполнять загрузку в пустую базу данных!
Если сайт перенесен правильно, то при переходе по полученному доменному имени через браузер, например,http://puh.edu.1c.ru должен отобразиться наш сайт.
