Отправляет email-рассылки с помощью сервиса Sendsay

Работа и заработок в сети Интернет

Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Январь 2011   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Лилия

Статистика

633 подписчиков
-1 за неделю
←   Все выпуски   →

Работа и заработок в сети Интернет. Делаем свой первый сайт!


Доброе время суток, уважаемый подписчик!

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

Ну что, давайте попробуем?

Откройте блокнот ( он находится в меню кнопки пуск: Пуск->Все программы ->Стандартные->Блокнот).

В открывшемся блокноте нажмите Файл->Сохранить как… Напишите в поле «Имя файла» first.html, при этом в поле «Тип файла» выберете «Все файлы».

Если выберете просто «Сохранить», или не измените тип файла, Ваше творение сохранится просто как текстовый документ.

Поэтому внимательнее.

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

Да, сейчас он еще пустой, мы же ничего там не писали. Давайте напишем!

Откройте файл как текстовый документ (Открыть с помощью -> Блокнот).

html-документ пишется с помощью тэгов – специальных символов языка, заключенных в треугольные скобки: <какое-то слово>.

По своей структуре веб-страничка состоит из заголовка и тела. Заголовок обозначается тегами <head>  – начало заголовка и </head> – конец заголовка, тело – <body> и </body> соответственно.

Итак, написали в файлике прямо с самого начала:

<html>

   <head>

       <title>Мой первый сайт</title>

   </head>

Сохраните и откройте теперь как веб-страницу. Что видите? Теперь сайт имеет заголовок – он отображается на самой верхней панели слева – где кнопки закрыть, свернуть и развернуть.

Кстати, тэг <html> показывает начало документа.

Давайте теперь напишем что-нибудь на самой страничке.

Сначала обозначим, что у нас начинается тело документа, то есть тэг

<body>

</body>

Между этими двумя тэгами напишем:

<p>Ну напишите тут какой-нибудь текст. Например, расскажите о себе. Сделайте так, чтобы весь текст уместился примерно на пять предложений. Это нам нужно для того, чтобы посмотреть, как можно управлять размещением текста на странице, а еще для выбора размера шрифта, его цвета и т.д.</p>

Как Вы уже поняли, тэг <p> показывает начало текста. Откройте документ как веб-страничку. Ну что, красиво? Не очень-то, правда.

Давайте попытаемся немного его изменить.

<html>

   <head>

         <title>Мой первый сайт</title>

   </head>            <!--тут пока все тоже самое-->

   <body background="http://bizzz.net.ru/fon.gif">  <!--добавила фон к сайту (чуть ниже подробнее) -->

         <br><br>   <!--сделала отступ в две строчки-->

         <table align="center" width="80%" border="1" bgcolor="#FFFFFF">

<!--а это табличка, чтобы текст лучше смотрелся-->

           <tr>          <!--обозначение новой строки таблицы-->

             <td>                 <!--обозначение нового столбца-->

                   <p align="center"> <font size="+1">Ну напишите тут какой-нибудь текст. Например, расскажите о себе. Сделайте так, чтобы весь текст уместился примерно на пять предложений. Это нам нужно для того, чтобы посмотреть, как можно управлять размещением текста на странице, а еще для выбора размера шрифта, его цвета и т.д.</p>

             </td>      <!--конец столбца-->

           </tr>                  <!--конец строки-->

         </table>      <!--конец таблицы-->

Давайте рассмотрим новые теги:

1. Внутри тэга <body> я добавила background="http://bizzz.net.ru/fon.gif". Слово background обозначает фон страницы. После знака = идет адрес рисунка, который будет отображаться на заднем фоне страницы. Например, есть у Вас какая-то картинка photo.gif или photo .jpg – где Вы загораете на пляже или прыгаете в воду со скалы (необязательно именно такие!! Можно любые взять))). Можно написать тогда так: <body background=="photo.gif">, правда, при этом придется переместить эту фотографию В ТУ ЖЕ папку, что и файл first.html.

Ну а у меня написан адрес картинки, которая размещена в Интернете (на моем сайте).

2.  <br> – отступ в одну строчку.

3. Таблица  <table align="center" width="80%" border="1" bgcolor="#FFFFFF">. Вот это длиннющий тэг, правда? На самом деле тэг здесь просто <table>, а все остальное называется атрибутами:

·     align – расположение на странице. Есть выравнивание по центру (center), по левому краю (left), правому (right), по ширине (justify). Кстати, эти атрибуты применяются и для текста.

·     width="80%" – ширина таблицы будет занимать 80% от ширины экрана.

·     border="1" – ширина рамки таблицы. Можете подставить туда другие цифры и посмотреть, что поменяется.

·     bgcolor="#FFFFFF" – цвет фона таблицы. #FFFFFF – означает белый. Кстати, тэг <body> можно использовать с этим атрибутом, а после символа = можно писать прямо словами "green" или "blue". Правда, будет не так красиво! Кавычки только не забывайте!

4.     В каждой таблице должны быть строки <tr> и столбцы <td>. У нас всего одна ячейка – для размещения текста.

Давайте, наверное, на сегодня на этом остановимся. Попробуйте поменять атрибуты, поэкспериментируйте. А завтра мы научимся добавлять картинки, делать ссылки, в общем, закончим страничку и выложим ее в Интернете!

До завтра!
С уважением, Лилия Левченко

levchenkoliliya@yandex.ru

http://bizzz.net.ru - "Как заработать в Интернете Лентяю" - конкретные схемы, приемы и методы построения бизнес-структуры, которая позволит практически на полном автомате получать доход 150-200$ ежемесячно.

В избранное