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

Год:

2012
Название:

Как сделать свой сайт и заработать на нем, Практическое пособие для начинающих по заработку в Интернете
Автор:

Мухутдинов Евгений
Жанр:

Бизнес книги, Интернет
Язык:

Русский
Издательство:

Питер
Страниц:

86
ISBN:

978-5-459-01666-6
Рейтинг:

2.4 (5 голос)
Ваша оценка:
40

1

2

3

4

5

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

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

Добавить в свои закладки на сайте Версия для слабовидящих

Отдельно стоит сказать и о водяных знаках. Поскольку в Интернете процветает повальное заимствование чужих фотографий, иногда нелишне на своих фотографиях размещать водяной знак или надпись. Логично указывать на изображениях адрес вашего сайта – наверняка найдутся желающие на него заглянуть (рис. 3.5).

Рис. 3.5. В правом нижнем углу отображается надпись, созданная в программе FastStone Image Viewer

При установке FastStone Image Viewer можно выбрать русский язык, благодаря чему не составит большого труда разобраться в принципах работы с программой.

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

3.3. Немного практики

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

Создание простейшей веб-страницы

Начнем практику с создания простой веб-страницы с повторяющимся несколько раз текстом «Добро пожаловать!»

Хотя на данный момент существует большое количество различных HTML-редакторов, многие из которых автоматизируют процесс написания HTML-кода, мы воспользуемся стандартным приложением Блокнот. Поскольку в Блокноте приходится все делать вручную, он позволяет быстрее вникнуть в процесс создания веб-страниц.

Примечание

На практике, если вам придется править HTML-код, воспользуйтесь приложением типа Notepad++ – это продвинутый блокнот с поддержкой синтаксиса многих языков программирования. Он не добавляет в код BOM – невидимые символы, из-за которых может нарушиться нормальная работа сайта.

Итак, запускаем приложение Блокнот, которое находится в папке со стандартными приложениями Windows (подобное приложение есть и в Linux), и набираем следующий текст (рис. 3.6).

Рис. 3.6. HTML-код тестовой страницы

Документ открывается тегом <html> (он дает понять браузеру, что здесь начинается веб-страница), а заканчивается тегом </html> (конец страницы).

Примечание

Тег <html> – корневой элемент в документе HTML 5.0. Его наличие обязательно.

Наклонная черта в закрывающем теге называется «слеш». В данном случае, поскольку слеш наклонен в правую сторону, он называется прямым слешем.

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

В контейнер <head></head> (с английского head переводится как «голова») помещается название документа и различная справочная информация, например ключевые слова. Сюда же добавлен контейнер <title></title>, в котором содержится название веб-страницы. Текст, помещенный в этот контейнер, отображается в заголовке окна браузера. Некоторые начинающие веб-мастера по незнанию не заполняют контейнер <title></title> или оставляют то, что прописывается по умолчанию веб-редакторами. Если взглянуть на скриншот предлагаемой ниже страницы, то можно увидеть, что она называется «Экспериментальные физические задачи. Механика», а на ее вкладке написано Новая страница 2, то есть содержимое контейнера <title></title> даже не дает намека о содержании веб-страницы (рис. 3.7).

Рис. 3.7. По надписи в заголовке окна браузера Новая страница 2 непонятно, чему посвящена веб-страница