Все для Вас
                           
Меню сайта


Заработай на сайте!
загрузка...
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0




Загрузи свои файлы
Block title


Просто великолепный хостинг получи свой домен!Жми на банер

Block title
Block content
Архив новостей




Обмен визитами. Повышение посещаемости ваших сайтов
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz


  • Поиск
    Главная » Статьи » Мои статьи

    Создаем и зарабатываем на саите
    GPS-навигатор Atomy YHG-128 C4
    Atomy YHG-128 C4 - современный автомобильный навигатор с самыми современными функциями и большим сенсорным 3,5" экраном, работает под управлением популярной навигационной программы iGO. Мультимедийные функции: МР3-проигрыватель, приложение для просмотра изображений, функция просмотра фильмов, электронные книги в формате TXT.
    Цена 4100 руб.

    Сначала определимся как это будет приблизительно выглядеть.

    Вверху сайта мы сделаем "шапку сайта". Слева будет меню сайта с ссылками на другие страницы сайта, остальное место будет занимать контент (содержимое ) сайта.

    Идея понятна ? Приступаем.

    Запускаем Блокнот и пишем на странице:

    <html>

    <head>
    <title> </title>

    </head>

     

    <body>

    </body>

    </html>

    Теперь напишем между тегами <title> </title> название нашей страницы, например вот так

    <html>

    <head>
    <title>Сайт о заработке в интернете. Информация и ссылки на сайты о заработке в интернете</title>

    </head>

     

    <body>

    </body>

    </html>

    Далее разместим теги <center> и </center>, чтобы все содержимое нашего сайта было размещено по центру страницы.
    Если вы не забыли, теги <center> и </center> надо разместить между <body> и </body>, т.е. вот так

    <html>

    <head>
    <title>Сайт о заработке в интернете. Информация и ссылки на сайты о заработке в интернете</title>

    </head>

     

    <body>

    <center>

     

    </center>

    </body>

    </html>

    Если устали просто стучите по баннеру

    Web Hosting>>>>

    Для создания каркаса страницы мы будем использовать таблицу, но чуть более хитрую чем мы проходили в HTML-уроке о таблицах. Нам нужна таблица, в которой в первой строке будет 1 ячейка, а в другой строке будет 2 ячейки, т.е. вот такая нам нужна таблица :

    ячейка 1
    ячейка 2
    ячейка 3

    В ячейке 1 мы расположим шапку сайта, в ячейке 2 будет меню сайта, а в ячейке 3 будет содержимое страницы.

    Для того чтобы сделать такую таблицу напишите вот такой код

    <table>


    <tr>
    <td colspan="2"></td>
    </tr>


    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>


    </table>

    Т.е. код нашей страницы будет вот такой :

    <html>

    <head>
    <title>Сайт о заработке в интернете. Информация и ссылки на сайты о заработке в интернете</title>

    </head>

     

    <body>

    <center>

    <table>


    <tr>
    <td colspan="2"></td>
    </tr>


    <tr>
    <td></td>
    <td></td>
    </tr>


    </table>

    </center>

    </body>

    </html>

    Как видите, в такой вот "хитрой" таблице используется лишь 1 пара тегов <td> в первой строке таблицы, а не два, как при построении таблицы 2х2. Но зато появился параметр colspan="2". Этот параметр как бы говорит, какого размера должна быть ячейка. В данном случае ячейка должна быть шириной в 2 ячейки.

    Так. Теперь зададим размеры таблицы. Ширину таблицы сделаем 750 пикселей. Из рассчета что кто-то из посетителей сайта может использовать монитор 800х600 точек, и просматривать более широкий сайт ему будет не комфортно.

    Высоту таблицы сделаем 600 пикселей

    Т.е. код нашей страницы теперь будет вот такой.

    <html>

    <head>
    <title>Сайт о заработке в интернете. Информация и ссылки на сайты о заработке в интернете</title>

    </head>

     

    <body>

    <center>

    <table width="750" height="600">


    <tr>
    <td colspan="2">Здесь у нас будет шапка</td>
    </tr>


    <tr>
    <td> Здесь будет меню</td>
    <td> Здесь будет содержимое страницы </td>
    </tr>


    </table>

    </center>

     

    </body>

    </html>

    Чтобы стало видно границы частей сайта - "зальем" область меню и область шапки цветом. Например вот так

     

    <html>

    <head>
    <title>Сайт о заработке в интернете. Информация и ссылки на сайты о заработке в интернете</title>

    </head>

     

    <body>

    <center>

    <table width="750" height="600">


    <tr>
    <td colspan="2" bgcolor="#00CC99">Здесь у нас будет шапка</td>
    </tr>


    <tr>
    <td bgcolor="#CCCCCC"> Здесь будет меню</td>
    <td> Здесь будет содержимое страницы </td>
    </tr>


    </table>

    </center>

     

    </body>

    </html>

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

    Возможно возник вопрос. Почему назвали файл страницы именно так ?

    Есть правило. Главная страница сайта должна называться index.html, или index.htm . ! Или index.php если страница написана на языке PHP. Запомните это.

    Тогда при обращении к сайту, т.е. когда набираешь адрес сайта в браузере, можно не набирать index.html или index.htm, достаточно набрать адрес вашего сайта.

     

    Теперь вставим шапку нашего сайта.

    Сохраните картинку шапки у себя на компьютере в той-же директории где находится файл страницы под ее "родным" именем sitelogo.jpg Картинку можете подобрать в сети.

    Устали? я думаю да, тогда поступайте проще

    "Присоединяйтесь к нам сейчас это намного проще и вам не надо тратить уйму времени на разроботку своего первого сайта




    Яндекс.Метрика
    Категория: Мои статьи | Добавил: oik (27.02.2011)
    Просмотров: 636 | Рейтинг: 0.0/0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]


    Submit your website to 20 Search Engines - FREE with ineedhits!
    SEO Services
    WMlink.ru - рекламный брокерfree web site traffic and promotion Рекламная биржаwww.liex.ru - автоматическое размещение статей с прямыми ссылкамиCopyright MyCorp © 2025
    Бесплатный хостинг uCoz
     Работа и заработок :: Вакансии