Курс по информатике "Создание макета web-сайта"

Создание эскиза web-страницы

1. Создайте новый документ размером 700 на 808 пикселей, разрешение 72 пикселя на дюйм, режим RGB – цвет, содержание – белый.
2. Залейте документ следующим цветом e6f2e6.
3. Создайте новый слой с названием Основа. С помощью инструмента Прямоугольное выделение, нарисуйте внутри документа прямоугольник, отступив примерно 30 пикселей с каждой стороны. Залейте построенный прямоугольник каким-нибудь цветом.
4. Для нового слоя задайте стиль Обводка со следующими параметрами: ширина 5 пикселей, цвет 296750.
5. Далее приступим к рисованию навигации. С помощью инструмента Прямоугольное выделение выполните прямоугольное выделение в правом верхнем углу нашего макета.
6. Перейдите в меню Выделение – Модификация – Сгладить, чтобы сгладить края выделения. Задайте размер 6 пикселей.
7. Создайте новый слой и залейте выделение цветом 3b9710.
8. Примените к новому слою следующие стили:
• Внутренняя тень: дистанция - 0, размер - 10, цвет – 184702, уменьшение – 11
• Обводка: размер – 3, положение - внутри, цвет – ffffff.
9. Продублируйте слой с кнопкой несколько раз и разместите кнопки на одинаковом расстоянии друг от друга.
10. Создайте новый слой. С помощью Прямоугольного выделения нарисуйте прямоугольник, который будет закрывать нижнюю часть кнопок. Залейте новое выделение цветом – 8fd2fd.
11. Примените к созданному слою стиль Внутренняя тень, установив параметр дистанция равным 0. Так же для данного слоя задайте обводку шириной 3 пикселя белым цветом.
12. Откройте фото с пейзажем foto.jpg. Перетащите слой с пейзажем в ваш рабочий документ и расположите слой под кнопками и голубым прямоугольником.
13. Удалите ненужные части изображения пейзажа, для этого сделайте активным слой с пейзажем с нажатой клавишей Ctrl выполните щелчок по пиктограмме слоя Основа. Появиться выделение. Далее выполните команду Инвертировать выделение и нажмите на клавиатуре клавишу Delete.
14. Возьмите тоже самое фото, сделайте его меньше и разместите в левой стороне заголовка на голубом прямоугольнике.
...