Евгений Мухутдинов - Как сделать свой сайт и заработать на нем. Практическое пособие для начинающих по заработку в Интернете

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

Совет

При создании или правке веб-страниц не ленитесь добавлять комментарии, так как в дальнейшем они помогут сэкономить время. Человек не в состоянии запомнить все, что он когда-то делал, поэтому комментарии дадут возможность освежить память. Если вы собираетесь удалять с веб-страницы большой фрагмент кода, но сомневаетесь в своих действиях, лучше «закомментируйте» этот фрагмент. Если понадобится вернуть все в исходное состояние, достаточно будет удалить теги комментариев.

После подключения каскадной таблицы стилей к веб-странице оценим полученный результат в браузере (рис. 3.18).

Рис. 3.18. Страница с подключенной таблицей стилей

Итак, мы создали веб-страницу и подключили к ней каскадную таблицу стилей. Теперь можно поставить заключительную точку: загрузить результат нашей работы в Интернет.

После того как мы создали одностраничный сайт, его необходимо опубликовать, то есть разместить на каком-либо хостинге Интернета. Для примера используем упомянутый ранее сервис «Народ», начав регистрацию на странице http://narod.yandex.ru(рис. 3.19).

Рис. 3.19. Сервис «Народ»

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

Для загрузки сайта на бесплатный хостинг «Народа» воспользуемся популярным бесплатным FTP-клиентом FileZilla, который можно скачать с сайта http://filezilla-project.org. Для подключения к серверу с помощью FileZilla необходимо знать следующие данные:

• хост: mfuhome.ftp.narod.ru;

• логин: mfuhome;

• пароль.

Введя указанные данные, нужно нажать кнопку Быстрое соединение и подключиться к серверу по протоколу FTP, предназначенному для передачи данных (рис. 3.20).

Рис. 3.20. Подключение к серверу прошло удачно

Окно FileZilla разделено на две части: в левой отображаются файлы, размещенные на локальном компьютере, в правой – файлы, расположенные на сервере. Как видно из рис. 3.20, на сервере уже есть папка inc с полезной для начинающих веб-мастеров информацией и файл robots.txt, в котором находится информация, предназначенная для поисковой системы.

В левой части мы уже выделили знакомые вам файлы, теперь их можно скопировать на сервер, перетащив мышью с левой панели на правую. Попробуем зайти на сайт по адресу http://mfuhome.narod2.ruи посмотреть, что у нас получилось. Увы, браузер Google Chrome сообщает, что нет главной страницы (рис. 3.21).

Рис. 3.21. Страница недоступна

Дело в том, что браузер не смог найти главную страницу, которая должна называться особым образом, например index.htm, то есть содержать до расширения слово index. Чтобы исправить ошибку, переименуем файл, расположенный на сервере, из proba_pera.htm в index.htm. Для этого в контекстном меню выберем команду Переименовать (рис. 3.22).

Рис. 3.22. Переименование файла непосредственно на сервере

После переименования снова зайдем на сайт. Теперь страница отображается без проблем (рис. 3.23).

Рис. 3.23. Созданная нами страница доступна по адресу http://mfuhome.narod2.ru

Предлагаем вам еще немного потренироваться, используя новые теги.

•

•
– это одиночный тег, который предназначен для перевода строки без образования нового абзаца (без отбивки).

• текст ссылки (анкор) – ссылка на другую веб-страницу.

•

• – теги выделяют текст полужирным.