Разработка шаблона сайта

    Главная страница >>>>  Контент >>>>  Java script >>>>  Образец шаблона >>>>  Каталог шаблонов >>>>

Разработка шаблона сайта


    Шаблон сайта фиксированной ширины
    
    Шаблон сайта фиксированной ширины удобен тем, что всегда выглядит так, как задумал вебдизайнер. При любом разрешении экрана контент размещен в окне броузера одинаково.
    "Резиновые" (или раздвижные) сайты могут выглядеть профессиональнее, но для обеспечения совместимости с разными типами броузеров, необходимы специальные Java скрипты и большой объем тестирования.
    Шаблон сайта с фиксированными размерами может иметь простую внутреннюю структуру HTML кода - просто набор таблиц <TABLE> </TABLE>
    Количество таблиц в шаблоне сайта определяется:
    
    - сложностью графики, использованной для оформления и количеством элементов, на которые он поделена.
    - объемом контента. Если объем очень большой, имеет смысл делить его на несколько таблиц. Это увеличит скорость отображения страницы сайта в окне броузера.
    

Рисуем макет шаблона сайта


    Если предложить солидному вебдизайнеру разработать макет шаблона сайта в MS Word-е, он упадет от смеха со стула. Но главное - не понты, а умение. Совсем не обязательно использовать сложные программные пакеты, стоящие сотни долларов, чтобы сделать успешный сайт.
    Запустим MS Word и выберем режим рисования. Нарисуем из стандартных элементов
несложный графический рисунок:
    
    Шаблоны сайтов
    
    Вырежем в Adobe Photoshop рисунок из листа и запишем его в файл tmgword.jpg.
    
    Шаблоны сайтов
    
    Теперь надо разделить рисунок на уникальные и повторяющиеся элементы. Уникальные элементы в данном случае углы. Повторяющиеся элементы - линии.
    
    Шаблоны сайтов
    
    Сохраним их в файлах wt1.jpg, wt2.jpg, wt3.jpg, wt4.jpg, wt5.jpg, wt6.jpg, wt7.jpg, wt8.jpg, wt9.jpg
    

Пишем HTML код шаблона


    
    Создадим HTML код для шаблона сайтов. Шаблон будет состоять из 3-х таблиц <TABLE></TABLE>
    Сохраненные графические элементы используем в качестве заливки фона ячеек таблиц background=wt4.jpg
    
    Шаблон сайта - обыкновенный HTML файл с заголовком <html><head><title>Шаблоны сайтов</title>
    Стилями <style type="text/css"> </style>
    Тэгом <body bgcolor=#D4D4BC leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>
    и центрированием <center>
    
    Далее самая верхняя таблица, в которой "рисуем" верхнюю строку из графических элементов:
    
    <table border=0 cellpadding=0 cellspacing=0 width=850>
    <tr>
    <td background=wt1.jpg width=44 height=49></td>
    <td background=wt2.jpg width=782 height=49></td>
    <td background=wt3.jpg width=24 height=49></td>
    </tr>
    </table>
    
    Получится вот такая графическая верхняя часть шаблона сайта:
    
    Шаблоны сайтов
    
    Аналогично делаем таблицу для средней части шаблона. В ее самой широкой ячейке <td background=wt5.jpg width=782 align=justify> будет размещен весь контент веб страницы.
    Высота этой ячейки будет увеличиваться по мере добавления контента.
    
    Третья таблица используется для создания нижней части графической рамки шаблона и абсолютно идентична верхней таблице.
    
    Посмотреть готовый вариант простейшего шаблона сайта можно здесь:
шаблон сайта
    

    Главная страница >>>>  Контент >>>>  Java script >>>>  Образец шаблона >>>>  Каталог шаблонов >>>>  Бесплатные шаблоны >>>>
    

(c) by Valery V Shmelev http://www.oflameron.ru and http://www.shmeleff.com Free templates
Тиц и pr сайта
  

    

    

  Java script
  Книги
  Шаблоны
  Лизуново
  Создание сайтов
  Шаблоны сайтов
  Готовые сайты