Этапы создания сайта

Подписаться на эту рубрику по RSS

Об авторе сайта

Данный сайт под названием Дизайн нового мира, имеющий такую красивую ссылку http://design-for.net, для меня был первым сайтом, сделанным собственными руками. Когда уже в зрелом возрасте я решил научиться создавать дизайн сайта своими руками, то пришлось научиться и делать сайты вообще". Тогда-то я и встретил движок сайта MaxSite, который я использую не только в качестве механизма для данного сайта, но и пропагандирую среди таких же начинающих вебмастеров.

деньги займ кредит

Быстрый кредит Микрокредит

Меня зовут Владимир Точилин и я последние годы работал рерайтером, что позволило набраться некоторого опыта и осознать, что главное - это раскрутка продвижение оптимизация сайтов, а само создание сайтов - дело рутинно техническое и довольно неинтересное. Я потратил с пол года на то, чтобы стать администратором собственного сайта, но настоявшим программистом - так и не стал, поэтому советую - сразу заказать сайт профессионалу - например, Максим (как создатель CMS MaxSite - в создании сайтов настоящий Бог, а его Кеш MaxCache для WP знаменит на весь мир) сделает вам сайт любой сложности и дизайна. Опытный вебмастер быстро установит вам систему управления сайтом CMS на хостинг и создаст шаблон (дизайн сайта) под ваши пожелания и вы сразу сможете приступить к главному - наполнению сайта контентом - собственными статьями и картинками.

Потребительский кредит

Потребительский кредит на неотложные нужды

Потребительский единовременный кредит

Потребительский возобновляемый кредит

Потребительский кредит на недвижимость

Потребительский доверительный кредит

Кредит на приобретение товаров

Потребительский кредит на недвижимость

Потребительский кредит для молодых семей

Потребительский пенсионный кредит

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

Поначалу я создал несколько сайтов, но вскоре осознал, что - это лишняя трата денег, так как всё, что мне интересно, я могу поместить на одном сайте. И даже этот единственный сайт я лишил всякой "красивости" - лишь белый лист на серой подложке - я решил: что чем проще - тем лучше. Если кому интересно, то справа в сайдбаре в самом верху я оставил возможность посмотреть, каков мог быть дизайн сайта - там можно поменять цвет сайта только на черный, хотя цветов в MaxSite может быть сколько угодно. Кроме того, я вообще убрал картинку из шапки сайта - а ведь сколько дней я потратил на разработку концепции рисунка, наглядно раскрывающего символ начинающего верстальщика. Процесс создания картинки в шапку я описал в статье Мальчик в песочнице – символ начинающего верстальщика. Однако картинка - крала у меня на сайте самое важное место и потому, даже от символа - пришлось отказаться.

Периодически я еще читаю новости про систему управления сайтом - движок MaxSite CMS, но интересы мои сместились в другие стороны - о чем вы можете узнать справа в Рубриках сайта.

Извините, если некоторые статьи только анонсированы, потому что сайт находится (постоянно и еще долго, если не навсегда) в стадии наполнения контентом. Ход работ на сайте идет полным ходом, но этот процесс не так скор, как хочется. Кроме того, я думаю, что новости сайта пока не представляют интереса для читателей.

Эта страница является логическим продолжением статьи Чем свой сайт лучше, расположенной на главной странице сайта. После той статьи, которая является обращением к новичкам в сайтостроительстве, эта статья излагается уже в ином ключе: Что не надо делать и что придётся изучить начинающим вебмастерам.

Создание сайтов для новичков

Я постарался создать на сайте цикл статей, который может смело претендовать на краткий курс с названием: «Основы сайтостроения». Сразу после слов «Основы сайтостроения» по законам жанра я должен назвать три кита, на которых строится работа верстальщика сайта. Однако, китов много, да и без «зверей» поменьше веб мастеру не обойтись. Создание сайтов для новичков возможно только после некоторого обучения.

Все мои статьи несколько длинноваты, но Я считаю, что через многословные пояснения легче донести для совершенных новичков довольно большую информацию, которую им следует освоить. Некоторый избыток пояснений для кого-то может стать поводом для появления ассоциаций. Писать уж совсем на уровне анекдота – это конечно моя мечта, но пока не удается. Так что будет придерживаться одной из самых распространенных систем обучения детей (а чем взрослые хуже?) – через игру.

Писать скучные тексты – мука, но куда хуже – их читать. Страдательной стороной на сайте является читатель, поэтому для оживления скучного текста по возможности буду вставлять разговорные словечки. Такой игрой можно подзадорить интерес к предмету.

Читателю надо понять, что мой статьи не есть прямое ему указание – что и как делать. Дело в том, что я поначалу тоже брался то заодно, то за другое. Потом до меня дошло, что я теряю драгоценное время, потому что мне сразу не попала в руки внятная инструкция, описывающая этапы создания сайта.

