Пошаговая история создания сайта - Создаем свой Web сайт
 
 

Логин

Регистрация
Пароль
Забыли пароль?


ГЛАВНАЯ

ШКОЛЫ

ДЕТСАДЫ

КУЛЬТУРА, СПОРТ ...

КАРТА

БИБЛИОТЕКА

СООБЩЕСТВА

КОНКУРСЫ










 О СООБЩЕСТВЕ
О создании вебсайтов, хостинге, программном обеспечении и других проблемах, с которыми приходится сталкиваться при создании собственного сайта.

















Блог - Создаем свой Web сайт


СТРАНИЦА СООБЩЕСТВА

МАТЕРИАЛЫ

БЛОГ

ЧАТ

УЧАСТНИКИ

ПРО СООБЩЕСТВО
Вы здесь:  Главная / Создаем свой Web сайт / Блог / Пошаговая история создания сайта


ЗАПИСЬ #2

КОММЕНТАРИИ (11)

ОБСУДИТЬ

В ЗАКЛАДКИ


08 февраля 2010, 08:27, автор - администратор
Александр Владимирович Соловьев

Пошаговая история создания сайта

Пошаговая история создания нашего сайта
Думаю, будет интересно узнать о создании сайта на конкретном примере. Итак, с чего начать?
1. Название.
Должно быть легко запоминающимся. И при этом не навязшим в зубах. Мы остановились на "Маленьких волшебниках". Не сказать, что очень оригинально, но запоминается. И доменное имя. Тоже немаловажно. Нужно, чтобы вразумительно звучало на русском и не шибко ужасно на английском. Когда выбирали имя, все крутилось вокруг школы и детей. Я ввел baby-scool и оно оказалось свободно. Зря не проверил без дефиса - там оказалось зеркало сайта одного московского детского сада.  Так что рекомендую внимательно его выбирать. И так - название и доменное имя были. 
2. Хостинг был выбран на яндексе как на одной из самых устойчивых систем в РУ. Он позволяет иметь свой оригинальный дизайн. А этого и хотелось. Угловатые однотипные сайты с малофункциональных движков уже вызывают тошноту. Можно, конечно, зарегистрировать бесплатное доменное имя в spb.ru, но тогда нужно искать, где размещать сам сайт. И уже покупать хостинг. Выглядит солидно, но затраты около 1000 в год.
3. Дизайн  Самое, пожалуй, муторное дело. Нужно создать такую страничку, чтобы она была симпатичной, запоминающейся и при этом удобной для размешения на ней кнопок, банеров, рисунков и прочего. Да и читаться должна легко. Поэтому роемся в инете, смотрим все подряд и думаем, что бы хотелось. Копируем десятки страниц. С некоторых подсматриваем какие-то идеи оформления. И это еще без рисунка, только сам вид страницы. Потом начинаем уже колдовать с цветом и рисунками. Я вот все ждал, когда нам дадут по шапке за один логотип, но вроде авторских прав на него нет.
199505-b1c3a90b2c83008d.jpg  Милый логотипчик, правда?
И остальные графические элементы тоже нужно создавать или подбирать. По-быстрому была сляпана вот такая "Шапка":
199513-f7f66000ee98f3db.jpg
Ничего особо выдающегося, но прижилась. Или привыкли мы к ней. В результате долгих страданий что-то удалось мысленно собрать и нарисовать. Теперь нужен
4. HTML редактор. В чем это собрать уже в страницу. Редакторов много, у меня был некоторый опыт общения с Dreamweaver 2004, с него и начали. Старичок хоть не сильно хорошо все умел, но был знаком и был русский (русифицированый). Сейчас мы уже работаем в Adobe Dreamweaver CS4. Да, если над сайтом работают несколько человек, то очень желательно, чтобы редакторы у них были одинаковые. Тогда не возникает проблем со служебными файлами. А так спрашивайте, смотрите, выбирайте. То, в чем мы колотим, тоже не идеал. 
5. Шаблон страницы Теперь садимся и рисуем в редакторе ту страницу, которая будет сопровождать весь сайт. Или почти весь. Это уже по желанию. Процесс долгий, с многократными переделываниями и скандальчиками. В результате получилось у нас что-то вот такое:
Пара боковых меню, Одно нижнее - его не видно и как выяснилось - нефункционально совсем. Для красоты висит. :-) Вроде "лицо" сайта сделано, теперь немаловажна вещь -   Архитектура сайта. Т.е нужно сразу определить все основные разделы с возможностью их расширения вверх и в ширину. Это нужно для того, чтобы не запутаться потом в страницах, оформлениях  и ссылках. Но это будет отдельная тема. А так - шаблон есть, уже можно начинать создавать одну страницу за другой.
Но нужно понять, что отправить с главной страницы сразу на нужную пользователю почти невозможно. Поэтому появляются разделы и подразделы.
Сайт - это как дом с одним входом и потом с множеством лестниц, этажей и лифтов. Войдя в парадную дверь, попадаешь в холл (главную страницу), откуда уже по указателям идешь туда, куда тебе нужно. Или лестница за лестницей, этаж за этажом, или поднимаешься на лифте сразу куда нужно Или на нужный этаж.   
С переходами между этажами и разными крыльями здания. И если что-то не предусмотришь, то перестраивать будет потом непросто. 
И потом не забывайте, что пройдя по серии ссылок, пользователь захочет вернуться. И под мышкой у него должны быть ссылки для быстрого перехода. Что-то идет в главном меня по всему сайту, что-то делается только для разделов или подразделов.
Поэтому сразу должна быть понятна цель сайта. На нашем примере эта цель была размещение занятий по разным предметам и по разным возрастам в дошкольном учреждении.
Тренироваться "на кошках" мы решили создавая библиотеку требуемой для занятий литературы. Литературы нужно много и она должна быть всегда под рукой. И доступ к ней должен быть как централизованный, так и с занятий.  Мы долго и муторно сортировали литературу по авторам и стилям. Делали сводные страницы по подразделам, дополнительные боковые меню навигации, перекрестные ссылки. Но научились ситематизировать. И понимать, в каком случае страница по клику должна открыться в том же окне, а в каком - в новом. Всегда советую найти такую область сайта, где можно потренироваться. Чем потом на ходу переделывать уже работающий сайт. 
Но всегда нужно придерживаться точной  продуманой схемы сайта. И, если намечается несколько страниц близкой тематики, то упихать их в папочку, сделать сводную страничку по ним, в этой папке сделать папочку под рисунки и файлы. Чтобы потом легко все это было найти.
Не пытайтесь утешить себя мыслью, что вспомните, где какая страница лежит и как она называется. Может, когда их десяток - то да. Но когда их несколько сотен - ни_за_что. Поэтому называйте папки, страницы, файлы, элементы мультимедиа понятными именами. И позаботьтесь о пользователе - он, скачав архив 1.zip никогда потом не вспомнит, что в нем запакована хорошая книга.

