Статический сайт на html
Неважно какой сайт вы планируете создать, будь то простой сайт из одной страницы или многостраничный сервис с динамическим формированием страниц - вам обязательно понадобятся начальные знания HTML. Для этого достаточно потратить часик на изучение и начать экспериментировать.
В помощь тут конечно множество учебников, статей и примеров из поисковика, которые помогут быстро освоиться и создать свою первую страничку на html.
Итак, что такое HTML понятно, установили программку, почитали учебник, создали первую страничку, вроде все просто, идем дальше:
1. Продумайте структуру. На главной странице должны быть собраны ссылки на все основные страницы сайта. Желательно для простоты навигации собрать их в меню, хотя можно придумать что-то особенное, главное чтоб это было удобно. Файл главной страницы сайта должен называться index.html. Постарайтесь, чтобы любой материал был доступен не больше чем за 3 клика. Например, посетитель заходит на главную страницу, делает клики: 1. Статьи 2. Кулинария 3. Статья про булочку. А по возможности сократите до 2 кликов. Такая структура приветствуется как посетителями так и поисковиками.
2. Делаем макет сайта. Разметьте таблицу для содержимого, определите место для меню, основного содержимого, инфоблоки, рекламу и другие места в зависимости от ваших нужд. Сразу откажитесь от горизонтальной прокрутки, потому что это очень неудобно и даже фиксируется поисковыми системами как недостаток. С приходом мобильных устройств всё чаще сайт приходится делать масштабируемым и адаптивным под узкие экраны мобильных устройств и хотя это немного сложно для начинающего, но отсутствие горизонтальной прокрутки - это первое условие адаптивности.
3. Заполняем содержимым. Все самое интересное, что у вас есть, ставим на самое видное место. Добавляем картинки и баннеры, учтите, что многие пользователи все еще любят отключать в браузере показ изображений, не поленитесь к каждой картинке добавить текстовое описание. Тем более что текстовое описание картинки помогает браузеру понять что на ней изображено, а это положительно влияет на качество страницы для поисковика. Старайтесь минимизировать и упрощать ваш код, чем меньше будет весить ваша страничка, тем она быстрее откроется в браузере, что также положительно скажется на мнении посетителей и поискового бота.
4. Дизайн. Если вы не стали использовать готовый шаблон или решили его улучшить, то в принципе, ваша фантазия тут полностью свободна. Используйте Photoshop для подбора и обработки картинок, но не забывайте, что картинки занимают много места и потому долго грузятся. Подберите подходящий шрифт, но не мелкий. Главное, старайтесь, чтобы ваш дизайн соответствовал тематике, не угнетал глаза, а наоборот был особенным. Даже подбор подходящей картинки для фона, может здорово поднять ваш сайт в глазах посетителей.
Всё, страничка готова, наполнена и выглядит совсем неплохо. Даже без использования каких-либо скриптов можно создать вполне симпатичную страничку.
Дальше можно развивать свою концепцию, наращивать сайт, переносить его на навороченные движки. Но в определённый момент готовности, пора доставать сайт из печки и размещать этот сайт в интернете, чтобы его могли увидеть все. Для этого надо разрешить два вопроса: "Какое доменное имя присвоить вашему сайту?", "На каком сервере разместить сайт?".
Подробно о выборе доменного имени и выборе хостинга читайте в соответствующем разделе Хостинг и Домен.