Способ 1. Задаем размеры рисунков программно
На рис. 10 приведен код сайта, в котором на каждой странице прописаны размеры картинок 210 на 87px.
Рис. 10. Размеры картинок по высоте и ширине заданы кодом (тегами)
Способ 2. Задаем размеры рисунков в MS Paint
Чтобы в Paint подогнать все рисунки под один размер в px, нужно их выделять рамкой и тянуть мышь (стрелка справа) до нужного размера (стрелка снизу) – рис. 11.
Рис. 11. Показан процесс подгонки размеров рисунка под величину 1140 на 900 px мышью
Задание 1
Посмотрите в папке Примеры сайты, выполненные студентами в прошлом учебном году.
Задание 2
Создайте ваш табличный сайт из четырех страниц по выбранной вами теме, например, «Породы собак», или «Мои любимые музыкальные исполнители» и т.п. Изображения для сайта возьмите из Интернет. Все изображения приведите к одинаковым размерам и оптимизируйте их.
Пояснение
Оптимизация изображений - это их обработка с целью уменьшить «вес», но, без визуальной потери «качества» картинок. В нашем случае достаточно будет сделать размер картинок по ширине 600 px, по высоте 400 px и сохранить их в формате JPG.
Вопросы
Как задать одинаковые размеры рисунков и зачем это нужно делать?
Объясните каждую строчку кода вашего сайта (ее смысл).
Оглавление
Модуль 2. Урок 3. Делаем табличный сайт с текстовым меню.. 1
Делаем табличный каркас страниц сайта. 2
Главная (первая) страница сайта. 3
Вторая страница сайта. 5
Заголовок сайта. 6
Меню сайта. 6
Изображение. 7
Завершаем работу над сайтом.. 8
Как задать одинаковые размеры рисунков?. 8
Способ 1. Задаем размеры рисунков программно. 9
Способ 2. Задаем размеры рисунков в MS Paint 9
Задание. 10
Вопросы.. 10
Дата добавления: 2021-12-10; просмотров: 14; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!