Руководство по разработке сайтов для начинающих
Создание собственного сайта можно разделить на три части: создание макета дизайна сайта и разработка HTML кода, создание контента сайта, получение места на веб сервере (хостинг) и размещение материалов сайта.
Дизайн сайта
Дизайн сайта удобнее всего рисовать в векторном графическом редакторе. Например, в Corel Draw, но можно воспользоваться и совсем простыми средствами - нарисовать картинку в редакторе MS Word. Для начинающих разработчиков лучше всего нарисовать дизайн в виде набора прямоугольников. Затем перевести векторный рисунок в растровый и выделить из него ключевые графические элементы: углы и элементы сторон прямоугольника.
Затем необходимо написать HTML код для шаблона сайта. Для простого сайта целесообразно использовать HTML структуру в виде таблицы фиксированной ширины:
<table cellSpacing=0 cellPadding=0 width=750 border=0>
</table>
Для такого сайта просто увязать графические элементы и HTML код. Графические элементы "вставляются" в ячейки таблицы <td width=37 background=img/left.gif></td> как background. При этом размеры ячейки <td> </td> должны быть заданы явным образом и совпадать с размерами графического элемента.
Размещать контент следует блоками. Каждый блок - в своей отдельной таблице. При этом на экране они будут выглядеть как одна целая длинная таблица. Плюсы: легко один блок заменить другим, не разбираясь в структуре таблицы, а просто заменив таблицы с контентом. Легко встраивать рекламу в виде отдельной таблицы. Сайты, состоящие из набора маленьких таблиц, отображаются на экран быстрее при использовании медленных каналов Интернет.
С помощью Java script легко превратить сайт с фиксированной ширины в "раздвижной" сайт. Для этого используется Java script для определения размеров экрана и вычисления ширины таблицы по заданному алгоритму.
Разработка сайтов
Довольно простой Java скрипт, получающий размеры экрана в переменные Width и Height
<script type="text/javascript" language="javascript">
function Dimension (Width,Height)
{
var Width = (window.screen.width)
var Height = (window.screen.height)
};
</script>
Полученные параметры можно использовать для различных вычислений для правильного отображения дизайна. Например, можно сделать шаблон сайта с фиксированной шириной "раздвижным".
Например, сделаем вычисляемой ширину таблицы:
<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=
<script type="text/javascript" language="javascript">
document.write("Width");
</script>
>
В данном варианте ширина таблицы будет соответствовать 100% ширины экрана. Знание ширины экрана позволяет вычислить отступы дизайна для его центрирования без использования тэга <center>
Это может понадобиться, если вы задаете координаты позиционирования дизайна на экране в явном виде.
Создание сайтов
Вычисление параметров щаблона сайта через Java script позволяет легко масштабировать дизайн и контент под размеры экрана мобильных устройств. Если ваш сайт открывают на iPad, будет одна ширина щаблона, если на iPhone - другая ширина. Это приобретает тем большее значение, чем больше мобидьных устройств доступа в Интернет типа iPad будет использоваться.
Хостинг
Размещение сайта на веб сервере имеет большое значение для его популярности. Старые бесплатные площадки для хостинга типа angelfire.com или freecyberzone.com обладают хорошей стабильностью сервисов, но показывают слишком много рекламы на ваших сайтах. Площадки типа H1.ru - H18.ru время от времени бывают недоступны (может быть из-за бэкапов или профилактики), что так же не прибавляет популярности вашим сайтам.
Если вы создаете первый сайт, используйте бесплатный хостинг narod.ru wallst.ru или 110mb.com (пример хостинга) Они весьма стабильны, имеют достаточный набор сервисов. Если уже есть некоторый опыт создания сайтов, следует использовать платный хостинг. Можно найти хостинг с стоимостью 5$ за 100 Мбайт в месяц. При этом раскрутить такой сайт можно гораздо эффективнее.
Платный хостинг нередко позволяет создавать поддомены для вашего сайта, которые можно регистрировать в каталогах как отдельные сайты.
Хостинг >>>>
Разработка сайтов >>>>
Разработка сайтов >>>>
Сайт бесплатно >>>>
Сайты >>>>
Скачать >>>>
Сайты >>>>
