Разработка сайтов

Разработка макета сайта

    Нарисуем элементы, необходимые для обрамления текста на web странице - линии, дуги.
    
    
    
    
    
    Сделаем из линий и дуг фигурную рамочку. Больше ничего от редактора Word не нужно. Через буфер обмена скопируем изображение в Adobe Photoshop и будем редактировать.    Разработка сайтов >>>>  Шаблоны сайтов >>>>

    
    
    Закрасим рамочку нужным цветом, растянем ее по ширине и уменьшим ее высоту. Сформируем такую же рамку другого цвета, но меньшего размера и поместим ее поверх первой и еще одну рамку серого цвета поместим на нижний уровень для формирования тени:
    
        
    
     - уменьшили размеры изображения в Photoshop, чтобы изменить радиус закругления углов рамки.
    
    Теперь разделим полученную графическую рамку на элементы. Сначала - на 3 строки - верхнюю, среднюю и нижнюю:
    
    
    
    
    
    
    
    Теперь из каждой "строки" выделим и сохраним элементы - углы и центральный элемент:
    
        
    
        
    
        
    
    У элементов могут получиться различные значения ширины (высота определяется высотой "строк") - это не имеет значения для сложности оформления. Все будет приведено к нужным значениям в процессе написания HTML кода.

Разработка HTML кода

    Дизайн вебстраницы фактически состоит из нескольких таблиц (из 3-х таблиц):
    
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=400/design.jpg width=20 height=23></td>
<td background=400/site.jpg width=141 height=23></td>
<td background=400/tutorial.jpg width=19 height=23></td>
</tr>
</table>
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=500/design.jpg width=17 height=60></td>
<td background=500/site.jpg width=148 height=60>Здесь контент сайта</td>
<td background=500/tutorial.jpg width=15 height=60></td>
</tr>
</table>
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=600/design.jpg width=17 height=22></td>
<td background=600/site.jpg width=145 height=22></td>
<td background=600/tutorial.jpg width=18 height=22></td>
</tr>
</table>
    
    Получится примерно следующий вид:
    
    
    
    Готовый код - в файле table.htm
    
    Для средней таблицы (в примере ее высоту=60) задавать высота совсем не обязательно. Высота будет автоматически увеличиваться по мере увеличения содержания (текста, картинок). Пусть Вас не смущает простой вид получившегося графического оформления. Комбинируя эти элементы можно получить весьма красивые и сложные варианты веб сайтов.

Пример веб сайта

    В принципе, этого вполне достаточно для разработки вполне успешных веб сайтов. Т.е. страниц, имеющих не только приличный внешний вид, но и быстро загружающихся, хорошо приспособленных для индексации в поисковых машинах (search engines).
    
     - http://www.oflameron.ru/ee/
    
    
    
    

    После создания разработки веб сайта и размещения контента наступает очередь размещения веб сайта в Internet и его раскрутки (продвижения).

Продолжение руководства >>

    Самое известное руководство по раскруке веб сайтов можно скачать здесь или здесь. Во многих местах Вам предложат это руководство за деньги. Но с указанных здесь сайтов Вы можете скачать бесплатно самую свежую версию документа с примерами и специальными программами.
    
    Вы сами должны выбрать, какой вид хостинга Вы будете использовать - платный или бесплатный. У большинства начинающих пользователей возникает желание использовать бесплатный хостинг. Если Вы не планируете получить большие результаты от веб сайта (доход, количество посетителей), то используйте бесплатный хостинг. Вполне удобен хостинг www.narod.ru Там очень маленький рекламный банер и он не навязчив.
    Если Вы планируете серьезно раскрутить свой вебсайт или использовать его в коммерческих целях (пусть даже и в отдаленной перспективе), подберите недорогой платный хостинг. В Internet сейчас очень много предложений. Например, http://www.yutex.ru Хостинг за $1.95 в месяц с: базой данных MySQL, неограниченным количеством E-mail аккаунтов, неограниченным количеством поддоменов (почему это очень интересно, читайте в руководстве по раскрутке), панелью управления, cron, почтовый web-интерфейс, htaccess и т.д. Или несколько другой вариант http://binargi.biz
    

VB и COM    Земельные участки    Хостинг    Кофе    Лизуново    Game builder    Free Java guide    Java tutorial    Рецепт    Книги скачать    Free game    Printable game    Java tutorial    VB game    Visual Basic    VB programming    Free VB Guide    Английский    VB Source Code    VB Code    Visual Basic Guide    Free ebook    Code Source    Игральные карты    Free template    Игра    Игры    MP3    Java    Английский    Барби