Как стать сайтописцем?

Вопрос, который я здесь подниму, наверное, слегка нубский, но что поделать.
Так получилось что у меня сейчас есть свободное время, и я подумал - а почему бы не научиться чему-то? Учиться ведь никогда не поздно. Всегда хотел изучить какие-то реальные способы заработка в интернете. Только что вот думал чему именно научиться - кодить или сайты писать, остановился на сайтах.

Посему, у меня два вопроса.
Первый - в каком порядке стоит изучать? Я думаю, HTML(какую версию для новичка лучше выбрать? 4, или сразу 5?) > CSS > PHP > SQL > ??, но может я что-то упускаю.
Второй, прямо вытекающий из первого. С чего начать? Самоучители, видеоуроки, etc. Кидайте ссылки на годные материалы, буду очень благодарен.
Как я уже писал выше, хочется хорошего совета от людей, которые в этом разбираются. Хочется реальных знаний, а редактировать шаблоны в чем-то типа dreamweaver и обезьянка сможет.
Спасибо.

Что такое Joomla?
Joomla представляет собой бесплатную систему для создания веб-сайтов. Это проект с открытым исходным кодом, который, как и большинство подобных проектов, не стоит на месте. Он очень успешно развивается, в течение вот уже семи лет, и пользуется популярностью у миллионов пользователей по всему миру.
http://joomla.ru/

Для начала понять, что в одиночку сайты не "пишут"... Точнее "пишут", но то не сайты, а в основном трупики с рождения ну и хомяки (собственные домашние странички)....

Сайты разрабатывают. И специальностей много.

Самое простое - изучить бесплатную CMS: Joomla, wordpress, и т.д. И можно уже создавать (а точнее будет конфигурировать) относительно простые сайты. Хотите большего?

Ну начните с верстки. Сие есть превращение из макета (как правило psd) в HTML. Тут надо изучить HTML и CSS.
Далее можно углубиться: таковы веяния, что мало сайтов обходятся без JavaScript. тут вам поле работы. Начиная с JavaScript. Ну и захватывая такие распространнеые плюшки как jQuery
Далее захочется получить нужный ответ от веб серера: изучайте скриптовые языки работающие на стороне сервера: php, phyton, ruby и т.п.
Нафигачите проект которые потребует массу ресурсов и постоянных соединений... Принимайтесь, например, за C/C++

1) Стандарты, стандарты, ещё раз стандарты. И нет лучшего пособия, чем официальная спецификация

2) XHTML 1 и XHTML 1.1 (XML+XSL+DTD), это совсем разные вещи, конечно и HTML 5, CSS 2.1, CSS 3, браузерозависимые спецификации CSS

3) JavaScript, PHP (позже можно JSP если очень захочется), SQL в реализации выбранной СУБД, например MySQL

4) Usability, информационная архитектура, композиция, дизайн

5) Настройки выбранного вебсервера, например, Apache

Ну потом AJAX в реализации с выбранной серверной средой, готовые библиотеки JavaScript вроде Jquery и прочее. Вебдизайнером без художественного образования конечно никогда не станете, но вебмастером вполне возможно при должном рвении. SEO конечно не забудьте. В общем, лет на пять хватит, зато увлекательно. И да, для кодинга вполне достаточно Kate или SCite.

У меня икоту вызывает упоминание джумлы... :)
Первое что из движков пробовать это Wordpress.

Если Joomla кое как освоил, то Woirdpress лес густой...
Я использую DLE, правда он платный.

mozgfx написал:

Если Joomla кое как освоил, то Woirdpress лес густой...
Я использую DLE, правда он платный.

Три редкостных помойки. Если что-то и есть приличного свободного, то только Drupal, но он уже требует хороших знаний, не программирования прежде всего, а информационной архитектуры. А это редкость. Зато и ценность. А что Wordpress, что Joomla, что DLE, всё детский сад.

karl_muenhgausen, да ладно, Wordpress хороший и приятный блогодвиг, визитки тудаже - быстро, понятно, симпатично... А вот Joomla оставляет после использования впечатление корявости во всём.

Не могу ответить, с планшета возможности ограничены, под рукой ничего другого, один андройд, но с ноута или стационара легко засунуть его в W3C-валидатор и посмотреть, что получится. И это не придирки, гадость видна на любом "мобильном" устройстве, а уж про убогость интерфейса и возможностей и речи нет. Ещё бы Укоз вспомнили, тоже, блин, вебмастеринг, не смешите!

По-моему, здесь надо разделить немного: движок сайта и содержание его. То, что предлагалось тут, это изучение на несколько лет, может, человек имеет хорошую тему для сайта, и ему есть чем его заполнить. Много ли таких, кто хорошо знает движки, PHP и т.д., и одновременно делает хороший сайт?

vvrusnak написал:

По-моему, здесь надо разделить немного: движок сайта и содержание его. То, что предлагалось тут, это изучение на несколько лет, может, человек имеет хорошую тему для сайта, и ему есть чем его заполнить. Много ли таких, кто хорошо знает движки, PHP и т.д., и одновременно делает хороший сайт?

Это правильная постановка вопроса, но ТС ставил его иначе, я соответственно и ответил. В целом сайт (скажем, тематический вертикальный информационный портал - самое привычное) требует работы каких специалистов, чтоб было профессионально и как следует?


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


Следующий уровень - руководитель проекта, он же информационный архитектор тот, кто знает КАК реализовать идею. Определяет структуру ресурса, систему поиска и классификации, структуру и композицию страниц.


