HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.
Оптимизация графики для Web
Автор: admin | Дата: 05.12.2007
Хорошая web-страница, должна иметь читабельный шрифт, удобную навигацию, светлый фон, и сравнительно небольшой объем. Разве текст занимает много объема? Нет, если это не роман на одной странице! Увеличить объем страницы помогут большие, неоптимизированные картинки. Кроме того, если вы не укажете для картинок параметры высоты (height) и ширины (width), пользователь будет дожидаться загрузки картинок, и только после этого, загрузки всей страницы. Также, часто, для размещения картинки необходимых размеров, ее указывают принудительно для файлов больших размеров. Таким образом, картинка не только искажается, но и размер ее остается прежним. Все эти подходы, не правильны! Для того чтобы пользователю понравился сайт, вам необходимо предложить ему качественные и оптимизированные картинки, которые в свою очередь обеспечат более быструю загрузку страницы.
Наиболее популярные в Интернете форматы графических файлов - gif и jpg. GIF - это 256-цветный формат, предназначенный для рисованных изображений. JPG - многоцветный формат, предназначенный для фотоизображений. Для формата JPG - используется сжатие файлов, причем разной степени. Таким образом, при сильном сжатии, качество рисунка заметно ухудшится, а при малом, изменения вы практически не заметите.
Похожие записиПрограммы для создания web-страниц
Автор: admin | Дата: 27.10.2007
Лень - двигатель прогресса. И прогресс не обошел стороной создание web-страниц. Хорошим тоном считается, если html-редактор позволяет верстать как в обычном, текстовом, так и визуальном режимах. Таким образом, html-редакторы составляют отличную альтернативу, привычному всем блокноту. В большинстве случаев вы не сразу найдете отличия html-редактора от, например, редактора Word. Это панель инструментов, на которой располагаются привычные всем кнопки создания таблиц, линеек, выделения текста. Вам останется всего-то ввести текст, а все остальные действия, по добавлению картинок, музыкальных файлов, таблиц, форматированию текста предоставить html-редактору.
К сожалению не все так хорошо. Многие html-редакторы, помимо, самих тегов, зачастую добавляет много мусора в код html-страницы. Всем известный Word, после создания html-страницы, предлагает код, который врядли можно разобрать. После работы в визуальном режиме, просмотрите получившийся код, и если результат вас не устроит, почистите весь мусор. Для этого и рекомендуется выучить синтаксис html прежде, чем работать с визуальными редакторами.
Похожие записи
Рубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)