Содержание сайта

Обучающий сайт, как и любая хорошая книга, должен иметь содержание. Благодаря содержанию можно последовательно и структурировано изучать материал. Я убежден, что для образовательного сайта не подходит хронологическое структурирование содержимого, как это принято на большинстве блогов.

Я структурировал обучающие материалы сайта в сложностно-тематическую последовательность. Надеюсь, что это облегчит ваше обучение, уважаемый читатель.

СОДЕРЖАНИЕ

Как и полагается, начнем с небольшой вводной части.

Введение

Введение. В данной статье я изложил общий принципиальный подход к веб-разработке.

Приступаем к изучению мат. части.

***

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

Стартовый интернет-маркетинг

Желающим начать свой интернет-бизнес рекомендую ознакомиться со статьей Стартовый маркетинг интерне-магазина. Она поможет вам правильно рассчитать свои силы и уделить внимание действительно важным моментам.
Дабы не совершать ошибок на первых шагах в интернет-бизнесе предлагаю ознакомится с моим личным опытом неправильного управления сложным интернет-проектом и его последствиями.

***

После осмысления проекта и написания технического задания можно переходить к следующему этапу.

Дизайна сайта и юзабилити

Основы работы с Photoshop для веб-мастера. Photoshop — это основная программа для разработки дизайна сайта. Свою популярность она завоевала благодаря непревзойденной мощи. В работе веб-мастера Photoshop является одним из основных инструментов. Разработать дизайн сайта, подкорректировать графические элементы, подобрать цвет, создать картинку, нарисовать баннер — все это позволяет сделать Photoshop. В данной статье рассматриваются принципы и основные моменты применения данной программы веб-мастером.
Основы и принципы юзабилити сайта. Как правильно делать сайты. Скоро появится, следите за обновлениями.

Базовый видеокурс «Photoshop для веб-мастера»

Вашему вниманию предлагается серия бесплатных видеоуроков по работе с программой Photoshop.

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

Перейти к бесплатным видеоурокам по Photoshop.

***

После того, как дизайн-макет сайта готов, продумано юзабилити, веб-разработчик переходит к следующему этапу.

Верстка сайта

Многие начинающие веб-мастера не знают о существовании такого важно этапа веб-разработки, как верстка сайта. Верстка — это превращение дизайн-макета сайта (обычно предоставляемого дизайнером в формате Photoshop-документа с расширением .psd) в HTML и CSS код, который обрабатывается и отображается браузером.

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

Основные теги HTML. Я заметил, что в своей работе использую лишь малую часть из солидного арсенала HTML-тегов. Начинающему веб-мастеру предлагаются толстенные книги для изучения огромного количества HTML-инструкций. Нудность процесса приводит к тому, что читатель забрасывает это чтиво, изучив лишь часть. Но, в заброшенной части книги могут оказаться как раз очень важные элементы (например, тег <div>, который в книгах по HTML обычно оставляют на закуску). В данной статье я описал именно те ключевые HTML-инструкции, которые востребованы в работе веб-мастера, и на которые нужно обратить максимум внимания.
Основные CSS-стили. Все, что я выше сказал о HTML-тегах, идентично и для CSS-стилей.

Базовый видеокурс по блочной div верстке сайта

В видеокурсе я на примере, шаг-за-шагом верстаю сайт из psd-макета.

В процессе изучения материала:

Вы освоите основные приемы работы с Photoshop-ом, необходимые верстальщику сайтов.
Разберетесь с основами блочной div верстки сайта. Данный подход является гораздо более правильным, нежели табличная верстка, которая была популярной до появления новых версий браузеров, в полной мере поддерживающих CSS-инструкции.
Получите базовые знания по работе с программой Dreamweaver.
Освоите основы применения HTML и CSS-разметки гипертекста.

Перейти к бесплатному видеокурсу Основы блочной div верстки сайтов.

После изучения видеокурса, рекоменду вам ознакомится с дополнительными видеоуроками по верстке сайта.

Хочу Вам посоветовать отличные сайты, материалы которых окажут большую помощь в изучении вопроса верстки:

***

Следующий этап — это программирование веб-проекта.

Программирование

Программирование — это очень сложный этап. К нему относятся подбор подходящего движка или CMS (а может быть программирование при помощи фримворка), изучение основ PHP и MySQL. Новичку необходимо овладеть рядом знаний и навыков, чтобы самостоятельно хорошо запрограммировать сайт.

Материал данной части будет весьма объемным. Следите за обновлениями сайта, чтобы не пропустить появления свежих статей.

