Проектирование и дизайн ИС Практическая работа №27

Практическое занятие №27

Тема: Создание 3D анимированной модели iPhone

Цель работы: Создание 3D анимированных моделей

Приобретаемые умения и навыки: Умение работать с СSS

Норма времени: 2 часа.

Оборудование: Компьютер с установленным программным обеспечением и подключенный к Internet

Мы продолжаем проектировать 3D модель телефона iPhone первой модели средствами CSS. В этой практической работе мы создадим оставшиеся части нашего телефона

Ход работы

Файл CSS

Откройте ваш проект который вы сохранили на предыдущем уроке.

Задняя панель телефона и разделения

Теперь давайте создадим заднюю панель смартфона и разделительные линии на боковых сторонах смартфона

Разъем для зарядки

Следующим шагом будет создание разъема для зарядного устройства

Винты

Дальше мы создадим винты которые расположены по левую и правую стороны от разъема для зарядки

Создаем динамики

Следующим шагом у нас будет создание места под динамики

Результат будет следующим

Отсек под сим карту

Результат

Кнопка Home

Результат

Настройка дисплей

Следующим шагом мы выравним наш дисплей, для этого наберем следующий скрипт.

Если вы ранее закомментировали в файле HTML тег video разкомментируйте его чтобы увидеть результат!