Как сделать сайт

Сделать сайт


    Как сделать сайт за 1 час? Создавайте простые веб страницы с простым HTML кодом и графикой.
    Популярность сайта зависит в первую очередь от количества и качества контента и чуть-чуть от красивого дизайна. Простой дизайн хорошо совместим с разными версиями броузеров, в том числе и на мобильных устройствах.
    
    как, сделать, сайт

Как сделать сайт

Как сделать сайт

    

    С чего начать

    

    Разделим каждую из 5-ти частей на три части - левую, среднюю и правую и поместим их в отдельные файлы. При этом запишем их размеры (высоту и ширину), чтобы потом при разработке HTML кода можно было задавать параметры ячеек таблицы в тэге TABLE

    Как сделать сайт  Как сделать сайт

    Сохраним их под именами 1.jpg - 12.jpg

    Теперь можно создать минимальный HTML код web страницы, использующей в качестве оформления созданные нами элементы.

    Как сделать сайт Как сделать сайт Как сделать сайт

    Как сделать сайт Как сделать сайт Как сделать сайт

    Как сделать сайт Как сделать сайт Как сделать сайт

    Как сделать сайт Как сделать сайт Как сделать сайт

    

    HTML код можно взять почти без изменений отсюда, нужно только использовать не 3 а 4 таблицы-строки (т.к. у нас используется 4-е первоначальных графических элемента).


    

Как сделать


    
    <table cellpadding="0" width=480 cellspacing="0" border="0">
    <tr>
    <td background=1.jpg width=47 height=19></td>
    <td background=2.jpg width=407 height=19></td>
    <td background=3.jpg width=26 height=19></td>
    </tr>
    </table>
    <table cellpadding="0" width=480 cellspacing="0" border="0">
    <tr>
    <td background=4.jpg width=47 height=11></td>
    <td background=5.jpg width=407 height=11></td>
    <td background=6.jpg width=26 height=11></td>
    </tr>
    </table>
    <table cellpadding="0" width=480 cellspacing="0" border="0">
    <tr>
    <td background=7.jpg width=55 height=6></td>
    <td background=8.jpg width=393 height=6>Здесь размещаем содержимое сайта</td>
    <td background=9.jpg width=32 height=6></td>
    </tr>
    </table>
    <table cellpadding="0" width=480 cellspacing="0" border="0">
    <tr>
    <td background=10.jpg width=49 height=24></td>
    <td background=11.jpg width=403 height=24></td>
    <td background=12.jpg width=28 height=24></td>
    </tr>
    </table>
    
    Обратите внимание, что код состоит из 4-х таблиц (по числу наших первых графических элементов - верхнего, нижнего и среднего). Между таблицами не должно быть пробелов!
    Рассмотрим таблицы по отдельности. Верхняя таблица
    Ширина таблицы width=480 выбрана нами из условий размещения дизайна на экране.
    Вы можете выбрать другое значение и далее производить вычисления с ним.
    Наша таблица имеет: одну строку (<tr>) и в ней 3 столбца (<td> ... </td>).
    Используем наши графические элементы, сохраненные в файлах 1.jpg - 3.jpg в качестве фона столбцов. При этом, самый левый и самый правый столбцы должны иметь ширину, равную имиджам в файлах 1.jpg и 3.jpg соответственно (углы) и такую же высоту.
    
    

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

    

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

Valerian von Shmeleff (Germany) 1930г


    
    
Готовые сайты Как сделать