Category: наука

Category was added automatically. Read all entries about "наука".

default

Перед созданием сайта определите, чего вы от этого сайта хотите.

"Не знаю, чего хочу" - это очень распространённая проблема среди начинающих создателей сайтов.

Сайт, который делается "чтобы был", обречён на загнивание и медленную смерть.

Кроме того, если сайт делается без чёткой цели, на его изготовление обычно затрачивается гораздо больше сил, чем нужно. Это происходит из-за того, что сайт приходится несколько раз переделывать, пока автор наконец-то не разберётся, что же он на самом деле хотел.


Разберитесь, для чего вы хотите сделать сайт


Поэтому важно перед созданием сайта составить для себя список тех задач, которые этот сайт должен решать. Например,
  • "Рассказать о персидских котах в Новосибирске"
  • "Ознакомить владельцев автомобилей BMW с нашими услугами по ремонту этих автомобилей"
  • "Выложить в интернет моё резюме, чтобы удобно было давать ссылку на него потенциальным работодателям"


Будьте максимально конкретны

Обратите внимание, насколько подробные формулировки я выбрал для задач. Если задача поставлена "в общем", то вам сложно проверять, делаете ли вы то, что подходит именно для вашей задачи - потому что подходит много разных вещей, когда задача размыта.

А конкретная задача позволяет чётко ответить на вопрос "Нужно ли вот это на сайте, чтобы он решал поставленную задачу?".

При этом даже если ваша цель "потренироваться делать сайты" - то важно чётко осознавать, что вы делаете этот сайт именно, чтобы потренироваться - в таком случае вам лучше, допустим, попробовать побольше технических приёмов. Это позволит вам в будущем выбрать из них то, что подойдёт для нового сайта с более "жизненной" целью.



Запишите задачи на бумагу

Кстати, когда будете составлять список задач для сайта, сделайте это в письменном виде - в файле или даже лучше на бумаге - и держите этот список у себя перед глазами. Так вы будете чётко придерживаться поставленной цели, не отвлекаясь на лишнее.



Ссылки на другие мои заметки о создании сайтов вы найдёте в этой записи:

http://easysite.livejournal.com/5739.html
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.

default

Чем сайт отличается от обычной кучки файлов.

Простой сайт - это, с технической точки зрения, группа файлов где-то на сервере (компьютере, подключенном к интернет).

Но у сайта есть несколько важных отличительных особенностей:
  • Основу сайта составляют HTML-документы (а все остальные файлы сайта показываются внутри HTML-документов или же доступны по ссылкам из HTML-документов).
  • Файлы сайта указывают друг на друга (с помощью ссылок) таким образом, что зайдя на главную страницу сайта вы по ссылкам (переходя с одной страницы сайта на другую) можете добраться до любой страницы или скачиваемого файла этого сайта.
  • Сайт предназначен для просмотра через браузер (Internet Explorer, Mozilla, Opera, Safari...) - и браузера достаточно для просмотра сайта, благодаря ссылкам.
  • У сайта есть постоянный адрес в интернете (который вы всегда можете набрать в адресной строке вашего браузера, чтобы снова увидеть этот сайт)