Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Создание сайтов » Инструкция по созданию сайта
78
26-08-2008, 15:33 - GZ Design (Создание сайтов)
Инструкция по созданию сайта

Здравствуйте уважаемые посетители! Вот, наконец и готова наша долгожданная инструкция по созданию реального сайта в Интернет «От А, до Я». Итак, не будем терять времени и приступим к этому интересному занятию…

В этой статье всё будет чётко конкретно, итак… пункт один – выбор тематики:
Пожалуй – самый сложный этап, тап, где многие сходят с дистанции. Здесь, очень важно опираться на свои интересы, чётко понимать, чем Вам будет интересно заниматься многие годы.
Для меня этот выбор был не столь сложен. Всё дело в том, что я с детства увлекаюсь фотографией во всех проявлениях этого искусства. Тем не менее, чистая тематика «Фото», показалась мне не слишком перспективной. Я взял смежную – «Обои для рабочего стола».

Замечательно! Самое сложное – позади. Теперь пункт 2 – выбор доменного имени.
По своей традиции, и этот сайт я сделаю на домене RU. Возникает весьма закономерный вопрос: «где регистрировать домен?». Можно конечно пойти на nic.ru и выложить 600 рублей за домен, но я сделал хитрее и пошел на domains.webmoney.ru. Почему? – смотрите скриншот.

Инструкция по созданию сайта


Теперь надо выбрать имя для сайта и соответственно домен. Здесь – начинаются первые затраты, но без домена сейчас никуда… Имя будет - Wallpapers Day, а домен, соответственно - wallpapersday.ru. Итак, заплатил 110 рублей и зарегистрировал домен. Подготовительный этап – завершен. Пока домен регистрируется (а для новичка – это долго), мы продолжаем работу.


Теперь, надо придумать структуру дизайна и нарисовать его в Photoshop. Это будет пункт 3.
Тут – тоже не буду изобретать велосипед и сделаю простой блочный дизайн под «резиновую» вёрстку. Основные цвета – тёмно синий и зелёный. Макет и расположение блоков будет таким:

Инструкция по созданию сайта


Итак, нарисовав и разрезав на части (для верстки) все необходимые элементы, мы завершаем пункт 3.


Теперь, необходимо определить CMS для нашего сайта. Лучше всего – написать самому, но мне это было не под силу. Мой любимый движок DLE не слишком-то подходил под эту задачу, но заручившись поддержкой Сергея (SivS), я выбрал именно DLE. Почти сразу, я пожалел об этом. Мало того, что DLE – платный, так нам ещё предстояло переписать внушительную часть движка, добавить новые функции, вырезать неиспользуемые… Особенно большие проблемы были с популярными обоями. В общем, примерно на 60% наш движок уже не был DLE, но принцип работы с шаблонами сохранился, что обеспечило мне лёгкую и удобную вёрстку.

Итак, приступая к вёрстке шаблона, не мешало бы установить серверную программу на Ваш компьютер, чтобы тестировать шаблон прямо там. Я предпочитаю AppServ. О ней вы можете прочитать здесь: http://www.gzweb.ru/2007/08/27/appserv_win32_v.2.5.8.html
Итак, приступим к вёрстке… Тип её сделаю смешанным (чтобы элементы страницы и не расползались, и не наезжали друг на друга). Все мои труды можно будет посмотреть в исходном коде сайта.

Особое внимание следует уделить шаблону краткой новости (чтобы блок обоев нормально выглядел) и работе с изображениями.


Дальше – нам предстоит шаг номер 5 – Выбор хостинга. Меня вполне устроили тарифы компании McHost (www.mchost.ru), но у каждого свои предпочтения, благо хостинг-провайдеров сейчас очень много.

Хостинг 4надо выбирать, опираясь не только на финансовые возможности, но и на потенциальную посещаемость будущего сайта. «Обои для рабочего стола» - популярная тематика и при хорошем продвижении может дать несколько тысяч человек в сутки, что заставляет задумываться о нагрузки на сервер и выборе VIP тарифа.

Будем считать, что хостинг мы купили. Теперь – надо перенести наш домен туда. Делается это – в панели управления доменом, DNS, как правило, пишут в письме с сообщением об активации хостинг-аккаунта. Полный перенос домена потребует некоторого времени (порядка 1 – 2 дней).

Инструкция по созданию сайта