Базовый видеокурс по JavaScript

Из моей серии бесплатных видеоуроков по JavaScript вы сможете, более интерактивным и наглядным образом, в отличии от книги, быстро получить базовые знания и освоить:

Синтаксис языка JavaScript.
Основные его конструкции и функции.
Принципы работы с парадигмой DOM (объектно-ориентрированная модель программирования), которая значительно облегчает жизнь JavaScript-программисту.
Возможности динамической верстки на JavaScript.
Проверка данных, получаемых от пользователя, на стороне клиента, без перезагрузки страницы.
Сохранение данных между визитами посетителя сайта (cookies).

Перейти к видеоурокам по JavaScript.

***

После того как сайт готов, остается купить подходящий хостинг, выгрузить туда готовый сайт и наладить его работоспособность.

Покупка хостинга и выгрузка сайта

Важным является момент правильного выбора хостинга. Огромное количество тарифных планов, услуг хостинг-провайдеров, безлимитный трафик, поддержка PHP и MySQL, выделенный сервер. Как не запутаться среди этого разнообразия и сделать правильный выбор? Об этом и пойдет речь в данном разделе.

Что такое SSH или Shell (Шелл) и зачем он нам нужен. Шелл — это весьма удобный инструмент управления сервером. Благодаря ему можно существенно ускорить процесс выгрузки сайта на сервер хостинг-провайдера, а так же упросить процесс удаления большого количества ненужных файлов.

Раскрутка и продвижение сайта

Для любого веб-проекта очень важным является процесс привлечения посетителей. Об этом и пойдет речь в данном разделе.

Раскрутка сайта и поисковая оптимизация. В данной статье я изложил основные принципиальные моменты раскрутки и поисковой оптимизации сайта.
Интересным инструментом для раскрутки, стремительно набирающим обороты, является Twitter. Рекомендую вам ознакомится со статьей Twitter – что это такое и зачем он нужен.
Не стоит зацикливаться только на SEO, есть и другие методы раскрутки и привлечения пользователей на сайт. С ними вы можете ознакомится в обзорной статьей Непоисковые методы продвижения и социальные сети.
Приглашаю вас изучить статью, посвященную сравнительному анализу источников трафика с подробной видео-инструкцией по созданию первой рекламной компании в Google AdWords.

Также вы можете ознакомится с другими интересными статьями из рубрики раскрутка сайта.

Хочу вам посоветовать:

Отличный блог Михаила Шакина, посвященный раскрутке сайта. Огромное количество интереснейшей информации для новичков в этом деле.
Очень интересным, в плане получения информации по раскрутке сайта, считаю блог Алексея Терехова.
Замечательными экспериментами и статьями по тематике раскрутки балует нас Сергей Кокшаров на блоге devaka.ru
Летом 2009 г. появился интересный сайт с видео-материалом по раскрутке сайта — Seopult.TV.

Дополнения

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

Кодировки. Очень часто у начинающего веб-мастера возникают проблемы с правильным отображением символов в браузере. Более опытные веб-мастера задаются вопросом «В какую кодировку сохранять и какими инструментами перекодировать текст?». На все эти вопросы я постарался дать полный и подробный ответ.

Для тестирования разрабатываемого сайта, содержащего php-скрипты, необходима локальная среда разработки.

Вы можете ознакомится с подробным руководством по установке и настройке локальной среды разработки своими руками, а так же узнать принципы работы сайта с сервера хостинг-провайдера и точно понять, нужна вам локальная среда веб-разработки или нет. Настройка Apache. Настройка MySQL. Настройка PHP. Или локальная среда разработки своими руками.
При желании вы можете воспользоваться уже готовой и настроенной средой локальной разработки Денвер. Познакомьтесь со статьей, посвященной установке и настройке Денвера. Но гораздо приятнее установить и настроить среду разработки своими руками, кроме того, это даст еще и понимание принципов работы сайта с сервера хостинг-провайдера.

Внимание! Сайт постоянно дополняется новыми авторскими материалами по тематике, обозначенной в содержании. Для того, чтобы не пропустить свежие статьи подписывайтесь на RSS-ленту или получайте обновления на вашу эл. почту.

Автор: Андрей Морковин 21.10.2009

Отзывов: 17 на «Содержание сайта»

Автор: Анна, 05.12.2009 в 22:28

Здравствуйте Андрей, только что пробежалась можно сказать по вашему сайту, столько материала!!! Как бы его осилить.Глаза квадратные, но с чего-то начинать надо. Спасибо!