Дальше вебдизайнер, что понимается у нас обычно превратно. В прямом смысле в английском дизайнер это конструктор. В этом смысле я и использую термин, чтобы не было расхождений с иноязычными текстами. Постановщик задач для
программиста серверной части
программиста клиентской части
программиста СУБД
администратора СУБД
художника (web-artist)
кодера
фотографа
бильдредактора
техдизайнера

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


Специалисты "всё в одном" редко, но бывают. Конечно, пытаться стать таковым с нуля я бы не советовал, пустая затея. Одновременно разбираться в фасетной классификации, пиксельной графике, структуре хранения данных, языках программирования (запросов, разметки, визуализации), при этом быть художником-оформителем и редактором довольно непросто.

"karl_muenhgausen⇓" написал:

бильдредактора

Это шо такое?

mogul82 написал:

[quote="karl_muenhgausen⇓"]бильдредактора

Это шо такое?[/quote] Гугол не помогает? Техдизайнер с талантами художника и нюхом новостника.

"karl_muenhgausen⇓" написал:

Гугол не помогает?

Такую №;%;№ даже гуглить не охота.

А спрашивать, чтобы потратить мое, а не свое время - самый раз?

AnKar написал:

Посему, у меня два вопроса.
Первый - в каком порядке стоит изучать? Я думаю, HTML(какую версию для новичка лучше выбрать? 4, или сразу 5?) > CSS > PHP > SQL > ??, но может я что-то упускаю.

Относительно языков - начинайте с HTML. Он в веб-разработке главный, мимо него на танке не проедешь. Следом - CSS(каскадные таблицы стилей). От него зависит рациональное управление внешним видом. В принципе, что-то из того, что он дает, можно сделать и в голой разметке. Но это будет гораздо более громоздко. Если хотите от сайта интерактивности - в помощь JavaScript и PHP+MySQL Яваскрипт выполняет сценарии на машине пользователя (на стороне клиента), ПэХеПе - на стороне сервера. Базы данных - это то, без чего не будет работать, например, интернет магазин, форум, социалки. Любой ресурс, на котором регистрируется множество пользователей. В остальном сориентируетесь по ходу вхождения в тему.
НО для начала определитесь, зачем Вам все это надо. Если для самовыражения, сделать, ради того, что-бы этому научиться, стать профи в области сайтостроения - вгрызайтесь во все, что уже перечислено другими. Если ставите перед собой другие цели, (возможно, бизнесс, например), вероятно Вам это вообще не понадобится в принципе. Для этого существуют такие хорошие люди, как копирайтеры, и фрилансеры. Они сделают то, что Вам требуется, быстро и качественно. Знания, естественно, не помешают, поскольку в любой области они дают "нечестное преимущество". Но за них надо платить потраченным на них временем. Поэтому определяйтесь с целями сразу, выбирайте какие из задач главнее, что бы затем не распыляться.

"AnKar" написал:

Первый - в каком порядке стоит изучать? Я думаю, HTML(какую версию для новичка лучше выбрать? 4, или сразу 5?) > CSS > PHP > SQL > ??, но может я что-то упускаю.
Второй, прямо вытекающий из первого. С чего начать? Самоучители, видеоуроки, etc. Кидайте ссылки на годные материалы, буду очень благодарен.

1. Понять надо ли оно тебе
1.1 Поиграть с CMS, может желание отпадет.
1.2 Понять, что кликая по кнопочкам в джумле, мало чего добьешься.
2. Изучение английского языка (а еще хорошим бонусом будет навык рисования)
3. Понять, что HTML - не язык программирования, это язык разметки. (а то периодически натыкаюсь на "гениев", которые html кличут языком программирования)
4. Изучение HTML
5. Знакомство CSS
6. Практика HTML + CSS
7. Углубленное изучение HTML + CSS (многие на это забивают, а по факту, дальше идти смысла нет, если основы пропущены)
-- с п. 3 по п. 7, дополнение: столкнешься с тем, что есть html4, есть html5, css2.1, css3, что есть что, лучше подсуетиться и посмотреть заранее :)
8. Понять, что JavaScript "живет в браузере" (серверные реализации сейчас не в счет, берем JS в глобальном проявлении)
9. Изучение JS (вот и начинается программирование)
10. По мере изучения JS делать выводы чего же не хватает, когда работает "только браузер"
11. Выбрать язык программирования и изучить. PHP, например. Впрочем, кто-то Python или Perl выбирает.
12. Практика по языку программирования с реализацией задач, подмеченных в п. 10
Ну а дальше и сам сориентируешься, с какой-нибудь БД работать начнешь, может решишь попробовать JS на серверной стороне и, скажем, с Node.JS познакомишься и т.д. Перспектив море.
И само собой, цели себе надо ставить. Будешь ты этим на хлеб зарабатывать, либо это будет хобби, в зависимости от этого цели будут различаться, интенсивность и программа действий тоже.

p.s. про английский я писал на полном серьезе, без него сейчас никуда.
По html и css, почитаешь http://htmlbook.ru/, по JS http://learn.javascript.ru/, по php сейчас вроде документация нормально переведена, но рано или поздно все равно столкнешься с проблемой, если английский не знаешь, так что хотя бы на уровне технического, освоить придется.

xxblx, CMS щупал, с вордпресом имел дело, даже было пару "шабах" по этому поводу, понимаю что это дорога в никуда.
Шаблоны в Dreamweaver правил тоже, понимаю что без знания основ это все ерунда.
Английский знаю, привык думать что неплохо, хотя кто его знает...
На счет всего остального - спасибо большое. :)