7. Использование редактора gimp для верстки страниц1 и дополнения для ff -PixelPerfect

Наиболее частые операции, используемые при верстке макета:

• вырезание слоев;

• объединение слоев;

• расчет величины элемента;

• сохранение в формате PNG;

• расчет цвета элемента;

• обрезка изображения (кадрирование).

Краткая документация по этим и другим операциям расположена по адресу http://docs.gimp.org/2.6/ru

При верстке макета необходимо следить за тем, чтобы макет был сверстан максимально близко к оригиналу в PSD формате. Для этого существует специальный плагин к дополнению FireBug – PixelPerfect. Пример использования этого плагина приведен по адресу http://www.maczone.ru/linux/827/.

8. Задание

1. Оформить HTML документ в соответствии с выбранным ранее макетом с помощью CSS-файлов.

2. Ответить на вопросы:

• Что такое CSS?

• В чем состоит преимущество использования внешних файлов CSS по сравнению с тегом <style>?

• Каким образом можно добавить CSS в HTML документ?

3) Оформить элемент документа по заданию преподавателя.

---------------------------------------------------------------------------------------------------------------------

Дополнительные ссылки для ознакомления:

1. http://www.maczone.ru/linux/827/

2. http://docs.gimp.org/2.6/ru

3. http://habrahabr.ru/post/114256/

4. http://www.everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize/

5. http://vremenno.net/html-css/css-drop-down-menu/

1 http://translate.google.ru/translate?sl=en&tl=ru&js=n&prev=_t&hl=ru&ie=UTF-8&layout=2&eotf=1&u=http%3A%2F%2Fwww.websiterepairguy.com%2Febooks%2Fgimp%2FHow_Slice_Image.html&act=url