[253x295]

1.  - .html как открыть?

Или скорее ".php как открыть?" ведь современные движки содержат html код именно в этих файлах.

Почему я задался этим вопросом? Так хотелось подсмотреть как и из чего делаются сайты! Пришлось спрашивать у яндекса, он то ведь знал, что подобный файл открывается обычным блокнотом! 

Сейчас Вы можете задаться вопросом, а нам то зачем знать как открывать подобный файл? У каждого человека, который создал в сети свой сайт, однажды придет нужда подправить код, а для того, что бы его подправить нужно знать как открыть файл с этим кодом. 

2. - Как подсмотреть html код сайта?

После того как я просмотрел и разобрался в работе элементарного HTML, появилось впечатление, что я теперь знаю все! И вот я захожу на какой то сайт, и решаю глянуть его код. Мол разберусь и все такое. Как вспомню, в смех бросает! Узнаю у поисковика как открыть исходный код, жму правую кнопку мыши в окне браузера, далее на "Исходный код HTML", а там:

[700x385]

ОГО! Меня тогда это сильно напугало... Темный лес, никак иначе! Еще бы, три тега в моей первой HTML-странице, и куча не понятных букоффу сайта, ужас! 

 Не знаю как Вы бы решили, но я после увиденного решил приобрести обучающий видео-курс Все технические моменты онлайн-бизнеса в видеоформате. Вот такой вот толчок для меня был чему я конечно сейчас несказанно рад! 

Если у Вас нет подобного диска, то загляните вот сюда, На нескольких страницах рассказывается про структуру HTML-документа и теги, которых вам для начала будет достаточно!

3. Как поставить счетчик?

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

4. Картинка слева от адреса

Если кто не понял, речь идет о фавиконе. 

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

5. Как поменять цвет ссылки и текста

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

Но я искал как поменять цвет ссылки и текста. Узнал про атрибут style и элемент CSS color. Так же узнал что в head бурно кипит жизнь. Оказывается,в этот тег еще заключаются и стили или ссылка на таблицу стилей style.css, вот открытие! 

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

6. Как спрятать счетчик?

Чисто случайно набрел в коде одного сайта на счетчик, но его не было видно на странице. Как разработчик этого добился? Оказывается в CSS есть такие стили, как display:none;  и visibility:hidden; которые прячут все, что находится в теге к которому присвоили этот стиль. Еще один элемент CSS в мою копилку.

7. Как изменить шрифт сайта?

Сейчас тоже многие новички задаются этим вопросом. Я нашел ответ на этот вопрос, но оказалось, что любой шрифт поставить очень просто. И я узнал про стиль font-family и font-size. 

Второй открыл для меня еще больше возможностей для реализации сайта своей мечты, ибо до этого я мог менять размер шрифта лишь тегами strong и h1, h2, h3. Первый же элемент тоже дал пользу, ибо существует два привлекательных шрифта Verdana и Trebuchet MS которых в большинстве случаев хватает по горло.

8. Как подвинуть div влево?

Этот запрос помог мне узнать про элемент CSS margin. Если Вы с ним не знакомы, то он позволяет делать отступ с любого края блочного тега. То есть, например тег div, можно сдвинуть в любую сторону на определенное количество пикселей. 

Стиль margin встретился мне вместе с position. Этот стиль CSS позволяет расположить любой тег куда угодно, поверх чего угодно.

В это время я получил по почте заказанный диск. Многие непонятные вещи сразу прояснились.

9. Как создать шаблон для джумлы?

Затем я приобрел диск Joomla - Профессиональный сайт за один день. Пришла необходимость сделать свой, уникальный шаблон для Джумлы. Решил посмотреть код скаченного шаблона. Просмотр кода помог мне осознать, что для продолжение изучение необходимо научится разбираться в чужом коде, ибо скаченный мной шаблон был лесом даже для того кто мог писать небольшие проекты. 

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

А еще есть программа Artisteer2. Вней можно сделать шаблон для Joomla, WordPress, Drupal, DotNetNuke и просто HTML-шаблон. Не слишком крутые, простинкие. Как, например, на этом сайте.

10. Что такое nofollow? 

Этот вопрос совсем недавний. Я узнал что такое тиЦ, так же узнал, что у него есть привычка передаваться другим ресурсам. И что бы помешать этому в ссылку добавляется атрибут rel="nofollow". Но Яндекс стал его учитывать не так давно.

Conclusion

Не нужно спешить. Начните с чего-то, по мере поступления каких либо проблем. Вы их решите, при этом научитесь чему то. Сюда вошли 10 пунктов которые я вспомнил, но их было в десятки, а то и сотни больше. Ведь иметь под рукой кучу непонятных атрибутов и стилей это одно, а знать некоторые атрибуты при этом постоянно ими пользоваться, это совершенно другое! Мой вам совет, вникайте лишь в то, что Вам нужно сейчас, и тогда все будет освоено очень легко и просто! 

Всем удачи, радости и успехов!

0aabf96f7c682941e8cf080e90e390e0