Порой новичков на форумах считают этакими ленивыми недотёпами с мозгами «блондинок», неспособными понять «такой элементарный» текст. Больше всего убивает объявление текста с непонятными для новичка терминами «элементарным». Однако, если в тексте есть хоть один непонятый для читателя термин, то такую статью он вправе назвать «китайской грамотой».

Конечно, простому пользователю компьютера - обывателю интернета - даже эта статья покажется малопонятной. Другие, кому статья покажется «элементарной», могут поискать что-нибудь покороче в Интернете. А пока: «Слушать - слушай, а врать - не мешай!»

Да помогут мне написать все точно и подробно мои: педагогико-математическое образование и собственный опыт – сын ошибок трудных.


Что не надо делать и что придётся изучить начинающим вебмастерам

1.1. Соблюдать этапы создания сайта придется в любом случае. Ведь, бессмысленно надевать на ноги носки, если уже обул ботинки. Так или иначе, порядок приходится соблюдать, даже если перепутал этапы.

1.2. Если вы дочитали до этой строки, значит, вас не устраивает бесплатные конструкторы сайтов, которые рекламируют порталы с «халявным» хостингом (т.е. бесплатным размещением сайтов). Теперь вы уже знаете, в чем заключается секрет бесплатности и ваша цель - научиться создавать полноценные независимые сайты своими руками.

1.3. Единого учебника по сайтостроению пока нет, да и вы вряд ли пойдете покупать книгу в магазин, если под рукой интернет. Да и написать единый учебник не представляется возможным, по той причине, что уж слишком много разных программ используется для создания, казалось бы одинаковых, сайтов. Ведь сайты только внешне похожи друг на друга, но чаще внутри них живут совершенно разные механизмы.

1.4. Обучение потребует продолжительного времени и определенных усилий. Курс сайтостроения можно сравнить с семестром в институте. Хочешь ни хочешь, а придется понять, что представляет собой сайт, какие программы позволяют ему быть «живым» - т.е. откликаться на нажатие кнопок, почему экран монитора - не бумага и как браузер (обозреватель интернета) «печатает» страницу сайта на экране.

1.5. Верстальщиками станут лишь настоящие «патологоанатомы сайтов» и здесь не обойтись без инструментов: хотя бы зачаточных знаний языков: гипертекстовой разметки HTML, PHP и стилей SSC. Термины языков намного легче понять, если знаешь английский язык. К огорчению россиян, программы разговаривает на английском. Однако сегодня нет проблемы мгновенно перевести термин в online-переводчике

1.6. Не надо бояться разных терминов: HTML, PHP, SSC, гипертекстовая разметка. Это программисты в своей гордыне загородились ими от простого люда. Всё намного проще. Досконально изучать их совсем не обязательно. Надо понять принцип (значение скобок и знаков препинания), а термины всегда можно перевести на русский язык.

1.7. Оправдано лишь знакомство с HTML, что позволит вам узнать, как веб мастер задает указание браузеру рисовать отдельные компоненты сайта (текст или картинки) на экране монитора. Это даже интересно и познавательно. Статьи об основах HTML не написали только самые ленивые. В доказательство своей работоспособности Я сам написал статью об основах HTML.

1.8. Как правило, верстальщик глубже шаблона сайта не ходит, поэтому знание значения тегов HTML обычно достаточно для того, чтобы подправить что-то в шаблоне, выбранном для собственного сайта.

1.9. Шаблон – это неизменяемый дизайн сайта, который повторяется при переходе с одной страницы на другую, где в вырезах-полях вставляется лишь новый текст и картинки. Сегодня большинство сайтов имеют два неизменяемых блока: сверху, который называют «шапкой» (header) и снизу – «подвалом» (footer). Поле между шапкой и подвалом обычно заполняют материалом для читателей. Этот главное (main), что есть на сайте: оригинальный текст и картинки. Часто с боков для служебной информации устраивают (сайдбары) колонки, несколько уже основной main колонки. Сайдбаров может быть несколько, но главное, чтобы они не мешали читателю читать текст на основной колонке.

1.10. Как правило, некоторые шаблоны даются бесплатно вместе с CMS системой управления сайтами (движком по-русски). Это такой комплект программ, который отвечает на все пожелания посетителей сайта, для чего на странице сайта располагают разные кнопки с названием действия. Посетителю достаточно лишь кликнуть по кнопке, чтобы CMS исполнила его желание.

1.11. Собственно говоря, создание сайта – это есть процесс создания уникального шаблона для сайта. Можно сделать шаблон и с нуля, но проще взять готовый и перекроить его для нового сайта. Очевидно, что для новичков единственным является последний метод.

1.12. Только имея опыт по созданию пары-тройки сайтов можно брать подходящий шаблон за платформу, и смело навешивать на него разные функции, которыми вы бы хотели удивить посетителей сайта.

