Разработка сайтов. Создание сайтов. Быстрая разработка недорогих сайтов. Создание эффективных сайтов
        

Создание веб сайта


      Создание элементов оформления сайта

      Если вы хотите быстро создать много сайтов с отличающимся графическим оформлением, лучший вариант - сайт, в основе которого лежит набор таблиц фиксированной (<table width=600> </table>) или переменой (раздвижные) ширины.
      Если вы занимаетесь продвижением товаров, услуг или заработком в интернете,
  графическое оформление   сайта имеет второстепенное значение и его можно стандартизировать под один общий HTML код. Это возможно в том случае, если у вас есть много разнообразного информативного контента, к которому надо привлечь посетителей.
      Посмотрим графическое оформление некоторых сайтов с похожим HTML кодом (несколько таблиц фиксированной ширины). Для сайта
  http://top-design.narod.ru/   использовано 9 графических элементов:
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Обратите внимание на миниатюрность этих элементов. Вы можете их использовать для оформления сайтов, ориентированных на просмотр на мобильных устройствах (iPhone, Android устройствах), имеющих небольшие размеры экрана.
      
      Для сайта
  http://free-website.narod.ru/   использовано 15 графических элементов (на 2 строки таблицы больше)
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Для сайта
  http://website.shmeleff.com/   так же использовано 9 графических элементов:
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      
      Создание веб сайта  Создание веб сайта  Создание веб сайта
      

Создание веб сайта

      
      Все эти сайты выглядят по-разному, представляют
  контент   разной тематики, но при этом имеют очень похожую структуру HTML кода. Каждый из этих сайтов состоит из нескольких HTML таблиц одинаковой ширины, размещенных последовательно ("стоящих" на веб странице друг над другом).
      Для примера напишем HTML код для сайта шириной 800 pix. Графическое оформление создается ячейками HTML таблицы <table > </table>. Вся верхняя строка, боковые столбцы и нижняя строка таблицы используются только для размещения графических элементов.
      
      
      <table border=0 cellpadding=0 cellspacing=0 width=800>
      <tr>
      <td background=t1.jpg width=38 height=37></td>
      <td background=t2.jpg width=729 height=37 align=center>Здесь можно написать что-нибудь</td>
      <td background=t3.jpg width=33 height=37></td>
      </tr>
      </table>
      
      Здесь <tr> - объявление строки, которая заканчивается тэгом </tr>. Между ними находятся тэги <td> </td>, которые определяют столбцы.
      Видно, что в этой таблице одна строка и три столбца. Ширина левого столбца width=38, а высота - height=37. В этот столбец не пишется контент, а помещается графический эдемент с размерами 38х37 pix левой стороны рамки как background=t1.jpg
      
      Создание веб сайта
      
      Центральный столбец имеет ту же высоту height=37 и большую ширину width=729:
      
      <td background=t2.jpg width=729 height=37 align=center>Сюда и помещаем контент</td>
      
      Графический элемент t2.jpg очень узкий:
      
      Создание веб сайта
      
      но при выполнении HTML кода броузер растягивает его на 729 pix
      Третий столбец <td background=t3.jpg width=33 height=37></td> почти ничем не отличается от первого столбца. В качестве background используется графический элемент t3.jpg размером 33х37 pix
      
      Создание веб сайта
      

Создание веб сайта

      
      Все это позволяет создать одну строку <tr> </tr> с графическим оформлением - таблицу с одной строкой (три ячейки <td> </td>) - верхней частью графической рамки сайта.
      

  
        
  
        

      
      Здесь все показано в виде таблицы шириной всего 300 pix. Для той части рамки, в которую помещают контент, напишем аналогичный код просто поменяв графические элементы и их размеры. Все остальное - точно такое же - таблица с одной строкой из 3-х столбцов
      

  
        
  
        

      
      Точно так же составляется таблица для нижней части графической рамки.
      

  
        
  
        

      
      Теперь нужно просто разместить три почти одинаковых HTML таблицы последовательно (друг над другом) и получится полная графическая рамка:
      

  
        
  
        

      

Создание веб сайта

      
      Фон страницы для этой рамки должен быть сиреневым. В средней таблице во втором столбце (с наибольшей шириной) размещают контент контент. Когда размер контента превысит ячейки, графическая рамка будет "раздвигаться" по высоте. Ширина рамки будет оставаться постоянной.
      

  
        
Создание сайта
  
        

      
      По мере добавления контента, высота (изначально всего height=5) будет "растягиваться":
      

  
        
Игры
      
      
      
  
        

      
      

Создание веб сайта

      
      Если разместить три таблицы с заголовком над тремя таблицами с
  контентом  , то получится вот такая станица (это реальный HTML код - все линки работают!):
      

  
        
Создание сайта
Настольные игры
      


      
  
        
      

Создание веб сайта

      Небольшой набор графических элементов позволяет создать несколько вариантов сайтов - с одной колонкой, с   несколькими колонками  , "  кирпичная стена  ", с   подвижным меню  .
      Не сложно добиться, чтобы все графические элементы имели одинаковые размеры. Тогда разработка новых вариантов дизайна сайта и создание новых сайтов станет будет занимать минимальное время. Это лучшая технология для создания
  сайтов-сателлитов  .
      Создание веб сайтов по описанной технологии доступно даже для начинающих веб дизайнеров.
      Если вы предполагаете размещать на сайте рекламные блоки (например,
  партнерских программ  ), изначально учитывайте их ширину при разработке HTML кода.
      

      
      
      Главная страница >>>>    Следующая страница >>>>