## page was copied from 2018/1/pr4/hints
#pragma css /css/2019.css
<<BI>>
= Практикум 1. Подсказки =
По всем вопросам, с которыми не удается разобраться самостоятельно можно (и нужно) писать сюда:
[[mailto:alx.the.evil@gmail.com|alx.the.evil@gmail.com]]
[[mailto:valmarfgecnf@gmail.com|valmarfgecnf@gmail.com]]
== Полезные учебные ресурсы ==
1. [[http://www.w3schools.com/html/default.asp|Tutorial по HTML]] на английском языке (есть интересная функция "Try it", для интерактивного обучения).
1. [[http://www.webremeslo.ru/index.html|Учебник HTML для начинающих]] на русском языке (морально устарел, не советую).
1. [[http://www.w3schools.com/tags/|Список тэгов HTML в алфавитном порядке]] с описанием и примерами для каждого.
Вам понадобятся тэги `<html>`, `<head>`, `<title>`, `<meta>`, `<body>`, `<h1> - <h6>`, `<p>`, `<a>` с атрибутом `href`, `<figure>`, `<figcaption>`, `<img />` с атрибутами `src`, `alt` и `width`, возможно также `<header>`, `<footer>`, `<hr />`, `<br />`, `<b>`, `<i>` и `<u>`. Изучите (и попробуйте!) их все.
Могут быть полезны `<ol>`, `<ul>`, `<li>`, `<table>`, `<tr>`, `<td>`, `<th>`, `<caption>`.
== Резервные копии ==
Не забывайте делать резервные копии (бэкапы) Вашего сайта, желательно перед каждым существенным обновлением (например, добавлением страницы).
{{{#!wiki comment
Бэкапы желательно упаковывать. Можно использовать, например, бесплатный архиватор (упаковщик) [[http://www.7-zip.org/|7-Zip|target="_blank"]]. Пользователи Linux могут выполнять бекап командою `tar`.
}}}
== Орфография ==
Советую ознакомиться с сервисом для [[http://webmaster.yandex.ru/spellcheck.xml|проверки орфографии|target="_blank"]].
Он позволяет проверить орфографию на произвольной странице в интернете. Пунктуацию он НЕ проверяет, поэтому проверяйте ее другим способом.
Если скопировать теrст со страницы в MS Word или Google Doc, то можно проверить орфографию, пунктуацию и расстановку пробелов!
Пожалуйста, старайтесь избегать ошибок в орфографии и пунктуации, это производит отталкивающее впечатление на читателя, и тем более на проверяющего преподавателя, поэтому за многочисленные ошибки можно даже получить штраф. Не ленитесь проверять орфографию!
''Программы могут выявить не все орфографические ошибки!
Повторите, пожалуйста, в каких случаях надо писать "также", а в каких "так же", в каких "несмотря", а в каких "не смотря" и т.п.''
== Кодировка кириллицы ==
Чтобы страница отображалась во всех браузерах правильно, нужно, чтобы в теле тэга `<head>` присутствовал тэг <meta charset="utf-8" /> (конечно если кодировка файла utf-8).
== Интересные символы ==
Иногда хочется вставить на свою страничку символы, которых нет на клавиатуре: например, длинное тире, греческую букву или символ копирайта. Для этого можно использовать код этого символа в формате HTML, который можно посмотреть, например, в [[http://unicode-table.com/ru/|большой таблице символов Юникода]]. Там есть поиск по тексту или по категориям.
'''Например''': если нужно вставить букву α, то введите в поиск слово "альфа" и получите массу разных вариантов написания буквы. HTML-код символа указан в розовой рамке; например, для стандартной буквы α он такой:
`&``#945;`
Можно использовать и такое написание:
`&``alpha;`
Любой код символа начинается с амперсанда `&` и заканчивается точкой с запятой. Если используется цифровой вариант кода, то сразу после `&` должна стоять решётка `#`. Стоит запомнить коды для знака копирайта © `&``copy;`, минуса/короткого тире – `&``ndash;` и длинного тире — `&``mdash;`.
== Замечание о гиперссылках ==
Обратите внимание: неправильно вставлять гиперссылку так:
{{{
<A href="www.google.com">Неправильно, работать не будет</A>
}}}
А вот так правильно:
{{{
<A href="https://www.google.com">Правильно!</A>
}}}
{{{#!wiki comment
== Цвета ==
На этом ресурсе можно легко подобрать нужный цвет и сразу увидеть его RGB-код в шестнадцатиричном формате (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 (синий).
На этом сайте можно посмотреть разные интересные цвета и их возможные удачные сочетания:
[[http://www.color-hex.com/|http://www.color-hex.com/]]
А здесь можно подобрать основные и дополнительные цвета в интересующей Вас цветовой гамме, и посмотреть, как может выглядеть страница в таких цветах (вкладка Examples внизу страницы) [[palleton.com|palleton.com]].
}}}