Создание стороницы в интернете и ее редактиравание
895 дней назад  Цитата('1914062','1914062','5','57448')">Сообщить о спамеJavascript is allowed for paid accounts in banners only. Data were stripped!
Страничка сайта. Теги.
Так из
чего же состоит страничка сайта изнутри? Посмотреть
можно страничку сайта очень простым способом - откройте любой
сайт в Internet Explorer, теперь нажмите правой кнопкой мыши на свободном поле
сайта, появится список команд, выбираете из всего предложенного "Просмотр
HTML-кода" и увидите тот самый язык HTML - HyperText Markup Language (язык разметки
гипертекста) с помощью которого создается страничка сайта, в последующем и
сайты. Но не надо пугаться взглянув на всё это, не так уж и страшно освоить
данный язык разметки, это содержимое странички сайта изнутри.
Этот язык
представляет собой всего лишь простой набор команд, описывающих структуру
документа (странички сайта) и выполняющих функцию разметки странички
сайта. Тем более, сейчас появились программы с помощью которых можно
создавать сайты даже без глубокого знания языка HTML, хотя основы изучить все
же придется, хотя бы для того, чтобы Вы сами могли исправлять
ошибки, которые может содержать страничка сайта после ее создания.
Страничка сайта изнутри. Тег - открывающий и
закрывающий.
Давайте
разберем всё попорядку из чего состоит страничка сайта или как говорят
по полочкам. В самом документе HTML обычный текст, который можно набирать
в Word, сочетается с элементами разметки, заключенными в угловые скобки <>, например <titl>, <body>, </noindex>. Такие элементы
разметки странички сайта, называются тегами. Они и являются
основным составляющим звеном странички сайта. Теги бывают как
одиночные, так и парные - открывающие и закрывающие, и состоят из следующих
друг за другом в определенном порядке элементов:
- Сначала в
теге идет угловая скобка < которую Вы легко
найдете на клавиатуре.
- Затем символ
слеш /, который ставится только если тег является закрывающим
(например </body>).
- Имя тега,
например body.
- Атрибуты,
которые необязательны, тег может и не содержать атрибуты (например align="center", что будет
означать текст расположить по центру)
- И последнее -
это правая углавая скобка, которая закрывает тег - >
Первый и
начальный тег странички сайта будет всегда открывающий тег <html>, который находится в
самом начале документа, соответственно самым последним закрывающим тегом будет тег
</html>, обратите внимание!, что перед
тегом косая черта, которая характерна для закрывающих тегов как говорилость
ранее. Все теги пишутся только латинскими буквами, и не имеет значение
какими буквами будет написан большими или маленькими, то-есть <html>, <HTML> и <Html> будет означать одно
и то же, от этого функция выполняемая тегом остается неизменной.
Большинство
тегов являются парными - открывающим и закрывающим (например текстовый тег <titl>Моя
первая интернет страничка</titl>). В этом случае тег <titl> - будет открывающим,
а тег </titl> - закрывающим, и
вместе они с текстовой частью документа образуют блок, который и будет
называться элементом HTML. Единственное отличи открывающего и закрывающего тега
- это косая черта, называемая слешем.
Некоторые
теги, являются одиночными тегами (например <br> или <hr>), для таких тегов
закрывающий тег не требуется, они сами по себе являются элементами HTML
странички сайта.
Тег может иметь один или несколько атрибутов, так называемых параметров,
которые дают браузеру дополнительную информацию о том, как он должен
обрабатывать текущий тег, хотя наличие атрибутов не обязательно, их может и
вовсе не быть. Атрибуты задают такие параметры как: выравнивание текста на
страничке сайта по центру, выравнивание по правому краю или по левому,
цвет текста, шрифт его написания и так далее. Все зависит от того к какому тегу
применяется атрибут.
Каждая страничка
сайта имеет
определенную структуру, состоящую:
- Из начала
документа, тегов <html> и </html>, говорящих нам
о том, что докумен написан на языке формата HTML, и означающих начало и
конец документа.
- Заголовка
документа, ограниченного тегами <head>...........</head>
- И тела документа
ограниченное тегами <body>..........</body>
Таким
образом мы получаем вид странички сайта изнутри или HTML-код документа,
представленный в виде некоторого кода, который содержит каждая страничка
сайта.
<html>
<head>
...........
</head>
<body>
...........
</body>
</html>
Ну вот пока
вроде бы ничего сложного. Мы рассмотрели из чего состоит
страничка сайта изнутри и изучили её содержимое, далее мы
научимся сами своими ручками создавать собственные странички сайта шаг
за шагом, и когда будем готовы, то уже тогда можно будет работать с такими
мощными пакетами по созданию вебсайтов как Macromedia Dreamweaver. Так
что собираемся с мыслями, берем себя в руки и двигаемся вперед к изучению основ
создания страничек сайта.
Создание странички сайта
Чтобы
сделать страничку сайта, для этого нам потребуется любой браузер, например Internet Explorer. В нем мы будем
просматривать страничку сайта, после внесения различных изменений в
коде. И если у Вас установлена операционная система Windows, то такой
браузер уже считайте есть, так как он является неотемлемой его частью. Создание
странички сайта, выполняется стандартными програмными средствами, которые
уже входят в операционную систему Windows XP2 или Vista.
В
дополнение к браузеру потребуется любой текстовый редактор вроде Noterpad - блокнота, который
также уже есть в Windows. В этом текстовом редакторе, мы и будем
непосредственно набирать HTML-код создавая страничку сайта. Создавать свой
первый сайт мы будем на жёстком (локальном) диске компьютера, а уже после того
как все будет готово, разместим сайт на сервере в сети, после чего
он станет доступен всем пользователям Интернета.
Допустим
Вы захотели сделать страничку о себе и рассказать о своих увлечениях
другим и может найти друзей по своим интересам. Так или иначе каждый человек на
земле, является специалистом в каой-либо области и обладает запасом
теоретических знаний, которые можно применить при создании страничек сайта.
Для начала назовем страничку "Мой сайт". Так что пойдем по
порядку и разберем всё по пунктикам:
1. Перед тем
как начать процесс создания странички сайта, создайте папку на жёстком
диске "С". Открываем диск "С", нажимаем на правую кнопку
мышки на чистом поле и в появившемся меню выбираем "создать папку".
Назовем нашу папку "Мой сайт".
2. Ищем
программу текстовый редактор Noterpad - блокнот, нажимаем кнопку
"Пуск" в левом нижнем углу рабочего стола компьютера. В выпавшем меню
нажимаем "Программы", затем "стандартные" и в
выпадающем списке меню выберем текстовый редактор Noterpad - блокнот и
откроем его.
3. В
открытом окне Блокнота введём основные теги:
<html>
<head>
<title></title>
</head>
<body></body>
</html>
Теги <html> и </html> будут означать
начало и конец кода сайта соответственно. Теги <head> и </head> будут являтся
определяющими для заголовка странички. Теги <body> и </body> будут ни чем инным как телом
документа. А между тегами <title>...</title> мы впишем название
нашей web-странички "Мой сайт", а выглядеть это будет так:
<title>Мой сайт</title>
4. В теле
документа между тегами body обычно заключается всё содержимое сайта, сюда входят: таблицы,
картинки, текст и ссылки на другие сайты, скрипты и баннеры сайта, и
многое другое о чём мы будем говорить далее. Так что можете провести
эксперемент, прямо там же в текстовом редакторе, вставив между этими
тегами следующее: "Добро пожаловать на сайт Иванова Ивана Ивановича",
естественно заменив инициалы на свои, и выглядеть это будет так:
<body>"Добро
пожаловать на сайт Иванова Ивана Ивановича"</body>
Вот мы и
создали первую страничку сайта, которая уже будет отображаться в
браузере. Для этого нам надо сохранить её с расширением файла html. Данный файл
распознается интернет браузерами, которые отображают содержимое веб
страницы, исключая отображение самих тегов. Код странички сайта в текстовом
редакторе - блокноте, должен выглядеть следующим образом:
<html>
<head>
<title>Мой сайт</title>
</head>
<body>"Добро пожаловать на сайт
Иванова Ивана Ивановича"</body>
</html>
Для того,
чтобы сохранить данный код странички сайта с html расширением, выполните следующие: в
верхнем меню программы Noterpad нажмите файл - сохранить как... - в строке имя
файла напишите любое имя, например site.html, не забыв тем самым после названия site
поставить расширение html. Страничка сайта готова, теперь можете посмотреть как
она выглядет в браузере, открыв её двойным нажатием кнопки мышки.
Работа с текстом сайта. Заголовки разделов.
Шрифт текста.
Для более
красивого оформления и в последующем наилучшего визуального восприятия
Web-странички, можно не только использовать наполнение её картинками и
различными логотипами, но и пробовать различные эксперименты с текстовым
оформлением. Работа с текстом сайта, принесет много пользы внешнему
оформлению и придаст сайту более оригинальный вид.
Примером
работы с текстом сайта может быть, разбиение текста на абзацы, выделение
заголовка более большим шрифтом или цветом, выделение жирным шрифтом или подчеркиванием
текста на который мы бы хотели обратить внимание читателей и так далее.
Начнем с
того, что в HTML тексте существует шесть уровней заголовков разделов,
которые выделяются парой тегов с номерами соответствующими уровню заголовка
раздела от 1 до 6.
<Н1>…</Н1>
заголовки
раздела первого уровня,
<Н2>…</Н2>
заголовки
раздела второго уровня и т. д. до
<Н6>…</Н6>
заголовкои
раздела шестого уровня.
Отличие
от обычного нормального текста на Вашей страничке заголовки будут
отличаться только размером и толщиной шрифта и при просмотре странички в
кодировке HTML наличием тегов <Н>…</Н> в которые заключен заголовок. При заключении
названия раздела в заголовок первого уровня <Н1>…</Н1>, отображаться он
будет самым жирным и крупным шрифтом, а все последующие заголовки
соответственно будут уменьшатся в своих размерах и самый последний из них <Н6>…</Н6> визуально будет самым
мелким.
Давайте
попробуем сами поэкспериментировать открыв программу блокнот (пуск – программы
– стандартные – блокнот) и написав в ней заголовок раздела первого
уровня «Мой сайт!», заключив его в теги заголовка раздела первого уровня:
<Н1>Мой сайт!</Н1>
Не
забывайте, что сохранять результат нужно не как текстовый файл txt, а
как файл который будет отображаться в последствии в браузере, то есть формата html
(файл – сохранить как… - в строке имя файла пишем любое название например sait.html - сохранить). Все
операцию по сохранению Web-странички мы произвели, теперь можно открыть
сохраненный документ в браузере и посмотреть на полученный результат.
Сделайте
то же самое для заголовков раздела каждого уровня по порядку просматривая
полученные результаты. Для этого достаточно открыть наш полученный файл site.html в браузере, кликнуть
на чистом поле документа правой кнопкой мышки - просмотр HTML-кода,
меняя при этом только номер уровня заголовка с 1 на 2…3...и т.д., затем
просто сохраняем результат, снова открываем в браузере и смотрим полученные
изменения.
При работе с
текстом сайта, сохранении заголовков да и любого текста, расположение его
по умолчанию устанавливается всегда в крайнее левое положение страницы, которое
можно изменить по Вашему усмотрению на расположение по правому краю страницы
или по центру применив для этого атрибут
align=right - выравнивание по правому краю
или
align=center - выравнивание по
центру страницы
Наглядно это
будет выглядеть так:
<H1align=center>Мой сайт!</Н1>,
сделав
изменения в документе и сохранив его посмотрите через браузер, что при этом
получилось.
Давайте
разберем, как выделить текст полужирным шрифтом. Для этого помимо
заголовка «Мой сайт» напишем какой-нибудь текст, например
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня
был создан мой первый сайт, в котором я рассказу о себе и о своих увлечениях</h4>
Для
выделения текста полужирным курсивом, используются теги <b>…</b>. Заключим часть
текста в эти теги, откроем site.html – правой кнопкой мышки на чистом поле страницы – просмотр
HTML кода – делаем изменение:
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня был создан
<b>мой первый сайт</b>., в котором я рассказу о себе и о
своих увлечениях.</h4>
После
сохранения изменений мы увидим, что словосочетание «мой первый сайт» будет выделено
полужирным шрифтом.
Теперь
рассмотрим тег, который делает написание текста наклонным курсивом, это
тег <i>…</i> и если мы сделаем
следующие изменения:
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня был создан
<b><i>мой первый сайт</i></b>., в котором я рассказу
о себе и о своих увлечениях.</h4>
То увидим
что теперь часть текста «мой первый сайт» стало отличаться от общего текста не
только жирным шрифтом, но ещё и наклонным курсивом. Только учтите одно правило,
что некоторые элементы разметки при работе с текстом, могут быть
вложенными, как в данном примере тег <i>…</i> - будет являться
вложенным в тег <b>…</b> а не наоборот. Соблюдать это правило нужно
обязательно, иначе измененный текст будет неправильно отображаться в браузере и
Вы не получите желаемого результата.
Теги <u>…</u> делают отрывок
текста или слово подчеркнутым:
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня был создан
<u>мой первый сайт</u>, в котором я рассказу о себе и о
своих увлечениях.</h4>
Теги <big>…</big> увеличивают размер
шрифта текста по отношению к общему, посмотрите наглядно на примере сделав
нужные изменения, заключив фрагмент текста «мой первый сайт» в них:
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня был создан
<big>мой первый сайт</big>, в котором я рассказу о себе и о
своих увлечениях.</h4>
И совсем
наоборот теги <small>…</small> уменьшают размер текста по отношению к
исходному.
Есть и
другой вариант изменения или установки шрифта текста, который может
задаваться в цифровом значении от 1-самого мелкого и до 7-самого большого, что-то
похоже на задание шрифта в программе Word. Для этого используются теги <font>…</font>. Посмотрите как
меняется текст изменяя параметр size от 1 до 7:
<H1 align=center>Мой
сайт!</Н1>
<h4>Сегодня был создан
<font size=1>мой первый сайт</font>, в котором я рассказу о
себе и о своих увлечениях.</h4>
В тегах <font></font>, может применяться
атрибут color для задания цвета
текста, значение атрибута color имеет множество вариантов, так как самого
цвета и его оттенков очень большое количество. Так, что шифры цветовых гамм
лучше брать из справочников.
Помимо
конкретного указания параметров текста, задания шрифта, курсива и т.д.,
существует и другой способ его выделения – задание некоего логического стиля.
При этом способе выделения фрагмента текста, различные браузеры будут
отображать его по разному давая этому участку текста некий приоритет по
отношению к общему содержимому. Обычно такой способ применяется для отображения
названий чего-либо, например фильма, книги или имени, для выделения цитаты и т.
д. Для этого при работе с текстом сайта, используются теги:
<cite></cite> - выводится курсивом
и применяется для выделения названия чего-либо (стих, имя, анонс).
<dfn></dfn> - выводится курсивом
и применяется для определения слова.
<em></em> - выводится
курсивом, применяется для выделения текста или слова, а также для усиления его
значимости.
<var></var> - выводится курсивом
и применяется для текста или словосочетания, которые могут быть заменены
различными выражениями.
<code></code> - выводится на
экране шифром фиксированной ширины и используется для фрагментов программного
кода.
<strong></strong> - отображается
полужирным шрифтом и применяется для выделения особо важных фрагментов текста.
Существует
ещё несколько тегов для выделения текста от общего написания, но думаю, что этого
пока будет достаточно для того чтобы написать текстовую составляющую сайта с
применением этих тегов. Существует ещё один способ применения тех или иных
текстовых эффектов для работы с текстом – с помощью языка каскадных
таблиц стилей CSS, он является более современным и прогрессивным по сравнению с
HTML, но это отдельная статья и пока мы не будем рассматривать её здесь.
Для особо любознательных и кто хочет более подробно изучить HTML и CSS,
существует множество учебников и книг, которые можно найти как в интернете так
и в библиотеке совершенно бесплатно!
Вставка изображений в странички
Приукрасить
и нарядить нашу страничку можно с помощью вставки изображений в страничку,
которых можно туда установить любое количество, если конечно ваш объем места на
сервере под сайт не является мизерным. Только сильно не увлекайтесь вставкой
изображений, излишнее количество графических изображений увеличивает
вес страниц и время их загрузки браузером. Можно использовать
как готовые графические изображения так и создавать их самому, если у Вас есть
такие навыки, если нет вы можете научиться этому из раздела сайта «Уроки Фотошопа», тут для фантазии границ нет. А для
того чтобы нам научиться вставлять изображение в страничку, мы будем
использовать для этого уже готовый материал, выбрав любой рисунок расположенный
на Вашем жёстком диске С.
Графические
изображения которые Вы будете вставлять в страничку сайта обязательно
должны быть формата, который может обрабатывается браузерами – это JPEG, GIF и PNG. Данные форматы
являются наиболее приемлемыми, так как имеют наименьший размер файла, что в
свою очередь сокращает время загрузки страницы браузером из сети. И мой совет
используйте лучше формат GIF – он имеет наименьший размер.
Для того,
чтобы вставить изображение в страничку сайта, нужно для начала скопировать его
в общую папку «Мой сайт», которую мы уже создали. Путем перетаскивания файла
или правой кнопкой мышки щелкаем на графическом файле – копировать, делаем его
копию и вставляем в папку «Мой сайт».
Для
вставки изображения в страничку сайта используется одиночный тег <img>, который не имеет
закрывающего тега. Применяется данный тег с атрибутом src, значение которого
соответствует имени вставляемого графического файла или его адресу в сети. Для
визуального выделения графического рисунка можно применить атрибут <border>, который не является
обязательным атрибутом и лишь заключит изображение в обводящую рамку. Толщина
рамки будет соответствовать цифровому значению атрибута <border>. Указав значение border=1 получим рамку
толщиной в 1 пиксель. Но можно оставить графическое изображение и без рамки,
присвоив атрибуту border значение "0". Наглядно на примере
HTML-код для вставки изображения будет иметь следующий вид:
<img src=имя графического
файла.gif>
и обведенный
в рамку толщиной в 1 пиксель:
<img src=имя графического
файла.gif border=1>
Попробуем
вставить какое-нибудь изображение в нашу страничку и посмотреть, что
получиться. Для этого копируем любой рисунок с форматом файла gif, jpeg или png
как говорилось ранее в папку «Мой сайт», открываем в той же папке файл site.html в браузере – затем
жмем правой кнопкой мышки на чистом поле – просмотр HTML-кода и далее
прописываем следующее изменение между тегами <body></body>:
<H1 align=center>Мой сайт!</Н1>
<h4>Сегодня был создан мой первый сайт, в котором я рассказу о
себе и о своих увлечениях.</h4>
<img src=имя графического файла.gif border=1>
сохраняем
сделанные изменения и смотрим получившийся результат после вставки изображения
в страничку, нажав кнопку обновления на панели меню браузера или закрыв его и
открыв файл site.html
заново.
Далее в
следующих уроках, мы научимся не только делать вставку изображения на страничку
сайта, но и использовать это графическое изображение в качестве
ссылки перенаправления на другой сайт или другую страницу.
Гипертекстовые ссылки. Создание ссылок.
Ссылки
(link)
– из самого названия можно догадаться, что гипертекстовые ссылки
- не что иное как дверь в другое окно или перемещение от одного источника
к другому. В интернете живут огромное количество гипертекстовых ссылок
различного вида – это меню, текстовые ссылки, баннеры, реклама, даже фото или
рисунок могут выполнять функцию гипертекстовых ссылок. Обычно текстовые гипертекстовые
ссылки выделены на сайтах другим цветом от общего цвета текста или
подчеркиванием. При нажатии на гипертекстовую ссылку левой кнопкой мышки,
происходит мгновенный переход на другой документ или страницу сайта. Создать
ссылку совсем не сложно, для этого действия применяются теги:
<a></a> с атрибутом href
Атрибут href присваивается
значение равное адресу в сети, это может быть имя файла или URL адрес другого
сайта, или адрес страницы. Атрибут используется в создании ссылок,
баннеров или кнопок ведущих на сайт, значение которого присвоено этому
атрибуту.
Каждая
страница в сети, а в последствии и каждая Web-страница Вашего сайта имеют свой
уникальный URL адрес (унифицированный указатель ресурсов). Абсолютно все
странички сайта могут переплетаться между собой с помощью гипертекстовых
ссылок. Мы уже имеем две страницы сайта это – site.html и cod.html, необходимо на
страничке cod.html установить ссылку на
главную страничку сайта site.html и назвать её "Главная", код будет простым:
<a href =“site.html” >Главная</a>
затем
производим корректировку кода страницы сайта cod.html, где у нас находится содержание и
форма отправки сообщений, вставив туда в тело документа код ссылки после
закрывающего тега </form> и получаем следующее:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
<form action="mailto:имя почтового
nmhrubpbdjktulor("%3CA%20href%3D%22mailto%3A%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%40mail.ru%22%3E%3CFONT%20style%3D%22BACKGROUND-COLOR%3A%20%23ffffff%22%20face%3Dtahoma%20color%3D%232188ff%20size%3D2%3E%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%3C%2FFONT%3E%3C%2FA%3E")
ящика@mail.ru" method=post>
<textarea rows=10
cols=50 name=comments ></textarea >
<p><input type=submit
valuе=«Отправить»></p>
</form>
<a href =“site.html” >Главная</a>
</body>
</html>
Сохраним
результат, открываем в браузере cod.html и видим, что внизу под формой появилась
ссылка на главную страницу, после наведения курсора мышки на ссылку он
поменяет рисунок со стрелки на руку с указательным пальцем, при нажатии на
которую будет произведен переход на site.html. По аналогии создаются все гипертекстовые
ссылки меняется лишь значение атрибута href.
Сделаем использование
ссылок немного комфортным для нашего зрительного восприятия изменив их цвет
с помощью атрибутов link и alink в открывающем теге <body>.
Атрибут link – задает значение
цвета не просмотренной ссылки, то есть ещё не нажатой.
Атрибут alink – задает значение
цвета когда на неё наведен курсор мышки или ссылка является уже просмотренной,
то есть нажатой. Пример с измененным кодом страницы находится ниже, где blue –
голубой цвет не нажатой ссылки, red – красный цвет ссылки после перехода по
ней, то есть нажатия:
<html>
<head>
<title>Содержание</title>
</head>
<body link=blue, alink=red>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
<form action="mailto:имя почтового
nmhrubpbdjktulor("%3CA%20href%3D%22mailto%3A%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%40mail.ru%22%3E%3CFONT%20style%3D%22BACKGROUND-COLOR%3A%20%23ffffff%22%20face%3Dtahoma%20color%3D%232188ff%20size%3D2%3E%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%3C%2FFONT%3E%3C%2FA%3E")
ящика@mail.ru" method=post>
<textarea rows=10
cols=50 name=comments ></textarea >
<p><input type=submit
valuе=«Отправить»></p>
</form>
<a href =“site.html” >Главная</a>
</body>
</html>
Гипертекстовые
ссылки
могут быть не только в виде написанного текста, но и в виде картинки или фото
как говорилось в самом начале статьи. Сейчас посмотрим на примере как присвоить
изображению на сайте переходную гипертекстовую ссылку на другую страницу. Для
того чтобы сделать такую ссылку вставим в коде первой странице сайта site.html перед тегом <img> открывающий тег <a> с атрибутом href и присвоив при этом
адрес ссылки:
<a href=cod.html><img src=имя файла.gif border=1></a>
Код первой
странички должен измениться следующим образом:
<H1 align=center>Мой сайт!</Н1>
<h4>Сегодня был создан мой первый сайт, в котором я рассказу о
себе и о своих увлечениях.</h4>
<a href=cod.html><img src=имя файла.gif border=1></a>
Сохраняем
полученный результат и проверяем работоспособность ссылки. Открываем в браузере
первую страничку сайта, нажимаем на изображение и происходит перенос на
страницу с содержанием и формой. Вот мы и разобрали примеры создания
гипертекстовых ссылок как в виде текста, так и в виде рисунка или изображения.
По аналогии можно сделать ссылку на адрес какого-нибудь сайта в интернете,
например на этот, тогда код ссылки будет иметь вид:
<a
href=http://www.webmaster.wmsite.ru>Вебмастерская</a>,
где атрибуту
href присваивается значение адреса в сети http://www.webmaster.wmsite.ru и название сайта
Вебмастерская, при клике на такую ссылку браузером будет произведен переход на
сайт с указанным адресом.
Создание таблицы
Для
размещения на страницах сайта картинок и текста в нескольких колонках отдельных
друг от друга, используют создание таблицы и ее последующую вставку. Таблицы
могут применяться для создания меню сайта и отображения каких-либо данных в
табличном виде. Рассмотрим пример создания таблицы состоящей пока только
из одной колонки и нескольких ячеек, где можно будет расположить меню сайта.
Для этого потребуется новый файл назовем его menu.html. Выполняем (пуск –
программы – стандартные – блокнот), набираем стандартный код из которого
состоит каждая страничка сайта назвав его <title>«Меню сайта»</title>, а затем будем уже
производить в нём изменения:
<html>
<head>
<title>«Меню сайта»</title>
</head>
<body>
</body>
</html>
Таблица
всегда заключается между тегами <table>…</table>, внутри этих тегов
располагаются теги <tr>…</tr>, которые служат для создания строк
таблицы, а уже внутри строчных тегов прописываются теги <td>…</td>, каждая пара которых
образует отдельный столбик таблицы. Между тегами <td>…</td> также пишется
текстовое содержание, например пунктов меню:
<table>
<tr><td>Введение</td></tr>
<tr><td>Создание сайта</td></tr>
<tr><td>Раскрутка сайта</td></tr>
<tr><td>Администратирование сайта</td></tr>
<tr><td>Антивирусная защита</td></tr>
</table>
Вставка таблиц на страницу
Теперь
полученный код нужно будет вставить в HTML-код странички menu.html между тегами тела
документа <body>…</body> и сохранить
изменение, затем процедура проверки стандартная через браузер. По умолчанию таблица
будет располагаться по левому краю, но её место положение всегда можно изменить
применив атрибут align со значениями center или right: align=center – выравнивание по центру страницы, align=right – выравнивание по
правому краю страницы.
Обратите
внимание,
что при открытии странички в браузере видны только сами пункты меню
расположенные друг под другом, так где же сама вставленная табличка? Все дело в
том, что для визуального отображения табличной формы, нужно в теге <table> применить атрибут borler с присвоением ему
цифрового значения, этот атрибут уже рассматривался в примере обвода рисунка
рамкой. Задание атрибуту borler=1, толщина рамки таблицы будет соответствовать
одному пикселу. Полный код страницы будет выглядеть так:
<html>
<head>
<title>«Меню сайта»</title>
</head>
<body>
<table border=1>
<tr><td>Введение</td></tr>
<tr><td>Создание сайта</td></tr>
<tr><td>Раскрутка сайта</td></tr>
<tr><td>Администратирование
сайта</td></tr>
<tr><td>Антивирусная защита</td></tr>
</table>
</body>
</html>
Всавленная
таблица в страницу по умолчанию будет растягиваться на весь экран пока не
вместит все содержимое текстовой строки, но можно и зафиксировать её размеры в
определенных пределах с помощью атрибута
width
С
присвоением ему цифрового значения каждая единица которого будет равна одному
пикселу ширины таблицы, то есть если width=15, - значит таблица будет иметь определенную
ширину в 15 пикселов. Данный атрибут вставляется в открывающий тег <table> так же как и атрибут
border.
<table border=1 width=15
>
Сделав
необходимое изменение кода мы получаем табличку заданной нами ширины и если
пункт меню превысит в ячейке ширину 15 пикселов, то он отобразится в две или
более строк.
Для
центрирования пунктов меню или для выделения их жирном шрифтом, рекомендовано
вместо тегов <td>…</td> ограничивающих текст пункта меню применять
теги <th>…</th>. Можете сами
попробовать увидеть произошедшие изменения заменив теги <td></td>
на <th></th>.
Здесь нужно
понимать, что раз задается ширина ячейки, то можно задать и её высоту, так как
по умолчанию она будет растягиваться вниз в зависимости от наполнения текстовым
содержимым. Для фиксации высоты ячейки при вставке таблиц на страницу, используют
атрибут
height
которому так
же присваивается определенное цифровое значение, которое будет соответствовать height=1=1 пиксел.
Можно
оперировать цветом ячеек таблицы, строк или столбцов по отдельности, а так же
задавать цвет всей таблице применив атрибут bjcolor, всё будет зависеть
от того в какой тег Вы его вставите в <title>, <th> или <tr>.
Для того
чтобы у нас получилось полноценное меню, необходимо каждому его пункту присвоить
ссылку, при нажатии на которую происходил переход на другую страницу сайта
соответствующую этому пункту. Не буду расписывать подробно как это сделать, так
как этот урок есть в меню сайта «Создание ссылок», приведу лишь одну измененную
строчку кода, а дальше Вы справитесь сами, только одно «НО», в примере
появилась новая страничка сайта admin.html – её тоже можете создать как и все
остальные в блокноте опыт у Вас уже есть, но не забывайте, что при сохранении
новой страницы сайта файл должен обязательно иметь формат html, иначе браузер
не будет отображать его содержимое!
<tr><td><a
href=admin.html>Администратирование
сайта</a></td></tr>
Создание списка. Ненумерованные списки.
Создание
списков на web-страничках могут применяться по Вашему усмотрению,
обычно списки используются для: отображения содержания, составления
какого-либо перечня или если хотите разделить текст на отдельные пункты
(подпункты). Также могут использоваться для составления несложного меню сайта. Списки
бываю пронумерованными или ненумерованными. Рассмотрим пример
создания непронумерованного списка, сделав отдельную страничку сайта и вставив
туда его код:
Откроем
программу «Блокнот», создадим новый файл и наберем в нем следующий HTML-код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
</body>
</html>
Между
тегами
<title></title> введем заголовок
документа «Содержание» и точно такой же заголовок для визуального отображения
на страничке введем в тело документа между тегами <body></body>, использовав при
этом теги для раздела третьего уровня <h3></h3> и выравнивание
заголовка по центру атрибутом align=center.
Вставляются
ненумерованные списки в web-странички с помощью тегов
<ul></ul>
в которые
заключается сам список. Перед началом каждой новой строки списка вставляется
одиночный тег <li>, который будет выдавать жирную точку перед началом каждого раздела.
Сделаем для создания ненумерованного списка следующий код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
</body>
</html>
теперь
вставив это код в блокнот и сохраните его под именем cod.html в папку Мой сайт,
просмотрим полученный результат в браузере, и увидим, что мы получили
ненумерованный список вида:
Содержание
- Введение.
- Создание сайта.
- Раскрутка сайта.
- Администратирование
сайта.
- Антивирусная
защита.
Каждая
новая строка ненумерованного списка выделена жирной точкой, если вы хотите
создать нумерованный список, то для этого необходимо использовать теги <ol></ol> вместо <ul></ul>, с заключенным между
ним списком перед началом каждой строчки которого будет располагаться одиночный
тег (элемент) <li>, то есть все делается по аналогии предыдущего примера.
Создание списка. Ненумерованные списки.
Создание
списков на web-страничках могут применяться по Вашему усмотрению,
обычно списки используются для: отображения содержания, составления
какого-либо перечня или если хотите разделить текст на отдельные пункты
(подпункты). Также могут использоваться для составления несложного меню сайта. Списки
бываю пронумерованными или ненумерованными. Рассмотрим пример
создания непронумерованного списка, сделав отдельную страничку сайта и вставив
туда его код:
Откроем
программу «Блокнот», создадим новый файл и наберем в нем следующий HTML-код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
</body>
</html>
Между
тегами
<title></title> введем заголовок
документа «Содержание» и точно такой же заголовок для визуального отображения
на страничке введем в тело документа между тегами <body></body>, использовав при
этом теги для раздела третьего уровня <h3></h3> и выравнивание
заголовка по центру атрибутом align=center.
Вставляются
ненумерованные списки в web-странички с помощью тегов
<ul></ul>
в которые
заключается сам список. Перед началом каждой новой строки списка вставляется
одиночный тег <li>, который будет выдавать жирную точку перед началом каждого
раздела. Сделаем для создания ненумерованного списка следующий код:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
</body>
</html>
теперь
вставив это код в блокнот и сохраните его под именем cod.html в папку Мой сайт,
просмотрим полученный результат в браузере, и увидим, что мы получили
ненумерованный список вида:
Содержание
- Введение.
- Создание сайта.
- Раскрутка сайта.
- Администратирование
сайта.
- Антивирусная
защита.
Каждая
новая строка ненумерованного списка выделена жирной точкой, если вы хотите
создать нумерованный список, то для этого необходимо использовать теги <ol></ol> вместо <ul></ul>, с заключенным между
ним списком перед началом каждой строчки которого будет располагаться одиночный
тег (элемент) <li>, то есть все делается по аналогии предыдущего примера.
Графика сайта. Формат графических изображений.
Для использования
на сайтах графических изображений применяются определенные форматы
графических файлов: JPEG, GIF и PNG. Первый формат JPEG – это саамы
известный и распространенный формат изображения для хранения растровых
или точечных фотографий и рисунков со сжатием, которое уменьшает исходный
размер файла в несколько раз без видимой потери его качества.
GIF – формат графических
изображений, очень популярен для применения в вебдизайне при создании
сайта, может использоваться как для создания анимированных (движущихся)
изображений необходимых в дизайне сайта, так и для создания рекламных банеров.
Формат PNG – поддерживаю в
основном новые версии браузеров, так как данный формат графических
изображений является более молодым по отношению к своим предшественникам,
он позволяет добиться наибольших результатов в сжатии цифровых изображений,
уменьшая тем самым размер файла до минимума, но особой популярности не завоевал
так как нет возможности поддерживать анимированную графику.
Какого
формата графику Вы будете использовать у себя при создании страниц дело
ваше, но лично я бы посоветовал использовать формат GIF, который не только даёт
отличные возможности по уменьшению размера цифрового изображения при сжатии, но
и использовании анимации на сайте, а также изображения этого формата менее
искажаются в визуальном плане нежели рисунку формата JPEG.
Но нужно
помнить, прежде чем вставлять картинку в страницу сайта, нужно уменьшить её размер
до минимального имеется ввиду не физический размер самой картинки а объем файла
(кб, Мб), это необходимо для того, чтобы время необходимое для загрузки
страницы в браузере содержащей изображения было как можно меньше, ведь у
некоторых пользователей интернета скорость соединения оставляет желать лучшего,
и если страничка будет долго грузиться, то не каждый дождется её загрузки и
уйдет с сайта. Как выполнить такую оптимизацию изображения Вы можете порыться в
интернете и отыскать ответы на этот вопрос, такой информации там предостаточно
или посмотреть в этом разделе.
Давайте
теперь разберем, как же вставлять изображения в сам HTML-код странички, данная
операция была рассмотрена в разделе сайта - «Вставка изображений». Но данный
способ был ограничен тем, что непосредственно сама картинка расположена в самой
папке «Мой сайт», но при вставке изображения в код странички можно внести
ссылку на рисунок расположенный совсем на другом сайте или веб ресурсе, такая
ссылка будет являться абсолютной. Для того чтобы создать абсолютную
ссылку выполним несложные действия, помните HTML-код для вставки изображения на
первой страничке Вашего сайта:
<img src=имя
файла.gif>
в данном
случае необходимо изменить значение атрибута src так, чтобы этим значением стал
URL-адрес вашего рисунка расположенного в интернете, а выглядеть это будет
следующим образом:
<img src=http://имя
сайта.narod.ru/имя файла.gif>
Можете
сделать это изменение кода уже из менеджера управления сайтом на narod.ru, так
как странички уже помещены на этот сервер и проверить результат через браузер с
подключенным при этом интернете, если при открытии браузером изменённой
странички будет отсутствовать подключение к сети, то вместо картинки увидите
квадратик с крестиком.
Во всём
этом есть один небольшой нюанс, многие пользователи отключают в браузере
функцию просмотра изображений для более быстрой загрузки страниц, а некоторые
браузеры старых версий и вовсе не могут прочесть HTML-код рисунка, а
соответственно и отобразить его визуально для пользовательских глаз. В этом
случае для тега img был предусмотрен ещё один атрибут:
alt
название
которого говорит само за себя, альтернативный текст, то есть вместо того, чтобы
показать рисунок браузер будет выдавать текст, который Вы пропишите (например
это может быть название рисунка или его описание). Значение данного атрибута
должно быть заключено в кавычки, например:
<img src=имя файла.gif
alt=«Логотип моего сайта»>
после
сделанных изменений в коде страницы содержащей картинку, при отсутствии
поддержки браузером изображений или отключенной функции отображения картинок
будет выводится надпись «Логотип моего сайта».
Фон странички сайта
Фон
странички сайта еще одно преимущество, которое заключается в том, что
вставляемый рисунок можно будет использовать в качестве заднего фона
web-странички. Выполнение этой функции стало возможным при вставке атрибута
background
в тег <body> с присвоением ему
значения URL-адреса рисунка или его имени в каталоге сайта, если взять
страничку сайта, который мы загрузили на сервер и сделать изменения в коде:
<html>
<head>
<title>Содержание</title>
</head>
<body link=blue alink=red background=имя файла.GIF>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
<form action="mailto:имя почтового
wccddocljjktulqm("%3CA%20href%3D%22mailto%3A%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%40mail.ru%22%3E%3CFONT%20style%3D%22BACKGROUND-COLOR%3A%20%23ffffff%22%20face%3Dtahoma%20color%3D%232188ff%20size%3D2%3E%D1%8F%D1%89%D0%B8%D0%BA%D0%B0%3C%2FFONT%3E%3C%2FA%3E")
ящика@mail.ru" method=post>
<textarea rows=10
cols=50 name=comments ></textarea >
<p><input type=submit
valuе=«Отправить»></p>
</form>
<a href =“site.html” >Главная</a>
</body>
</html>
Сохранив
изменения, получим в виде фонового изображения на страничке
картинку, имя которой мы вставим в HTML-код, но не забывайте, что данная
картинку должна быть также загружена в общую корневую папку «Мой сайт» на
сервер.
Размещение сайта в сети. Выбор хостинга.
Многие
думают, что разместить свой сайт в сети невероятно сложно, но на деле все
оказывается иначе. Для размещения сайта в сети, нужно лишь
определиться с провайдером на сервере которого Вы бы хотели разместить свой
сайт. Вопрос выбора хостинга, полностью лежит на вебмастере,
и выбор провайдера хостинга полностью лежит на Вас. Расскажу лишь чем
отличается платный и бесплатный хостинг, какие минусы и плюсы содержат
каждый из них.
Хостинг - это определенного
вида услуга, которая дает возможность создателям сайтов, то-есть вебмастерам
размещать свои сайты на серверах хостинговых компаний, выполняющих
обслуживание хостинговых серверов и обеспечивающих доступ к сайту, через
World Wide Web - интернет. Другими словами хостинг - это предоставление
во временную аренду некоторого дискового пространства сервера, для
размещения на нем сайтов.
Выбор
платного хостинга - при выборе хостинга для размещения сайта в сети,
который предоставляется в пользование вебмастеру за деньги, компания провайдер
несет обязанности по обслуживанию и сервису предоставленного вида услуги. Вы
как заказчик обязаны вовремя производить оплату услуг по предоставлению
хостинга и несете ответственность за соблюдение Правил, установленных
провайдером. Цена на предоставление хостинга в пользование для размещения ресурса,
колеблется от 800 до 15000 рублей в год, и зависит от тарифного плана, который
Вы выберете.
Каждый
тарифный план включает в себя те или иные дополнительные функции по управлению
сайтом и имеет определенный предоставляемый размер дискового пространства. При
выборе платного хостинга, Вы получаете постоянную техническую поддержку,
возможность использовать при создании сайта несколько языков програмирования и
стабильность работы хостингового сервера с быстрой загрузкой страниц Вашего
сайта, а также доменное имя второго уровня.
Размещение
сайта в сети на коммерческих условиях, дает возможность выбрать доменное имя.
Немного о доменном имени: ru, biz, com, ua - это все доменные имена первого
уровня. Rambler, narod - доменные имена второго уровня. Имя сайта.narod.ru - в этом случае имя
сайта будет иметь доменное имя третьего уровня или называемое еще поддомен.
Выбор
бесплатного хостинга - такой хостинг предоставляется некоторыми провайдерами. При
размещении сайта на бесплатном хостинге Вам предоставляется дисковое
пространство небольшого объема - это первый минус "бесплатности".
Невозможность использовать некоторые языки програмирования и скрипты.
Провайдеры бесплатного хостинга будут размещать на Вашем сайте свою рекламу,
что не всегда подходит под дизайн сайта. Еще один минус бесплатного хостинга,
то что Вы получаете доменное имя третьего уровня. Скорость загрузки
страниц в браузере, будет не такой быстрой, как на платном хостинге.
В нашем
случае рассмотрим пока бесплатный ресурс предоставляющий услуги хостинга, для
нашего сайта он вполне подойдет. В дальнейшем Вы всегда можете перенести сайт
на платный хостинг, если будет такое желание. Созданный сайт находится на
жёстком диске «С» Вашего компьютера в папке «Мой сайт» и состоит из четырёх
страничек – это site.html, cod.html, menu.html, admin.html и рисунка, так как это только обучающий курс, этого пока будет
достаточно. В последствии далее Вы будете сами углубляться в курс дела и делать
свои изменения на сайте, что то туда добавляя и корректируя.
Теперь
необходимо разместить созданное творение на один из серверов, но не забудьте туда
скопировать всё, включая рисунок иначе он не будет отображаться в браузере и по
умолчанию заменится пустым квадратом с крестиком или описанием картинки, если
был применен альтернативный текст к графике при помощи атрибута alt.
Переместить
файлы сайта на сервер WWW провайдера можно с помощью специальных программ
или файловых менеджеров, которые предоставляются бесплатно в виде определенных
форм для заполнения прямо на сайте самого сервера.
Итак
рассмотрим сервер бесплатной службы http://www.narod.ru/ он предоставляет
неограниченный объем дискового пространства, что то на подобие отдельного
жёсткого диска для размещения Вашего сайта на нём, а также доменное имя
третьего уровня. Для размещения сайта на сервере этого провайдера
необходимо пройти процедуру регистрации перейдя по ссылке на сайт провайдера
набрав в адресной строке браузера http://www.narod.ru/. На самом верху в
левом углу страницы увидите ссылку Регистрация, перейдя по ней
откроется новая форма первого этапа регистрации, которую Вы должны заполнить и
нажать кнопку Дальше в низу страницы и перейти ко второму этапу
регистрации. В формах обычно предлагают указать Ваши фамилию, имя, отчество, домашний
адрес, e-mail и так далее. А так же заранее необходимо придумать имя Вашему
сайту:
http://www.имя сайта.narod.ru/
Имя которое
Вы выберете для размещения сайта в сети, может оказаться уже занятым,
так как сайтов огромное множество и вероятность совпадения имен очень велика.
Если уж так случиться, то появится предупреждение – в следствии чего Вы должны
изменить имя сайта пока система не зарегистрирует его как свободное. После
заполнения всех форм нажимайте кнопку «ОК», и если всё введено правильно, то служба
выдаст сообщение об успешной регистрации и предложит ввести дополнительные
данные.
После
полного завершения регистрации и заполнения всех данных нажимайте кнопку
«Сохранить», после чего загрузится страница «Настройки Яндекса», ничего не
нужно пока здесь делать, просто внизу страницы нажимаем Выход.
Для того, чтобы получать информацию и отправлять запросы по сети, Вам так или
иначе придется обзавестись электронной почтой. На Ваш адрес электронной почты,
который был указан при регистрации на сервере, придет письмо в котором будет
ссылка, после нажатии на которой Вы тем самым дадите согласие на регистрацию.
Для
дальнейших действий по размещению сайта в сети понадобится соединение с
интернетом, откройте письмо пришедшее на Ваш e-mail и откройте страницу по
ссылке в нём. Откроется страница для входа к Вашей персональной части на
сервере, где необходимо будет ввести «Логин» и пароль указанные при
регистрации, после чего нажать на кнопку «Войти». Загрузится страничка
подтверждения, здесь просто нажимаем «Подтвердить». Вот и всё после этих
несложных последовательных действий можете дальше двигаться по направлению в
размещении, развитии сайта, его облагораживанию и наполнению, а мой сайт будет
Вам помогать и дальше...
Размещение сайта на сервере
Сайт
зарегистрирован, на это фактически лишь его название и некоторое место на
сервере, а для того чтобы он начал функционировать необходимо загрузить
созданные Вами странички. Для этого воспользуемся так же предоставленным нам
бесплатно загрузочным интерфейсом, который находится на самом сервере http://www.narod.ru/. Заходим на него и в правом углу должен быть
«Вход», нажимаем его, водим свой «логин» и пароль и войти.
В
браузере загрузится страница для создания сайта, нажимайте кнопку
«Создать», появится страничка «Мастерской», на ней можно разместить свой
созданный сайт, а так же предоставляется возможность выбрать готовый шаблон
сайта из нескольких вариантов. В «Мастерской» нажмите на ссылку «Загрузка
файлов на сайт», появится менеджер управления загрузками файлов на сервер,
далее жмем кнопку «Обзор», после чего откроется каталог папок и дисков на Вашем
компьютере, перейдите в папку «Мой сайт» и поочередно вбейте в строки
размещения файлов site.html, cod.html, menu.html, admin.html и плюс ко всему не забудьте картинку.
Всё
нажимайте «Загрузить файлы», после чего начнется процедура передачи файлов
будущего сайта на сервер, по окончании которой появится сообщение об успешном
её окончании. На странице загрузки файлов находится ссылка «Управление
файлами», перейдя по которой Вы сможете выполнять различные операции над
загруженными файлами: изменять их (изменяя код странички), переименовывать,
перемещать, копировать и удалять.
Дальнейшее
изучение разделов моего сайта, поможет в развитии Вашего детища до более сложной
структуры, но не только сложной, но плюс к этому ещё и привлекательной для
посетителей. Наполнив сайт красивой графикой и уникальным контентом, Вы тем
самым выделите его из общей массы уже существующих сайтов в интернете и получите
своих постоянных посетителей, которые время от времени будут заходить на него.
Заработок в интернете. Способы заработка.
Заработок
в интернете или слово заработок, в поисковую строку запроса Яндекса,
ежемесячно вбивают около 100 000 человек, желающих найти удаленную работу на
дому, не верите можете проверить сами. Вбейте на сайте поисковой системы заработок в интернете и посмотрите внизу
страницы статистику. По меркам общей статистики запросов - это небольшое
число, однако оно заставляет задуматься и сделать некоторые выводы.
Удаленную
работу на дому ищут все, кто не готов мириться со своим мизерным
заработком в реальной жизни. А начинается все с того, что когда-то
подключившись к интернету и налазившись по сайтам, человеку становится скучно,
вроде бы развлечения есть, но как то однообразно. А если учесть, что по ходу
странствий по сети ему постоянно попадаются такие слоганы, как: "заработок
в интернете", "заработать тысячу долларов", "лучший
заработок в сети" и так далее, пользователь начинает понимать, что
помимо того, что бездумно серфить по сайтам, в интернете можно еще и
заработать.
Что
предлагает нам заработок в интернете, возможностей конечно много, но вот как их
реализовать, чтобы обеспечить достойный заработок, знают не все.
Приведу пример среднестатистического пользователя в сети. Вот наступает момент,
когда он решается освоить заработок в интернете и начинает свой поиск,
воспользовавшись поиском, через поисковую систему. Здесь все пестрит различного
рода коммерческими предложениями, от вложения денег под проценты, до обещания
заработать в интернете с нуля.
По своему
незнанию или нежеланию знать, он скорее всего клюет на все, что обещает
ему хороший заработок в интернете в несколько тысяч долларов
за месяц ничего не делая, а лежать на диване и зарабатывать деньги. Так вот это
полная чушь, и не пытайтесь меня в этом переубедить. Для того, чтобы найти свой
источник заработка в сети, войти в ту калию, которая сама приведет к
источнику дохода, очень и очень непросто.
Заработок
в интернете, существует в нескольких своих вариациях, и доход от этого
также зависит от того, насколько Вы готовы вложить себя в это
мероприятие. Я не буду предлагать Вам инструкцию по заработку в интернете, по
ходу осведомления в этой области, Вы сами поймете, где можно заработать в
сети, а где нет. Предложу лишь пищу для размышлений, что стоит делать, а
что не стоит для того, чтобы начать зарабатывать в интернете.
Иметь
стабильный заработок в интернете, позволит лишь два варианта или даже три, но
третий случай особенный, поэтому он подойдет не всем. Чтобы зарабатывать в
сети, необходимо быть владельцем раскрученного ресурса и зарабатывать на
рекламе или торговать через сайт, заниматься торговлей на валютном рынке или же
третий вариант, который подойдет не каждому - это профессионально заниматься
фрилансом. Для тех кто не знает фрилансеры - это люди занимающиеся выполнением
заказов через сеть. Например: пишут статьи на заказ для журналов и газет,
занимаются созданием баннеров, разработкой сайтов, оптимизацией и так далее.
Если Вы пока еще не владеете знаниями из всего перечисленнго, то придется,
что нибудь осваивать.
В любом
случае заработок в интернете подразумевает наличие своего сайта, в
противном случае больших денег Вам не заработать. Опишу варианты как можно
иметь достойный заработок в интернете, но при условии, что нужно будет учиться
делать свои странички, которые в дальнейшем, будут Вам помогать реализовывать
свой план. Как делать странички и размещать их в интернете, подробно рассказано
на моем сайте, если начинать с главной страницы, то будет Вам счастье))).
Заработок
в интернете - способ первый. При всем моем уважении к создателям и
владельцам ресурсов по заработку на чтении почты и серфинге, такой
способ не принесет пользователю больших доходов. В лучшем случае несколько долларов
в месяц, за исключением, если у Вас будут сотни рефералов. В этом случае на Вас
будут работать другие люди и проценты от их дохода могут позволить плучать
приличные деньги, но для этого нужно будет ой как постараться.
Заключается такой заработок в том, что Вы будете читать рекламные
письма, которые будут приходить на почту или просматривать сайты
рекламодателей. За каждое такое действие Вы будете получать примерно от 0.001
до 0.004 центов. Такой способ обычно подходит для тех, кто не хочет делать
свой сайт, и зарабатывать более приличные деньги, поэтому я такой вариан не
отношу к заработку в интернете, как к таковому. Если хотите попробывать
подзаработать намного электронных денег на Вебмани вот Вам ссылка. И ради бога не
вступайте во всякого рода МЛМ пирамиды, шанс заработать в них очень маленький.
В лучшем случае, если Вы будете на вершине проекта, может что-то и заработаете,
в худшем потеряете все. Помните Леню Голубкова, все МЛМ из этой оперы.
Заработок
в интернете - способ второй. Вы учитесь делать сайт и делаете его,
проводите его оптимизацию под поисковые системы, и занимаетесь
продвижением. Как позволит Вам зарабатывать в интернете такой вариант?
Здесь методов много и все зависит от Вашей инициативы и усердия, статистика
гласит, что каждый раскрученный сайт приносит своему владельцу доход от
100 до 1000 долларов ежемесячно. Приведу несколько возможных вариантов заработка
на сайте, которые можно также совмещать все вместе, что более эффективно. В
любом случае такой заработок в интернете более эффективен, чем первый способ:
- Контекстная
реклама - регистрируетесь на сервисе, таких как Google AdSense, Бегун или
например Яндекс директ. Размещаете на своем сайте рекламные блоки,
после перехода пользователя по ссылке с рекламного блока на сайт
рекламодателя, Вам выплачивается денежное вознаграждение. Такой заработок
в интернете может быть эффективен для посещаемых сайтов, с посещением в
сутки от 1000 до 5000 уникальных пользователей. Заработок в интернете на контекстной рекламе.
- Заработок на
партнерках интернет магазинов и других партнерских программах - суть его
заключается в том, что Вы становитесь партнером интернет ресурса по
реализации какого-либо вида продукции или услуг. Получаете рекламные
материалы и через свой сайт занимаетесь привлечением покупателей на сайт партнерки,
где непосредственно происходит сделка купли-продажи товара или
услуги. За это Вы будете зарабатывать от 5 до 30% от сделки, в зависимости
от условий партнерки. Смотрите здесь.
- Освоить
заработок в интернете через свой сайт, и самому начать торговать,
используя свой ресурс как площадку для реализации товаров или сразу делать
интернет магазин. Такой способ заработка приносит более ощутимый доход,
получаемый от сайта, но довольно занимает много времени и подойдет не
каждому, если конечно нет своей постоянной работы.
Заработок
в интернете - способ третий. Наверное является самым доходным и самым
рискованным видом заработка в интернете - это торговля на валютном рынке
Форекс. Все зависит от того сколько будет начальный депозит при вступлении и
какими финансовыми возможностями Вы располагаете. Можно ежедневно зарабатывать
от одного доллара до нескольких десятков тысяч долларов, как говорилось,
все зависит от Вашего кошелька. Но есть риск все потерять в один момент при
резком падении или взлете рыночных котировок. Естественно Форекс - это не
казино, и пытатся выйграть на абум не получится. Необходимо будет изучить
определенные правила торговли. Такой заработок в интернете заключается в
следующем: Вы будете заключать сделки через дилинговые центры,
предоставляющие выход на торговые площадки рынка Форекс, используя при этом
торговый терминал (программу). В зависимости повышения цены влюты или понижения,
а также правильности открытого ордера Вы будете зарабатывать на разнице курса
этой валюты.
Заработок
в интернете - способ четвертый. Пытаться стать фрилансером, регистрироваться
в центре сообщества фрилансеров и зарабатывать на выполнении различного рода
заказов. Если Вы обладаете познаниями в какой-либо области: пишете статьи,
очерки, можете создавать сайты или заниматься их SEO оптимизацией и
продвижением, профессионально работаете в программе фотошоп и других прикладных
программах по созданию графики - то этот способ заработка в интернете
как раз для Вас. Сейчас очень распространена услуга по написанию скриптов и
программированию, а также верстка дизайна сайта. Довольно тяжело найти хорошего
специалиста в этих областях. Так что, если у Вас есть один из этих или других
востребованных на интернет-рынке талантов, то самая дорога туда. Такой
заработок в интернете, может также обеспечить приличный доход при приложении
определенных усилий с Вашей стороны.
Заработок на блогах
Этот способ
заработка в интернете, я решил отнести к отдельной особой категории. Возможно его
стоит сопоставить с получением прибыли от сайтов. Блогосфера в отечественном
рунете развивается очень стремительно и количество блогов переваливает за
десятки тысяч. Каждый день люди приходят на блоги за новой информацией, чтобы
встретить единомышленников и найти свой круг общения.
Блог - это
живой журнал или личный дневник, содержащий в себе свои заморочки и мысли,
автор блога наполняет его по принципу, - что думаю то и пишу. Но в свою очередь
блоги стали очень популярны и нашли свою нишу части интернета, в которой они
живут и по сей день.
Создать блог
абсолютно не сложно, сейчас существует много сервисов предоставляющих
возможности заводить блоги безвозмездно. На одном из таких сервисов размещен и
мой блог. Согласно статистике заработков на блоге, то они приносят своим
авторам от 300$ до 10 000$ каждый месяц, от продажи ссылочных мест на своих
страницах для размещение рекламы. Плюс ко всему этому блоги могут служить
"спутником" для продвижения основного сайта.
Вот мы и
рассмотрели основные возможные способы заработока в интернете, какой из них
использовать решать Вам. Но в любом случае, какой из способов заработка Вы бы
не выбрали, лежа на диване и на халяву ничего не добьетесь. Каждый из этих способов
заработка в интернете, является неотемлимой частью общей системы всей
электронной коммерции в сети. Необходимо будет приложить определенные усилия
для достижения своей цели, и не сдавайтесь на пол пути. Только целеустремленным
и упорным улыбается удача и они добиваются того, что не выходит у тех
нескольких тысяч пользователей, вводящих в строку поиска поисковой системы
заветную фразу "заработок в интернете".
Комментарии: 0 Просмотров: 255
| 
