#pragma css /css/2015.css
<<BI>>

= Практикум 4. Подсказки =

== Полезные учебные ресурсы ==

 1. [[http://www.webremeslo.ru/index.html|Учебник HTML для начинающих]] на русском языке.
 1. [[http://www.w3schools.com/html/default.asp|Tutorial по HTML]] на английском языке (есть интересная функция "Try it", для интерактивного обучения).
 1. [[http://www.w3schools.com/tags/|Список тэгов HTML в алфавитном порядке]] с описанием и примерами для каждого.

Вам понадобятся тэги `<HTML>`, `<HEAD>`, `<TITLE>`, `<BODY>` с аттрибутами `bgcolor` и `text`, `<H1>`, `<H2>`, `<H3>`, `<P>`, `<OL>`, `<UL>`, `<LI>`, `<TABLE>`, `<TR>`, `<TD>`, `<A>` с атрибутом `href`, `<IMG>` с атрибутами `src` и `width`, `<HR />`, возможно также `<BR />`, `<B>`, `<I>` и `<U>`. Изучите (и попробуйте!) их все. 

== Резервные копии ==
Не забывайте делать резервные копии (бэкапы) Вашего сайта, желательно перед каждым существенным обновлением (например, добавлением страницы). Бэкапы желательно упаковывать. Можно использовать, например, бесплатный архиватор (упаковщик) [[http://www.7-zip.org/|7-Zip|target="_blank"]]. Пользователи Linux могут выполнять бекап командою `tar`.

== Орфография ==
Советую ознакомиться с сервисом для [[http://webmaster.yandex.ru/spellcheck.xml|проверки орфографии|target="_blank"]].
Он позволяет проверить орфографию на произвольной странице в интернете. Пунктуацию он НЕ проверяет, поэтому проверяйте ее другим способом.

Если скопировать теrст со страницы в MS Word, то можно проверить орфографию, пунктуацию и расстановку пробелов!

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

{{{#!wiki note noindent
'''Добавление от С.А.С.''' ''Программы могут выявить не все орфографические ошибки!
Повторите, пожалуйста, в каких случаях надо писать "также", а в каких "так же", в каких "несмотря", а в каких "не смотря" и т.п.''
}}}

== Кодировка кириллицы ==
Чтобы страница отображалась во всех браузерах правильно, нужно, чтобы в теле HEAD присутсвовал тэг:
{{{
<META http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
}}}
(если кодировка файла -- Win1251).

== Цвета ==
На этом ресурсе можно легко подобрать нужный цвет и сразу увидеть его код в шестнадцатеричном формате (hex-код): [[http://www.rapidtables.com/web/color/color-wheel.htm|Color Wheel]]. Ещё один инструмент: [[http://www.daviddurman.com/flexi-color-picker/|Flexi color picker]].

В языке HTML много где (в цвете фона странички или ячейки таблицы, тэга шрифта, тэга горизонтальной черты `<hr>` и т.п.) можно менять цвет, и задавать его нужно именно hex-кодом. Первый символ в нем - #, а дальше три пары символов задают интенсивности цветов в порядке RGB, то есть red (красный) - green (зеленый) - blue (синий).

'''Например''', вот такой тэг: 
{{{
<HR color="#FF0000"/> 
}}}
сделает горизонтальную черту чистого красного цвета (интенсивность красного 255, зеленого и синего -- по 0)

На этом сайте можно посмотреть разные интересные цвета и их возможные удачные сочетания:
[[http://www.color-hex.com/|http://www.color-hex.com/]] 

== Интересные символы ==
Иногда хочется вставить на свою страничку символы, которых нет на клавиатуре: например, длинное тире, греческую букву или символ копирайта. Для этого можно использовать код этого символа в формате HTML, который можно посмотреть, например, в [[http://unicode-table.com/ru/|большой таблице символов Юникода]]. Там есть поиск по тексту или по категориям.

'''Например''': Если нужно вставить букву &#945;, то введите в поиск слово "альфа" и получите массу разных вариантов написания буквы. HTML-код символа указан в розовой рамке (например, для стандартной буквы альфа он такой: 
{{{
&#945;
}}}