- •Занятие 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
- •Заключение
- •Постановка задачи(логическое описание проекта):
- •Техническое описание проекта:
Проект "Винни-Пух и компания"
На первых трех занятиях мы познакомились с языком программирования PHP,с технологиями HTMLи CSS для верстки веб-страниц. Настало время поговорить о проекте "Винни-Пух и компания",ради которого мы затронули веб-разработку.
Проект "Винни-Пух и компания" является не простым приложением, а именно проектом, который использует сразу несколько технологий: Javaи PHP, которые будут взаимодействовать для решения одной задачи.
Проект будет состоять из двух основных частей:
Клиентская часть, реализованная наJava.
Серверная часть, реализованная наPHP,в виде динамического сайта.
Эти две части будут взаимодействовать друг с другом,обмениваясь данными.
Сайт на PHPбудет посвящен продуктам пчеловодства, в первую очередь меду, который так любит Винни-Пух. На сайте также будет возможность приобрести продукцию. Клиентская часть наJava будет передавать данные о поступлении товара на склад, и показывать текущее количество товаров. Именно клиентской частью наJava мы займемся на этом занятии. Для ее создания нам необязательно иметь уже готовый сайт наPHP, нам достаточно понимать, что сайт будет принимать наши данные о поступлении товаров.
Технология создания крупного проекта
В первых двух модулях поJava мы работали над небольшими приложениями, которые решали одну основную задачу. Например,создание приложения для рисования мышью.Наши приложения состояли максимум из нескольких сотен строчек программного кода, а поставленную задачу можно было полностью держать в голове. Представьте,что создаваемый программный продукт будет состоять из нескольких десятков тысяч строчек программного кода и будет решать большое количество различных задач.
Перед тем, как приступать к реализации такого проекта,необходимо составить план-схему и только после этого можно начинать писать программный код. Основной залог успеха при создании проекта –это правильное его проектирование!Каким бы большим ни был проект – его можно разбить на составляющие. Другими словами, реализация сложного проекта сводится к программированию его более малых частей.Проект разбивается на основные блоки, эти блоки далее разбиваются на более малые блоки. Построение проекта равносильно строительству дома. Если имеется грамотный план и заложен хороший фундамент, то и строительство будет успешным. В противном случае, дом не удастся достроить или он развалится.
Три основных принципа реализации проекта:
Проект разбивается на части до тех пор, пока одна часть не сможет быть реализована как единое целое.
При реализации составляющей проекта все внимание концентрируется на этой части.
Каждая готовая часть проекта должна быть максимально отлажена и проверена.
При командной разработке каждая часть проекта возлагается на определенного члена команды. А самой командой руководит архитектор проекта. В случае индивидуальной разработки –программист является архитектором, программистом и тестировщиком в одном лице.
Мы уже выполнили первоначальное разбиение проекта на две основные составляющие. Клиентская часть наJava будет меньше и проще. Она будет представлять собой приложение с одним окном JFrameи несколькими элементами формы. Такую часть нет необходимости разбивать далее на составляющие –мы уже писали подобные приложения. Серверная часть наPHP будет сложнее и ее придется разбивать на отдельные части. Но сейчас нам не важна сложность серверной части, мы забываем о ней до тех пор, пока не закончим с клиентской частью на Java.