1.13. Если вы ограничитесь ролью верстальщика сайтов, то не пойдете дальше перекройки шаблонов и добавления плагинов (дополнительных программ–примочек) в движок. Такой уровень является необходимым и достаточным для создания сайтов невысокой сложности.

1.14. Двигаться дальше в программисты – можно, только в том случае, если вы понимаете математическую логику, которая оперирует такими категориями, как «Ложь» и «Правда».

Собственно, каждая программа – это выражение, начинающееся всегда с предложения «Если моя переменная Х равна «Правде», то все остальное на компьютере будет так, как я хочу». Если у вас есть дар заставить компьютер поверить вам, что ваша переменная Х не равна «Лжи», то вы можете смело причислить себя к программистам.

Программисты – не являются уникальными людьми, только учиться этому надо долго. Вряд ли кто во взрослые годы решится переучиваться на программиста, но верстальщиком каждый сайтостроитель быть обязан.

1.15. Итак, на этом этапе мы разобрались, что нас теперь будут звать верстальщиками сайтов. Никаких специальных знаний нам не нужно, кроме вполне внятного HTML: всего лишь несколько тегов, из которых с половиной мы и так знакомы: тег наклона, жирности шрифта, подчеркивания, цвета букв и полей – все это есть даже в панели Microsoft Word.

Да и изобретать ничего нового мы не собираемся – будем ломать подаренные нам шаблоны сайтов, которые бесплатно нам дадут разработчики движков сайтов. Не получиться с одним – закачаем другой из тех многих, которые сделал кто-то более удачливый, чем мы.

1.16. Я считаю, что нет нужды изучать устройство сети интернет, если вы не собираетесь стать программистом или хакером. Как устроен Интернет понятно интуитивно, а как происходит анализ текста ссылки (или запроса) вы поймете, настраивая шаблон.

1.17. Нет никакой нужды сразу покупать для сайта доменное имя и тратится на хостинг. Сайт вы можете разместить у себя на домашнем компьютере, а родственники могут быть его посетителями. Такая возможность предоставляется после установки на домашнем компьютере программы под названием программа локальный сервер или по другому - вебсервер. Сегодня бесплатно распространяются прекрасные веб серверы (XAMPP и Denver), которые имитируют среду большого Интернета: в них работают браузеры, пересылается почта.

1.18. Большой разницы между веб серверами нет, да и они - всего лишь вспомогательный инструмент, на который не надо обращать много внимания. Верстальщику достаточно лишь раз установить локальный сервер на своем компьютере и в процессе работы лишь периодически перезагружать. Наличие вебсервера позволяет прежде, чем размещать сайт на настоящем сервере в Интернете, на локальном компьютере оценить внешний вид (дизайн) сайта и его функциональность.

1.19. В наше время веб-мастеру предоставлено право выбора из многих CMS - систем управления сайтом - от платных до бесплатных. Большим подспорьем является наличие большого количества шаблонов для бесплатных CMS. По функциональности они ничем не уступают платным. А вот платные CMS движки обычно сложнее и их надо еще долго осваивать.

1.20. Понятно, что первоначально новичку легче воспользоваться готовым бесплатным шаблоном. Замена всего лишь нескольких предустановленных изображений собственными позволит ему превратить чужой шаблон в свой уникальный.

1.21. Для сайтов с претензиями и этого будет «маловато». Обратите внимание на Интернет вне Рунета, где для каждого сайта делают уникальными даже кнопки, а не как у нас, «прихватизируют» всё, что плохо лежит. Однако нарисовать графику для собственного сайта не так уж и сложно. В рубрике Дизайн интернет сайта я покажу вам, как с помощью простейших приемов можно превратить ваш сайт в уникальный.

1.22. Например, мой сайт построен на одном из самых лучших движков MaxSite CMS, где в бесплатном шаблоне я заменил изображение шапки на нарисованную собственноручно картинку. Если вы посмотрите на самый верх, то наверняка разглядите юного веб-мастера в «песочнице Интернета» (сегодня картинка сместилась на место иллюстрации на главной странице сайта). Один из его куличиков вдруг оказывается пирамидкой, которая изображена на долларовой банкноте. По моему мнению – этот масонский символ должно символизировать успешность сайта.

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

1.24. Предупреждаю сразу, ваш собственный компьютер - вам не помощник, так как может преподносить сюрпризы при установке элементарных программ. Сколько компьютеров – столько и глюков. Кроме того, владелец сайтов полностью зависит от надежности хостера (провайдера), на серверах которого размещен его сайт.

Порой расстраиваешься, потеряв какой-то один файл, но ведь можно навсегда потерять все данные о собственных сайтах. Те, у кого когда-то сгорала материнская плата или ломался жесткий диск, потом ругали себя, что сэкономили на внешнем жестком диске. Позаботьтесь о сохранности ваших данных на разных носителях.

1.25. Если вы дочитали до этих строк, то вам прямая дорога в раздел В помощь вебмастеру, где начинается настоящая учеба.