Category: образование

default

Форматы изображений для интернета.

Для сохранения и обработки изображений на компьютере придумано очень много (несколько десятков как минимум) форматов.

Но всего несколько из них хорошо подходят для использования на сайтах. По разным причинам.

Вот те форматы, которые на сайте можно и нужно использовать:
  • JPEG - очень хорошо подходит для сохранения фотографий - позволяет очень сильно уменьшить размер изображения (в байтах, килобайтах, мегабайтах), сохранив внешний вид практически неизменным.
  • GIF - хорош для сохранения разнообразных графиков, схем, возможно текста. В общем, хорошо подходит для тех случаев, когда на картинке мало цветов (включая оттенки), и этими цветами закрашены большие области. Идеально подойдёт для сохранения чистого белого листа :-) Ещё одна особенность GIF - он позволяет сделать некоторые участки картинки прозрачными, то есть, через картинку будет видно то, что находится под ней - цвет фона или другая картинка, например.
  • PNG - это "продвинутая версия" формата GIF - она лучше сжимает (в смысле, уменьшает размер в байтах) изображения со сложными однотонными рисунками. При это PNG позволяет сохранять изображения, в которых гораздо больше цветов и оттенков (в общем-то, можно сохранить и фотографию - эффект будет почти такой же, как в JPEG). PNG тоже позволяет сделать прозрачными некоторые участки изображения, причём в отличии от GIF, позволяет делать полупрозрачность. В общем случае, если вы сохраняете что-то, для чего подходят и GIF и PNG, выбирайте PNG. :-)

Когда выбираете формат для вашего изображения, смотреть нужно на два параметра:
  • Какой будет размер изображения в килобайтах (чем меньше - тем лучше для интернета, файлы маленького объёма быстрее загружаются). Это лучше всего проверяется на практике - просто попробуйте сохранить в разных форматах одну и ту же картинку.
  • Хорошо ли выглядит изображение после сохранения? Определяйте на глаз - если вас устраивает то, как выглядит картинка, значит, выбранный вами для этой картинки формат подходит для неё.

Дополнение (от 2009-02-20): Ещё одна особенность формата GIF - поддержка анимации (то есть, изображение может содержать несколько кадров, сменяющих друг друга как в фильме).

default

Переводы названий тегов на русский язык.

Чтобы облегчить вам понимание назначения тегов, я приведу переводы названий некоторых из них на русский.



<head></head> - "head" (произносится "хэд") по-английски "голова". Голова находится в верхней части человечка <html></html> :-)

<body></body> - "body" (произносится "бади") по-английски "тело", "туловище". Туловище находится в нижней части человечка <html></html> :-)

Ног у этого человечка нет. :-) Не повезло.

<title></title> - "title" по-английски "заголовок", титул (произносится как "тайтл"). В данном случае это заголовок окна. Титул написан на лбу у этого человечка, прямо посередине головы <head></head> :-)


<h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5>, <h6></h6> - все этих хэ-хэ-хэ на самом деле сокращения от английского слова "heading" (произносится как "хэдинг", тоже с головой немного общего - корень "head"). "heading" означает "заглавие", тоже заголовок, только не окна, а книги, главы, подглавы, раздела. Цифры после буквы "h" означают степень значимости этого заголовка - чем меньше цифра, тем главнее заголовок. h1 самый главный на странице. Кстати, произносить их удобно как "аш один", "аш два", "аш три", "аш четыре", "аш пять", "аш шесть".

<p></p> - тоже сокращение, на этот раз от английского слова "paragraph" (абзац, параграф - в значении "блок текста, отделённый от соседних блоков переносами строк").

<em></em> - угадайте, что? Ещё одно сокращение. :-) Полное слово - "emphasis" (эмфаза, логическое ударение, акцент).

<strong></strong> - "strong" переводится на русский как "сильный", "энергичный", "решительный". А по версии стандарта является "более сильной эмфазой", "более сильным акцентом" - "stronger emphasis" ("stronger" означает "сильнее"). Это такое "я подчёркиваю, это важный момент!".



Список уроков базового курса здесь:

http://easysite.livejournal.com/5739.html

default

Я составил список заметок, которые я написал раньше в этом журнале.

Я добавил к записи с оглавлением курса по HTML список своих заметок про HTML и создание сайтов.

http://easysite.livejournal.com/5739.html

Настоятельно рекомендую прочитать эти заметки всем участникам группы по HTML.