Ответить
Автор: Never Lex, 12.12.2009 в 04:17

Думаю, нужно получше структурировать. Новичок запутается. Нужно наверно, сделать как в книге Оглавление: Разделы, а в них ссылки на статьи.

Ответить
- Автор: Андрей Морковин, 12.12.2009 в 11:50
  
  Мое мнение вот здесь: http://blog.dimok.ru/kak-sdelat-svoy-blog-esche-luchshe-i-poluchit-dopolnitelnyih-podpischikov
  
  Ответить
  - Автор: Never Lex, 12.12.2009 в 11:58
    
    Да. Я тоже так думаю. Просто новичку имхо нужно дать меньше описания и побольше ссылок или поставить кнопочку, которая умеет скрывать излишнее описание. Неудобно рыскать в тексте в поисках ссылки.
    
    Да и почему бы не выложить все ссылки на посты по теме, а не только ссылку на Категорию?
    
    Ответить
Автор: Never Lex, 12.12.2009 в 11:43

В общем, предлагаю Оглавление сделать вручную (так конечно будет всё под контролем) или хотя так, как у меня архив http://neverlex.com/page/archives/

Ответить
Автор: negative23, 15.12.2009 в 01:01

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

Ответить
Автор: Лариса, 31.12.2009 в 05:54

Какой классный у Вас сайт, Андрей! Столько полезного для новичков!

Ответить
- Автор: Андрей Морковин, 31.12.2009 в 14:57
  
  Я стараюсь. Спасибо
  
  Ответить
Автор: Дэн Шорин, 31.12.2009 в 23:42

Спасибо, хороший сайт. Но хотелось бы в рамках раздела дизайна сайта и юзабилити увидеть чуть больше, чем уроки фотошопа.

Ответить
Автор: Алексей., 18.01.2010 в 00:15

Очень вовремя нашел ваш сайт.
Как раз именно сейчас мне нужна вся эта информация).
Просмотрел множество курсов и учебников, Ваша подача материала – одна из лучших.
Спасибо за проделанную работу.

Ответить
Автор: MD5, 22.01.2010 в 10:08

Отличный сайт…Много полезного тут нашел.. и что самое главное поможет мне в дипломке…подписываюсь на ваш блог

Ответить
Автор: Василий, 22.01.2010 в 14:51

СПАСИБО!!!

Ответить
Автор: Павел, 03.02.2010 в 13:14

Открыл для себя просто кладезь информации!
Все от и до для новичков как я.
Ответы на все волнующие меня вопросы в одном месте,еще и в очень доступно изложенном виде.Супер!!
Большое спасибо за ваш труд.

Ответить
Автор: Максим, 03.02.2010 в 21:33

Уррааа!!! Изо всех сил присоединяюсь ко всему сказанному выше! Отличная информация, полезная и наглядная!

Огромное спасибо и мегареспект автору!!! Поселяюсь тут, и подписываюсь на рассылку!

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_

То, что дальше напишу – это просто наболело… это можно не читать. Здесь я хотел бы выскзаться о некоторых философских вещах, которые напрямик к производству сайтов не относятся. А именно (краткий план):

1) о том, когда не нужен маркетинг
2) о реальной потребности массового пользователя
3) о линуксоидных труадминах и виндовых пользователях
4) и о служении

1. Когда не нужен маркетинг

Кто-то однажды сказал: “Создавая ценности, достигаем преимуществ”, – вот такая позиция мне близка и понятна. В случае с сайтом, куда я по счастливой случайности попал (будучи достаточно неласково изгнанным с другого, через чур профессионального), – ценность очевидна! И заключается она именно в том, что человек, обладающий (как видно) богатым опытом в разработке, творческим талантом, желанием работать и диким терпением по отношению к новичкам, – берет на себя труд изложить это дело просто и понятно. Это – труд и это – продукт, представляющий собой ценность!

Поэтому будет успех, и будут благодарные пользователи. Чего и я, со своей стороны, от души желаю автору и этому сайту! Продавать такое (ставя себя мысленно на место продавца) – легко и приятно; радостно, и приносит не только моральное удовлетворение, но, я думаю, что и деньги тоже А вот, когда продукт (силами мощного маркетинга и рекламы) “втюхивается”, – то это надо еще подумать (ставя себя на место пользователя уже), – нужен ли такой продукт даже и даром.

2. О реальной потребности массового пользователя