Далее – заливаем наш движок со встроенным в него шаблоном на сервер. Это делается по протоколу ftp. (можно сделать хоть через проводник. Просто вбить в адресную строку ftp-адрес и закачать файлы.

Итак, сайт практически готов. Остаётся только добавить содержание и приступить к одному из самых сложных этапов создания серьёзного ресурса – поисковому продвижению и рекламе. Писать об этом смысла я не вижу, ведь если я возьмусь за это, то статься превратиться в многотомник. Всю необходимую информацию о продвижении сайта можно получить здесь: forum.searchengines.ru

Вот и всё. Новый сайт начинает свою жизнь. Надеюсь, что она будет долгой и успешной.
Спасибо за внимание! Желаю Вам успешного веб-строительства!


Автор: Российская школа CSS


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!


---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 14622 раз(а) и написали 76 комментариев.
Комментарий #1 написал: Schmel100 (26 августа 2008 17:13)
Фото

Группа: Посетители
Комментариев: 18
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.06.2008
Коротко и ясно, но боюсь, что не для всех... год назад я бы точно не понял про что тут написано.


--------------------------
www.schmel100.110mb.com
Комментарий #2 написал: Audience (26 августа 2008 18:46)
Фото

Группа: Посетители
Комментариев: 5
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.07.2008
Мдя. Если это краткое содержание того, о чём будет писаться дальше, то пойдёт. Но как руководство к действию не имеет совершенно никакого смысла. Продвинутые мастера и без того всё знают, а вот новички тут и половины не поймут. Ну это моё имхо, конечно... И это не считая около 20 опечаток/ошибок smile до конца не досчитала, сбилась.
Комментарий #3 написал: Ilylevi (27 августа 2008 07:48)
Фото

Группа: Посетители
Комментариев: 10
Публикаций: 0
Репутация: 0 Зарегистрирован: 15.07.2008
Самый бестолковый материал этого сайта. Невозможно вообще понять, зачем делать сайт для каким-то образом переделанного DLE.
Если это для новичков, то надо либо писать о той CMS которая подходит без переделки, либо создавать сайт без использования CMS.
Долгое ожидание реального примера создания из разрозненных кусочков цельного произведения обернулось глубоким разочарованием.
Комментарий #4 написал: CASHis (27 августа 2008 14:09)
Фото

Группа: Посетители
Комментариев: 15
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.07.2008
Понятно, не стали придумывать велосипед описали свой новый ресурс и все. А как, что не понятно. Новичку будет совсем не просто понять изложенный материал. Ilylevi прав "Долгое ожидание ... обернулось глубоким разочарованием"
Комментарий #5 написал: phantom (27 августа 2008 15:08)
Фото

Группа: Посетители
Комментариев: 18
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.04.2008
.: А можете мну переделку вашей DLE для Wallpapersday.ru дать? Ну, или продать?
Комментарий #6 написал: kibal4iw (27 августа 2008 21:54)
Фото

Группа: Посетители
Комментариев: 38
Публикаций: 0
Репутация: 0 Зарегистрирован: 10.07.2008
CASHis,Новичек пускай покопашится в инет, с этого каждый начинал, притом там хватает статей!!!


--------------------------
PHP, MySQL, SQL, HTML, CSS, javascript
Комментарий #7 написал: Audience (27 августа 2008 22:43)
Фото

Группа: Посетители
Комментариев: 5
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.07.2008
Мы не спрашиваем, что делать новичку. Мы спрашиваем, зачем нужна статья, которая не полезна никому?
Комментарий #8 написал: stranger (27 августа 2008 22:47)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
Создание сайта от А, потом сразу на Х, потом на У, затем на Й, после на Н, и наконец до Я.

Наверно это название больше подходит?
Комментарий #9 написал: CASHis (28 августа 2008 06:27)
Фото

Группа: Посетители
Комментариев: 15
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.07.2008
kibal4iw я не только про новичков говорил, а в принципе про статью. Если называешь ее "создание сайта от А до Я", то нужно и писать от А до Я (пусть даже с разбивкой на несколько частей, но чтобы это соответствовало названию). А в остальном статья нормальная, но название я бы дал другое (чего-нибудь про регистрацию домена и загрузку на сервер) smile
Комментарий #10 написал: Schmel100 (28 августа 2008 14:12)
Фото

Группа: Посетители
Комментариев: 18
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.06.2008
Написать полноценную статью очень сложно, кому интересен путь от а до я, пусть купят себе про это книгу. Мне важнее сам css код, которого здесь вообще нет. Например для Limbo CMS есть инструкция по стилям (какая строчка кода что обозначает) Напишите, что именно вы меняли в DLE, что добавили, что удалили и т.п. Всётаки об этом сайт!?


--------------------------
www.schmel100.110mb.com
Комментарий #11 написал: Komarova (28 августа 2008 17:38)
Фото

Группа: Посетители
Комментариев: 13
Публикаций: 0
Репутация: 0 Зарегистрирован: 10.06.2008
В моём представлении тема "Создание сайта от А до Я" не может быть статьёй на 1 страницу. Это подходящее название для учебника для полных чайников. Должно включать в себя главы:
1. Выбираем тему сайта, ищем материалы.
2. Готовим "сетку сайта".
3. Рисуем дизайн (сюда суём подробный урок по рисованию дизайна в Adobe PhotoShop).
4. Верстаем макет (здесь код приведённого дизайна с небольшими пояснениями, а также ссылка на учебник по HTML/CSS).
5. Интеграция в CMS.
6. Покупка домена и хостинга.
7. Загрузка сайта на хостинг.
8. Продвижение сайта - регистрация в рейтингах, каталогах, партнёрские программы.
9. Техническая поддержка сайта.

Вот ЭТО может назваться высоким званием "Создание сайта от А до Я", которое будет более-менее понятно чайникам. Ибо "А" - это идея создать свой сайт, а "Я" - раскрученный полный инфы готовый сайт, запущенный в сеть Интернет.

А ваш статья тут, извините, ни к селу, ни к городу...
Комментарий #12 написал: Audience (1 сентября 2008 16:23)
Фото

Группа: Посетители
Комментариев: 5
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.07.2008
Ребят, а что ж вы так тестите плохо. В Эксплорере, Сафари и Фаерфоксе косяки на вашем новом сайте wassat Не всем в Опере комфортно, а ничего не уезжает только в ней.
Комментарий #13 написал: Vad (3 сентября 2008 20:05)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
У меня в Файерфоксе 3 все норм! В Эксплорере 6 действително есть косяки.
Комментарий #14 написал: Audience (3 сентября 2008 23:12)
Фото

Группа: Посетители
Комментариев: 5
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.07.2008
Ну я просто сравнила в 4-х браузерах и мне показалось, что групповуха из кнопочек с циферками справа - не есть задумка дизайнера. Ну это по меньшей мере не логично, что они друг друга частично перекрывают. В Сафари они выглядят в отдельности нормально, но зато уезжают на метр вправо и появляется горизонтальный скрол. В IE с кнопочками и вовсе хорошо, однако уезжает вниз поиск по сайту. Не нашла косяков только в Опере, может смотрела плохо или его просто оптимизировали под Оперу.
Комментарий #15 написал: Alien (10 сентября 2008 18:54)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
CSS - это очень полезная штука, я всегда её использую на сових сайтах!
Комментарий #16 написал: gorgiqqq (17 сентября 2008 00:51)
Фото

Группа: Посетители
Комментариев: 3
Публикаций: 0
Репутация: 0 Зарегистрирован: 31.07.2008
Спасибо, было познавательно, интересная инфа
Комментарий #17 написал: Xatake (18 октября 2008 18:51)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
Совет вам, делайте всё через ucoz!
Комментарий #18 написал: valkuz83 (24 октября 2008 14:39)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.10.2008
В букмарки
Комментарий #19 написал: petrbir (29 октября 2008 21:06)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 29.10.2008
Супер!
Комментарий #20 написал: ang3l0chek (12 ноября 2008 20:13)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 12.11.2008
Благодарю winked
Комментарий #21 написал: hyrepal (24 ноября 2008 19:01)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 24.11.2008
использовать или не использовать это для себя...вот в чем вопрос...
Комментарий #22 написал: FurashovM (28 ноября 2008 21:43)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 28.11.2008
заберем для коллекции
Комментарий #23 написал: Truistek (9 декабря 2008 19:07)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 9.12.2008
Би кул. THX!
Комментарий #24 написал: yulia (10 декабря 2008 14:22)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
Комментарий #25 написал: Мальвина (16 декабря 2008 14:39)
Комментарий #26 написал: IgorekPrib (18 декабря 2008 15:14)
Комментарий #27 написал: puryman (21 декабря 2008 03:12)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 21.12.2008
типа новомодный формат. ну ниче так :)
Комментарий #28 написал: byretaqas (23 декабря 2008 02:56)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 23.12.2008
осталось только научиться использовать в правильном направлении ))
Комментарий #29 написал: Павел (27 января 2009 11:01)
Фото

Группа: Гости
Комментариев: 0
Публикаций: 0
Репутация: 0 Зарегистрирован: --
Наконецто нашёл! Всё уже пересмотрел!
Комментарий #30 написал: xxderer (31 января 2009 05:46)
Фото

Группа: Посетители
Комментариев: 1
Публикаций: 0
Репутация: 0 Зарегистрирован: 31.01.2009
Нормал
1 2 3


Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
Подписаться на канал RSS Добавить сайт в закладки
«    Июль 2010    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
© 2008-2010 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design © 2010
Valid XHTML 1.0 Transitional Правильный CSS!