О дизайне сайта, в котором границы
рисунков, таблиц и других элементов, используемых для оформления
сайта, сглажены или закруглены. Примеры и рекомендации по целесообразности их заказа.
В современном веб-дизайне закругления (сглаживания) создаются за счёт
графических элементов (рисунков). Иные
альтернативные способы, такие как применение языка
XML, поддерживаются не
всеми версиями браузеров (Интернет-обозревателей).
В таблице показана зависимость размера рисунка в Кбайтах от
его размера в пикселях. С помощью подобных графических рисунков создаются
закругления (сглаживания) графических элементов в веб-дизайне.
Рисунок |
|
|
|
|
|
Размер, пиксель |
10х10 |
20х20 |
30х30 |
40х40 |
50х50 |
Размер, Кбайт |
0,1 |
0,2 |
0,25 |
0,28 |
0,33 |
Ниже приведены 4 примера псевдографических рисунков:
квадраты с закруглёнными (сглаженными) углами.
В каждом из квадратов
углы закруглены с помощью 4 рисунков. Квадраты представляют
собой ячейки таблицы.
В результате создаётся иллюзия графического
рисунка в виде квадрата с закруглёнными углами. Этим достигается
уменьшение размера рисунка в Кбайтах, и, следовательно, уменьшается
время загрузки страницы сайта. Всего для создания 4
псевдографических рисунков использовано 16 рисунков.
Примечание
В демонстрационных
целях верхняя и нижняя пара рисунков каждого квадрата выполнены
разного размера. При просмотре в браузере с размером шрифта
"крупный" и "самый крупный" внизу квадратов появится полоса.
Она демонстрирует, что квадраты не представляют собой один сплошной
рисунок, а состоят из отдельных частей.
|
В случаях, когда посетители сайта отключают
просмотр графики, на месте закруглений (сглаживаний) возникают
пустые квадраты. |
Чрезмерное увлечение применением графики
увеличивает сложность разработки сайта, отвлекает посетителей от
основной информации (товаров и услуг, представленных на сайте),
увеличивает время загрузки страниц и стоимость создания сайта.
Резюме
При заказе применения графики при создании дизайна сайта или
редизайне веб-сайта, следует руководствоваться здравым
смыслом, техническими возможностями просмотра сайта посетителями и
учитывать бюджет сайта.
Для справки
Оформить границы таблиц можно разным способом.
Примеры оформления:
1.
Сплошная линия |
|
2.
Точечная линия |
|
3.
Пунктир |
|
4.
Двойная |
|
5.
Желобок |
|
6. Рубчик |
|
7. Углубление
|
|
8. Возвышение |
Примеры
оформления таблиц сайта... |