Ну вот, что-то собралось в кучу. Запускайте, проверяйте десяток раз и закачивайте на сервер. Обязательно проверьте все ссылки. И редактором - и вручную. Не поверите - столько ляпов всплывает вдруг. И вроде проверяли. 



Тэги: сайт создать



ОБСУЖДЕНИЕ


Владимир Владимирович Милов2010-02-08 12:07:08 - Владимир Владимирович Милов
Ждём продолжения...очень полезное начинание!
Александр Владимирович Соловьев2010-02-08 13:38:51 - Александр Владимирович Соловьев
Спасибо за внимание к моему поделию! Наверное, имеет смысл почти все разделы рассмотреть развернуто. Иначе тут конца страницы видно не будет. :-)
Владимир Владимирович Милов2010-02-08 13:46:18 - Владимир Владимирович Милов
а вы оставляйте пошаговая история создания сайта в названии блога, и добавляйте номер...2, 3, ...
И не забывайте теги добавлять одинаковые...
Людмила Константиновна Рыбальченко2010-02-08 13:53:49 - Людмила Константиновна Рыбальченко
Спасибо за инструкцию. Очень полезная информация.
Александр Владимирович Соловьев2010-02-08 14:05:06 - Александр Владимирович Соловьев
2 Владимир Владимирович:
Спасибо, я так скорее всего и сделаю. Буду писать создание сайта: Web редакторы
Чтобы в боковых анонсах понятно отображалось.

