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

Работа и заработок в сети Интернет. Заканчиваем страничку!


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

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

Давайте добавим на страницу еще одну таблицу с белым фоном, на которой будут размещаться картинки.

Как это сделать? Правильно, используем тэг <table>. В этом теге указываем, что фон должен быть белым, размещаем таблицу по центру. Что еще? Я думаю, эта таблица должна быть такой же ширины, как и верхняя (то есть 80% от ширины экрана), правильно? Так будет гармоничнее!

Еще добавим рамку (для разнообразия сделаем ее толще, то есть border="2").

Попробуйте написать тэг самостоятельно! А потом сравните с моим:

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

Получилось?

Давайте определим высоту таблицы. Для этого допишем height="60%". В первой таблице мы такого не писали, поэтому ее высота определяется количеством строк текста! А здесь она будет фиксированной высоты, даже если будет пустая.

В итоге получится так:

<br><br>   <!--сделаем отступ, чтобы сделать промежуток между таблицами-->

         <table align="center" width="80%" height="60%" border="2" bgcolor="#FFFFFF">         <!--вторая таблица-->

           <tr>

             <td>

                   <br>           <!--отступ от верхней границы ячейки (чтобы текст не был прямо аж под рамкой-->

                   <h3 align="center">А здесь давайте разместим какие-нибудь картинки!</h3>

                   <br>           <!--отступ после текста-->

                   <table align="center"><tr><td>      <!--табличка внутри таблицы для того, чтобы лучше разместить картинки. Заметьте – без рамки!-->

          <img src="http://bizzz.net.ru/ded.gif">     <!--первая картинка - слева-->

<img src="http://bizzz.net.ru/elka.gif">              <!--вторая - справа-->

</td></tr></table>                 <!--конец внутренней таблички-->

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

<a href="http://subscribe.ru" target="_blank">Перейти на сайт>></a><!--ссылка на сайт subscribe.ru!-->

<br><br>

             </td>

           </tr>

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

   </body>            <!--конец тела сайта-->

</html>                <!--конец страницы-->

Вот и все! Сохраните, посмотрите, что получилось.

Разберем еще тэг ссылки: <a href="http://subscribe.ru" target="_blank">Перейти на сайт>></a>.

  • <a href="http://subscribe.ru"> – показывает адрес, на который нужно переходить;
  • target="_blank" – открыть ссылку в новой странице;
  • Перейти на сайт>> – это то, что будет на сайте отмечаться как ссылка.

Кстати, Вы заметили, что в предыдущем письме я не закрыла тэги тела страницы и самой страницы: </body> и </html>? Но все равно все работало!

Так, в общем-то, тоже можно, но лучше закрывайте все тэги, которые открываете!

Итак, окончательный вариант своей странички можете сравнить с моей: http://bizzz.net.ru/first.html.

Если все совпадает, то поздравляю!

Эта страничка лежит теперь у Вас на компьютере. Но ее, кроме Вас, никто не видит. Ее нужно выложить в Интернет.

Вот этот сайт предоставляет услуги бесплатного хостинга: http://www.0webhost.org.ua/.

Здесь нужно зарегистрироваться (как это сделать описано на вкладке «Регистрация»). После регистрации Вы получите домен, и Вам предоставят услуги хостинга. Ваш файл first.html нужно будет загрузить на сервер (делать это нужно из вкладки пользователя CPanel).

Знаю, насколько это может быть непросто (сама в первый раз разбиралась, наверное, неделю, что такое CPanel, как туда попасть и что вообще с этим всем делать!), предлагаю Вам разобраться с этим детально!

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

До следующего письма!

С уважением, Лилия Левченко

levchenkoliliya@yandex.ru

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


В избранное