#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/|большой таблице символов Юникода]]. Там есть поиск по тексту или по категориям. '''Например''': Если нужно вставить букву α, то введите в поиск слово "альфа" и получите массу разных вариантов написания буквы. HTML-код символа указан в розовой рамке (например, для стандартной буквы альфа он такой: {{{ α }}}