2 Людмила Константиновна:
А ведь это не инструкция. Это правдивая история создания этого сайта. Так что мы могли на какие-то грабли и не наступить. Ориентирутесь на это. :-)
Людмила Константиновна Рыбальченко2010-02-08 14:10:09 - Людмила Константиновна Рыбальченко
Может, я не так выразилась. но имела ввиду, как раз то. о чем Вы и написали
Александр Владимирович Соловьев2010-02-08 14:57:55 - Александр Владимирович Соловьев
Ну что Вы! Это я испугался, что Вы приняли мой рассказ за пошаговую инструкцию. Я поведал как оно было и довольно неплохо свершилось. Конечно, опустил некоторые моменты, но они относятся больше к человеческому фактору, чем к техническому.
Александр Владимирович Искрянов2010-02-11 11:40:38 - Александр Владимирович Искрянов
При проверке сайта очень желательно делать это на нескольких браузерах, ибо что хорошо что Explorer-а может не годиться для Firefox-а, и дизайн поплывёт.

Так же, разрабатывая дизайн, по моему мнению, стоит остановиться на фиксированной разметке. Это когда задаётся точный размер рабочего окна. Хотя, это дело вкуса и дизайна. Но для `оконного` дизайна, всё-таки, лучше- фиксированный размер.

Ну и наконец, я бы не советовал зацикливаться только на html-е, он больше статичен и выгоден, если сайт - только визитная карточка.
Попробуйте PHP. Разметка чуть сложнее хтмл, зато и функциональность сайта повышается, да и последующее добавление материала становится намного проще.
Александр Владимирович Соловьев2010-02-11 12:37:13 - Александр Владимирович Соловьев
О, спасибо за отзыв, рад встретить специалиста! Проверка в браузерах - нужнейшая вещь, спасибо, что напомнили. Сайты, работающие только в Explorer`е, раздражают. Дело в используемом редакторе. Adobe Dreamweaver CS4 сам может проверить совместимость с основными браузерами, но все равно - страница, открытая в браузере, выглядит немного по-другому, чем в окне редактора.
PHP - Hypertext Preprocessor - отличная штука для динамически изменяемых сайтов, но тот же Яндекс не поддерживает скриптов, исполняемых на сервере. А жаль. PHP дает возможность, например, комментировать прямо на сайте, не используя для этого форум.
Елена Владимировна Новикова2010-03-20 20:33:35 - Елена Владимировна Новикова
А мой сайт www.my-class.ru сделан при помощи системы управления контентом Joomla! Пока вполне довольна.
Александр Владимирович Соловьев2010-04-06 21:42:31 - Александр Владимирович Соловьев
Я больше знаком с Битриксом. Мощная машина, но на яндекс не запихаешь.

Прокомментируйте!

Выскажите Ваше мнение:

Зарегистрироваться









  Copyright © 2berega.spb.ru, ПроШколу.ру, 2007-2019. Все права защищены.   Контакты
Использование материалов данного ресурса допустимо только с письменного разрешения администрации сайта.

Поиск по порталу













Новые комментарии



Сколько времени потрачено на изготовление такой красоты? здорово придумали!
Детям будет очень интересна эта презентация, с использованием цветных иллюстраций. Буду использовать на занятиях.
Интере-е-е-есно-о... Есть над чем задуматься и `поржать`.Почему,например, День жестянщика только 29 ноября? У нас он начинается с первым оледенением на дорогах и продолжается до конца апреля.Поэтому, он не `День`, а почти целый `Год`
Очень интересный материал, буду использовать на занятиях. Спасибо!
Ух, зажили бы!!! ))
Представляете, если б все эти праздники были бы объявлены государственными и стали нерабочими днями?)))