УРОК 22

- Источники материала для сайта


     УРОК 21

- Технология создания материала для сайта

 

     ЗАДАНИЕ 14

Завершение работы над сайтом


           Уроки                    Задания                    Тесты

Урок 14. Создание шапки сайта

Уроки

Создаем шапку сайта с помощью графического редактора GIMP.
Скачать GIMP можно на страничке урока 13.

1. Открываем графический редактор GIMP, нажимаем Файл, Создать...

Урок 14. Создание шапки сайта




2. Ставим размеры нашей будущей шапки: 1000 пикселей в ширину и 200 - в высоту. Нажимаем ОК.

Урок 14. Создание шапки сайта




3. Создаем новый слой. Нажимаем Слой, Создать слой.... Размер слоя должен повторять размер нашей шапки - 1000х200 пикселей.

Урок 14. Создание шапки сайта





4. Открываем в соседнем окне папку с файлом картинки и перетаскиваем картинку из окна в GIMP.




5. С помощью инструмента "Перемещение" передвигаем картинку в ту часть шапки, в которую нам удобно.

Урок 14. Создание шапки сайта




6. Создаем новый слой (п.3), вставляем еще одну картинку (п.5).




7. С помощью инструмента "Масштаб" ставим новой картинке новую высоту - 200 пикселей (цифра 1 на рисунке). Ширина ставится автоматически, если вы соедините два звена цепи (цифра 2 на рисунке).

Урок 14. Создание шапки сайта




8. Передвигаем (п.5) новую картинку на то место, которое считаем нужным.




9. Создаем новый слой (п.3) и перемещаем этот слой под слои с картинками. Это будет фон, который будет находиться за картинками.

Урок 14. Создание шапки сайта




10. Выбираем инструмент "Заливка". Выбираем нужный цвет (или текстуру).

Урок 14. Создание шапки сайта




11. Нажимаем "Правка", выбираем способ заливки фона.

Урок 14. Создание шапки сайта




12. Создаем новый слой (п.3). Нажимаем "Текст" и растягиваем рамку с текстом по той области, где будет текст.

Урок 14. Создание шапки сайта




13. Выбираем цвет, размер, шрифт текста.

Урок 14. Создание шапки сайта




14. Создаем новый слой (п.3). Выбираем инструмент "Кисть".

Урок 14. Создание шапки сайта




15. Пытаемся нарисовать что-нибудь красивое.

Урок 14. Создание шапки сайта

16. Нажимаем "Файл", "Сохранить как..."

Урок 14. Создание шапки сайта




17. Выбираем тип файла PSD и придумываем название файла. Нажимаем "Сохранить".

Урок 14. Создание шапки сайта

18. Повторяем п.15, выбираем тип файла JPG, нажимаем "Сохранить", соглашаемся с предложенными настройками. В названии файла используем только латинские буквы или цифры. Файл в формате JPG сохраняем в папку с нашим сайтом.




19. Открываем в NVU наш файл с главной страницей сайта. Удаляем в верхней строке существующие картинки и название сайта. Объединяем ячейки верхней строки в одну. Вставляем новую шапку в формате JPG в верхнюю ячейку.




20. Загружаем обновленный файл главной страницы сайта на FTP (заменяем старый). Загружаем на FTP файл с шапкой сайта в формате JPG.

Теперь у нашего сайта есть красивая и модная шапка!

Добавлено 13 октября 2010 в 17:00. Просмотров: 6924


 


СКАЧАТЬ ПРОГРАММЫ,
используемые на уроках:

- Редактор сайтов NVU
- FTP-клиент
- Графический редактор GIMP
Для скачивания необходимо зайти на сайт под своим именем и паролем!



ИЗУЧИЛИ:

- Урок 20. Проверка правописания с помощью интернета
- Урок 19. Тексты в интернете, языки интернета
- Урок 17-18. Работа с графическим редактором GIMP
- Урок 16. Ошибки дизайна
- Урок 15. Зачем сайту нужен дизайн?
- Урок 14. Создание шапки сайта
- Урок 13. Функции графического редактора GIMP
- Урок 12. FTP
- Урок 11. Подготовка главной странички сайта к публикации
- Урок 10. Создание главной страницы сайта
- Урок 9. Изучение функций редактора NVU
- Урок 8. Подготовка материала для главной страницы сайта
- Урок 7. Структура сайта
- Урок 6. Доменные имена. Хостинг. Браузеры
- Урок 5. Подготовка к созданию сайта
- Урок 4. Спам
- Урок 3. Электронная почта
- Урок 2. История интернета
- Урок 1. Техника безопасности в компьютерном классе



Какую оценку вы хотите получить за год?

Только "5"
Можно и "4"
Хватит и "3"
Мне все равно
Хочу остаться на второй год