Спрос на “сделать сайт” растет и будет расти. И веб 2.0, собственно, и предполагает (в числе прочего), что веб должен стать массовым (в отличие от Веба 1.0, в котором информацию размещали, в основном, “немногие для многих”). К чему я все это говорю? А именно к тому, что задача ставится “сделать”, а не “посвятить всю оставшуюся жизнь тому, чтобы делать” сайт. (Обращаем внимание на совершенную форму глагола “сделать”).

Если позволено будет выразиться по этому вопросу, то с моей точки зрения, ценность данного сайта в том и заключается, что он позволяет массовому пользователю удовлетворить свою потребность в том, чтобы чего-то там такое СДЕЛАТЬ из цикла “сайт”, “персональная страничка” и т.д. и т.п. (А плохо это или хорошо, радостно или не радостно, но массовый пользователь – это простые люди, обычные: всяческий “офисный планктон”, обычные юристы, экономисты, социологи, журналисты и даже такие “идиоты, вообще, набитые”, как менеджмент и топ-менеджмент. Не говоря уже о школьниках и студентах, вечных студентах и студентах по духу. В общем, – все, у кого есть “компуктер” и из него торчит шланг, по которому можно выйти в интернет )

И, на самом деле (хотя, конечно, далеко и не всегда, но это – другая тема уже), – этим всем людям есть что сказать! Я имею ввиду, есть что сказать ценного и полезного миру. А даже если и нечего, но очень хочется, то задача-то, тем не менее совдится к тому, чтобы сказать! Опубликоваться, высказаться, ну, и, в идеале, конечно, оказаться популярным гы! Чем черт не шутит. Никому не интересно курить мануалы. И вдвойне не интересно RTFM (такое иногда бывает даже обидно).

Тем более, как ни крути, но массовый пользователь не хочет посвящать всю оставшуюся жизнь производству высокотехнологичных, супер-мегаоптимизированных, и вообще с ног сшибательных сайтов. Нам хочется жить, путешествовать, совершенствоваться профессионально (каждому – в своей области), любить наших любимых и быть любимыми ими, чем-то таким увлекаться в плане хобби, ну, и, разумеется, рассказывать об этом. Ну, пусть. если не всему миру, то хотя бы тем же самым – нашим близким и любимым. Как ни крути, а “персональная страничка” или “мой первый в жизни блог” – как правило, – недолговечный проект. Чего уж тут говорить о посещаемости или окупаемости

Тут возникает вопрос, – а почему бы не воспользоваться готовыми блогами, конструкторами сайтов, хостингами с предустановленными движками и т.д., – ну, ответ очевиден. Что на данном ресурсе, видимо, соберутся те люди, для которых все это – уже пройденный и неинтересный этап. Уже три года назад как позабыт доступ к первой персональной страничке на “народе”; уже два года назад, как надоели те блоги, которые казались такими интересными, и вот уже год, как не хочется тривиальных решений уровня “укоза”, “кикоза”, и прочего подобного… Т.е., не кулхацкеры, конечно, но уже и не ламеры

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

И такая реальность – тоже существует.

3. О линуксоидах и виндовых юзерах

Там живут эти самые, – угу… они, гуру линуксоиды. Ацкие одмины, которые занимаются ИТ ради ИТ. (Многие из них, кстати, так доморощенными гуру и остаются, – только без паствы). Готовые три недели курить мануалы, для того, чтобы экстремально оптимально собрать ядро. Ну, это у них дзэн такой.

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

Нет. Я не ненавижу линух, – ну, в конце концов, мало ли ОСей в мире? – 20% выпускников кафедр ЭВМ и им подобных пишут ОСь в качестве дипломного проекта, – имеет право на жизнь и линух, поддерживаемый своими энтузиастами. Оно, конечно, хотя и кисловато, но бесплатно ведь. Таки свои плюсы есть. Ну, и некоторый сегментик рынка, коль скоро плюсы есть. Опять же, можно с интересом провести множество вечеров возле компа, “сращивая”, как же все-таки ЭТО сделать в линухе. Я не против всего этого. Я даже сам, если надо будет – буду линух юзать. Если я увижу, что для моей задачи (данной и конкретной) – винда по каким-то причинам не катит, – так возьму и заюзаю линух.

Но я ненавижу СНОБИЗМ во всех его проявлениях. Когда они пытаются презрительно кривить свои лица, давая понять, каково “твое место”… Вот, я это ненавижу.

Виндовый пользователь, – обычный, – тот самый, который цветочек выращивает, на лисапеде катается, или по горам лазает, на инструменте каком играет или поет, – ему оно надо, – как там ядро поживает? Ему надо, чтобы он “с пылу – с жару” вот этот вот чудесный цветочек души своей (одной кнопочкой) сфотографировал, а в следующую секунду (другой кнопочкой) – и захостил. И сразу же раздал линки друзьям и подружкам: “А вот какой цветочек!”

