Взгляни
Узнай
Просто смешно (Сарапульский пляж, фото, 18 Кб)
;void(0);){kind=link}
Из моей коллекции web декораций
 |
|
1|
2|
3|
4|
5|
6|
7|
8|
9|
10|
11|
12|
13|
14|
15|
16|
17|
18|
19|
20|
21|
22|
23|
24|
25|
26|
27|
28|
29|
30|
31|
32|
33|
34|
35|
36|
37|
38|
39|
40|
41|
42|
43|
44|
45|
46|
47|
48|
49|
50|
51|
52|
53|
реальные размеры |
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
Удалить коментарии и убрать вообще все лишние символы из кода (правда не сильно то это и сжимает)
- уменьшить картинки до тех размеров, в которых они дожны появляться в окне браузера
- по возможности использовать визуальные фильтры Html, а не преобразовывать изображение в специальных программах: их обработка зачастую увеличивает вес.
- Будте осторожны при сжатии avi, mp3 и всех форматов, в которых может сочетаться звук и видео: лучше звук выковырять из файла, а потом вложить обратно, ибо от сжатия он очень часто очень сильно страдает
- После сжати графики не плохо воспользоваться каким нибудь конвертором (программой предназаначенной только для конвертирования такой как Advanced Batch Converter v.3.0) и конвертровать ваше изображение в тот же формат, в котором оно и было. Пример такой конвертации можно посмотреть кликнув "просто смешно" справа. Начальный вес фотографии 702 Кб, конечный - 18 Кб. Особенно надо заботиться о весе картинок, работая с фотографиями сделанными на цифрофых фотокамерах.
- О том в каком формате лучше сохранять в gif или jpg сказано уже очень много. Поэтому я повторю: jpg сохраняет цвет грязно, потому картинки с большими цветовыми блоками и малым количеством цветов лучше сохранять в gif, многоцветные картинки - в jpg. Jpg безусловно лучше подходит для фотографий.
- В html нет специального значения frame, чтобы построить таблицу отображающие только внутренние перегородки. Это можно сделать другим способом.
- Атрибуты тегов td и tr - COLSPAN и ROWSPAN - растягивают ячейку таблицы на N количество ячеек. Их следует упомянуть потому что, многие html редакторы (например HomeSite+) не предлогаю его в списке атрибутов по умолчанию. Пример использования
<TABLE border="1"> <TR> <TD>1 <TD>2 <TD>3 <TR> <TD colspan="2">4 <TD>6 <TR> <TD>7 <TD>8 <TD>9 </TABLE>
- Если надо сгладить углы таблицы, то автору строк известен только один способ это сделать: вставить маленькую картинку - поделенный по диагонали квадратик раскрашенный в разные цвета. Если вы будете делать его скажем во flash, то помните, что в наборе 256 или 185 цветов есть не все оттенки и это непременно будет заметно на таблице. Поэтому сохранять лучше в формате bmp. Только учтите, что квадратик ваш в этом случае весьма потяжелеет. У меня (правда очень не аккуратный квадратик) весил 1,23 килобайта, в то время как он же но в формате jpg весил 375 байт. У Naroda талантивые программисты сжали его (но в формате gif) до 75 байт. Помните, что flash - не лучшая программа для создания изображений.
Чтобы не было полей задайте атрибуты cellspacing=0 cellpadding=0 в таге table. Для определения цвета можно использовать очень удобную программку rgb пиксер, котораю входит в комплект HTMLreader. - О масштабировании. НЕ ленитесь, тестируйте таблицу при внесении в нее любых данных. Если у вас на странице несколько таблиц, то постарайтесь, чтобы они сжимались одинакого - по одинаковому принципу (например в процентах).
- Если вы хотите поставить прбел между двумя ячейками таблицы (обычно такой прием используется для того, чтобы при сжатии страницы таблицы не прижимались друг к другу в плотную) то можно действовать двумя способами. Можно в вставить между ячейками еще одну ячейку и в нее засунуть что-то типа <spacer type=block width=1 height=4> - так делает Narod. У меня почему-то с этим способом выходят вечно какие-то недоразумения.Я, вставляя добавочную ячейку просто напросто ставлю в ней знак пробела (& nbsp)
Экономим место
Для сжатия информации можно слелать следующие приемы и способы:
Сложные таблицы
В Html можно построить любую таблицу, вопрос какую кодовую структуру она будет иметь. Дальше приведены коды самых распространенных сложных таблиц.
Фреймы - это плохо
Фреймы конечно красиво смотрятся на вашей машине, но в Интернете они либо совсем не загружаются, либо загружаются плохо, либо... как повезет - фреймы совершенно не предсказуемы. Лучше забыть о них и попытаться обойтись таблицами.В этом плане можно предпинять следующее: если вы хотели вставить фрейм для боле быстрой загрузки страниц, то можно все страницы построить по принципу вложенности таблиц. В одну главную таблицу вкладывайте все остальные. в это м случае при переходе с одной страницы на другую одинаковые картинки не будут подгружаться заново, а просто перенесуться из буфера.
Проблемы с фреймами могут возникать по той причине, что обозреватель Netscape не поддерживает стандарты html 4.0 - это так. Но дело не всегда в обозревателе. Часто это вина сервера.