Под виндой – люди делают конечный продукт, не задумываясь о том, КАК найти в каталоге тридцать четвертого уровня вложенности тот самый текстовый файл, где в 512-й строке нужно видоизменить параметр КАКОЙ настройки, чтобы это стало возможным. Под виндой – работать легко и приятно. Об этом – позаботились другие люди.

Ну, да… раньше линуксоиды глумились над тем, что винда, де, падает часто (дык то когда было-то… у меня дома винда если и перезагружается, то только потому что пришло время критические обновления применить, а на трех компах – три разных винды стоит: обычная ХРюша, 64-битная ХРюша, ну, и сервер 2008). Ресурсы не оптимально используются?… – ну, дык лично для меня это – сугубо фиолетово. У меня один фиг все “летает”, и если бы операция исполнялась бы не одну милисекунду, а 0.99 милисекунды… то, наверное, вряд ли я бы это заметил…

Линуксоиды, – они такие… (в массе своей… нет, поймите меня правильно, я не отрицаю, что и среди них есть даже очень интересные люди, и вовсе не снобы, и многих из них я глубоко уважаю, а кое-кого даже в тайне люблю есть одна очень интересная девочка-линуксоид и отчасти, в общем-то, она оттого и интересна, что линуксоид же… вот, поди ж ты: все девочки вокруг – виндовые, а она – линуксоид), – но в массе им пофигу продукт. Они занимаются процессом ради процесса. Им не важно. что на выходе там получится, и получится ли вообще. И, как я уже говорил, – у каждого есть право иметь свое хобби. Может! Я согласен, может человеку нравиться “чистое программирование”, – не ради того, чтобы миру чего-то явить, а просто ради развлечения. Да, и Бог с вами, развлекайтесь себе спокойно. НО!!!

Только не надо это превращать в повод раздуть свое снобское ЭГО до размеров, превышающих размеры видимой вселенной. Некоторые (другие) люди пишут программы ради рузельтата, а не ради того, чтобы писать программы, и они – тоже люди. И для них, возможно, Дельфи – это оптимальное решение. Потому что открыл, написал, вычислил чего хотел, закрыл и спать пошел. А программирование в инструкциях процессора, – это в другой раз как-нибудь. Возможно, в следующей жизни: вот, в наказание за все то, что я тут написал, – такую кромолу, – стану я линуксоидом… бррр…. чур меня.

4. О служении

Есть и еще один момент. Тот, который цветочек выращивает, – ну, помимо того, что он, разумеется, сам тащится и от процесса и от результата, – он делает все это для людей. Ну, я так считаю… Могу и ошибаться, конечно.

Но, ИМХО, этот цветочек сам по себе не столь важен, как та радость, которую он вызывает у других людей, будучи подаренным. Возможно, он даже за это денежку возьмет (ну, не без этого: всем жить как-то надо). А возможно, удовольствуется просто моральным наслаждением от того, какую гамму положительных чувств он способен вызвать в другом человеке или в нескольких людях, – своим подарком. Тот, кто песенки поет, или на инструментах играет, в общем и целом, тоже делает это по большому счету для людей. Хотя многие и говорят, что делают это только для себя но тут есть доля лукавства и “заигрывания”, я считаю.

И, вот… тот человек, который этот сайт пишет, – я думаю, что делает это для людей. Для нас, для простых пользователей, – которые (судя по отзывам, которые я видел) – от всей души благодарят.

И только некоторые СНОБЫ считают, что рассказывать кому-то чего-то это “не царское дело”. Ну, что ж… мы, простые пользователи, – проголосуем нашими деньгами, кликами, и позитивными эмоциями. которые мы готовы “возвращать” автору в виде обратной связи, в виде благодарности и положительных эмоций! дающему – дано будет. Притом, рука дающего да не оскудеет, а воздастся – с торицей!

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

З.Ы. Прошу любые совпадения с любыми лицами и ситуациями считать случайностью. Все, что написано является плодом переживаний, “наболевших” за долгие годы и это не связано ни с какой конкретной ситуацией и ни с каким конкретным человеком.

Прошу также простить за “многабукаф”, если кто-то вообще дочитал весь этот бред до конца

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

Ответить
- Автор: Андрей Морковин, 06.02.2010 в 09:19
  
  Спасибо за интересный комментарий и добрые слова.
  
  Ответить